@charset "utf-8"; 
/* CSS Document */

/* //$cmignore */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
clear:both;
}
.dw-4 ol:last-child, .dw-4 ul:last-child,
.dw-5 ol:last-child, .dw-5 ul:last-child,
.dw-6 ol:last-child, .dw-6 ul:last-child {
margin-bottom:0;
}

blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset {
	padding: 1em;
	box-sizing: border-box;
	width: 100%;
	border-radius: 5px;
	border-style: outset;
	border: solid 1px #bbb;
	box-shadow: none;
	margin-bottom: 1.5em;
}

fieldset[disabled] {
	opacity: 0.8;
}

fieldset[disabled] input,
fieldset[disabled] .progress {
	background-color: #E9E9E9;
}

/*****************************************************************
 GLOBAL
******************************************************************/
@font-face {
font-family: 'YBS-Headline';
src: url('/static/font/ybsheadline_rg-webfont.eot');
src: url('/static/font/ybsheadline_rg-webfont.eot?#iefix') format('embedded-opentype'),
	 url('/static/font/ybsheadline_rg-webfont.woff') format('woff'),
	 url('/static/font/ybsheadline_rg-webfont.ttf') format('truetype'),
	 url('/static/font/ybsheadline_rg-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Aller';
src: url('/static/font/ybsallertextscreen_rg.eot');
src: url('/static/font/ybsallertextscreen_rg.eot?#iefix') format('embedded-opentype'),
	 url('/static/font/ybsallertextscreen_rg.woff') format('woff'),
	 url('/static/font/ybsallertextscreen_rg.ttf') format('truetype'),
	 url('/static/font/ybsallertextscreen_rg.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Aller-Bold';
src: url('/static/font/ybsaller_bd.eot');
src: url('/static/font/ybsaller_bd.eot?#iefix') format('embedded-opentype'),
	 url('/static/font/ybsaller_bd.woff') format('woff'),
	 url('/static/font/ybsaller_bd.ttf') format('truetype'),
	 url('/static/font/ybsaller_bd.svg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Aller-Light';
src: url('/static/font/ybsaller_lt.eot');
src: url('/static/font/ybsaller_lt.eot?#iefix') format('embedded-opentype'),
	 url('/static/font/ybsaller_lt.woff') format('woff'),
	 url('/static/font/ybsaller_lt.ttf') format('truetype'),
	 url('/static/font/ybsaller_lt.svg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'FontAwesome';
src: url('/static/font/fontawesome-webfont.eot?v=3.0.1');
src: url('/static/font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
	 url('/static/font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
	 url('/static/font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
font-weight: normal;
font-style: normal;
}

html {
-webkit-text-size-adjust: none;
}

body {
background:#e3e3e3;
font-size: 68.75%; /* 12px base size */
font-family: Aller, "Trebuchet MS", sans-serif;
color: #292929;
padding:0;
margin:0;
}

@media only screen and (min-width: 17.8125em) {
body {
font-size: 85%; /* 13 / 16 */
}
}
@media only screen and (min-width: 40.625em) {
body:after {
content: 'midscreen';
visibility: hidden;
}
}
@media only screen and (min-width: 56.25em) {
body:after {
content: 'widescreen';
visibility: hidden;
}
body {
font-size:85%;  /* 16px */
}
}

#top {
position:absolute; top:0;
}

@media only screen and (min-width: 64em) {
#restrict {
margin:0 auto;
width: 1024px;
}
}

iframe {
border:0;	
background:none;
}

object, embed { width:100%; }

p {font-size:1.0em; /* 12.5 / 12.5 */line-height:1.5384615384615384615384615384615em; /* 20 / 13 */margin: 0 0 1em 0.5em;font-family:"Aller", "Trebuchet MS", Arial, Helvetica, sans-serif;}
@media only screen and (min-width: 31.3125em) {
p {font-size:1.0em; /* 12.5 / 12.5 */line-height:1.5384615384615384615384615384615em; /* 20 / 13 */margin: 0 2% 1em 0.5%;font-family:"Aller", "Trebuchet MS", Arial, Helvetica, sans-serif;}
}

h1 {
font-size:4.4em; /* 26 / 13 */
line-height:0.7; /* 35 / 26 */
text-transform:uppercase;
font-family:ybs-headline;
font-weight:normal;
}

#grid-includes-savings-terms-definitions-12-5 h1 {
font-size:3em; 
}


h2,
#mortgage-products h1 {
font-size:1.52em; /* 19 / 12.5 */
line-height:1.3809523809523809523809523809524em; /* 27 / 19 */
margin:0 0 0.75em 0;
padding-bottom:0.5em;
border-bottom:1px solid #e8e8e8;
}
.col .module h2 {
margin-top:0;
}
.inset h2 {
border-bottom:1px solid #cccccc;
}
.grid-in-grid h2 { 
border-bottom:1px solid #e8e8e8; 
}


h3 {
font-size:1.2538461538461538461538461538462em; /* 15 / 13 */	
line-height:1.4666666666666666666666666666667em; /* 22 / 15 */
margin:0 0 0.5em 0.5em;
font-family: "Aller-Bold", "Trebuchet MS";
}

@media only screen and (min-width: 31.3125em) {

h3 {
font-size:1.2538461538461538461538461538462em; /* 15 / 13 */	
line-height:1.4666666666666666666666666666667em; /* 22 / 15 */
margin:0 0 0.5em 0em;
font-family: "Aller-Bold", "Trebuchet MS";
}}

#terms h3 {
margin-top:0.5em;	
}

h4 {
font-size:1.1076923076923076923076923076923em; /* 17 / 13 */
line-height:1.4117647058823529411764705882353em; /* 24 / 17 */
padding-top:0.5em;
margin:0 0 0.5em 0;
font-family: "Aller-Bold", "Trebuchet MS";
}
div.block .col ul li h3,
div.block .col ol li h3,
div.block .col ul li h4,
div.block .col ol li h4,
div.block .col ul li h5,
div.block .col ol li h5 {
display:inline;
}
div.block .col .carousel ul li h3,
div.block .col .carousel ul li h4,
div.block .col .carousel ul li h5 {
display:inline-block;
}


h5 {
line-height:1.5em; /* 21 / 14 */
padding-top:0.5em;
margin:0 0 0.5em 0;
font-family: "Aller-Bold", "Trebuchet MS";
}

h6 {
font-size: 1.0em;	
line-height:1.6em; /* 20 / 13 */
margin:0 0 0 0;
font-family: "Aller-Bold", "Trebuchet MS";
}

h2.colour-a, h3.colour-a, h4.colour-a, h5.colour-a {color:#7d2a90}



#secondaryNav h6 {
    font-size: 1.14em;
    margin-bottom: 0.2em;
color:#292929;
}

#secondaryNav h6 a {
color:#7d2a90;
}


@media only screen and (min-width: 31.3125em) {
#secondaryNav h6,
footer h6 {
font-weight:normal;
}
}

strong {
font-family: Aller-Bold, "Trebuchet MS";
font-weight:normal;
}
i {
font-style:italic;	
}
.col .free-text blockquote,
.col .highlight blockquote {
font-style:italic;
font-size:1em; /* 12.5 / 12.5 */
line-height:1.5384615384615384615384615384615em; /* 20 / 13 */ 
margin: 0 0 1em 0;
padding:2em;
background:#e8e8e8;
}
.col .free-text blockquote:before,
.col .highlight blockquote:before {
content: '\201C \0000a0';
font-size:3em !important;
padding:0;
margin:0 0 -0.2em -0.5em;
color:#7d2a90;
display:block;
}
.col .free-text blockquote:after,
.col .highlight blockquote:after {
content: '\201D';
font-size:3em !important; 
padding:0;
margin:0 0 -0.2em 0;
color:#7d2a90;
display:block;
float:right;
}



figcaption,
.filesize,
sup {
font-size:0.8461538461538462em; /* 11 / 13 */
line-height:1.5384615384615384615384615384615em; /* 20 / 11 */ 
}
small,
.small {
font-size:0.8461538461538462em; /* 11 / 13 */
line-height:1.5384615384615384615384615384615em !important; /* 20 / 11 */ 
}
xsmall,
.xsmall {
font-size:0.8261538461538462em !important; /* 11 / 13 */
line-height:1.5384615384615384615384615384615em !important; /* 20 / 11 */ 
}
.filesize {
color:#292929 !important;	
}
sup {
color:#292929;
height: 0;
line-height: 0.5;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
top: -0.3em;
font-weight:bold;
}
sup.asterisk {
top: -0.3em;
}

.no-underline {
	text-decoration: none !important;
	color: #292929;
	background: none
	}

.no-underline:hover {
	text-decoration: none !important;
	background-color: none !important
	}
	
span.remove-space {
	left: -2px;
	position: relative
	
}

table {
margin: 0 0 1em 0;
width:100%;
}
th,
td {
padding:0.5em 0;
line-height:1.5384615384615384615384615384615em; /* 20 / 13 */	
}

table.table-2col th,
table.table-2col td {
width:55%;
text-align:left;
}
table.table-2col th:first-child,
table.table-2col td:first-child {
width:45%;
}

table.table-3col th,
table.table-3col td {
width:27.49687108886108% !important;
text-align:center;
}
table.table-3col th:first-child,
table.table-3col td:first-child {
width:37.49687108886108% !important;
text-align:left;
}


table.table-4col th,
table.table-4col td {
width:20%;
text-align:center;
}
table.table-4col th:first-child,
table.table-4col td:first-child {
width:40%;
text-align:left;
}

table.table-5col th,
table.table-5col td {
width:20%;
text-align:center;
}

table.table-6col th,
table.table-6col td {
width:17%;
text-align:center;
}
table.table-6col th:first-child,
table.table-6col td:first-child {
width:15%;
}

table.table-8col th,
table.table-8col td {
width:12%;
text-align:center;
}
table.table-8col th:first-child,
table.table-8col td:first-child {
width:16%;
text-align:left;
}

/* IMAGES / VIDEO */
img,
embed,
object,
video {
max-width: 100%;
}
img {
vertical-align:text-bottom !important;	
}


/*****************************************************************
 BULLETED LISTS
******************************************************************/

.no-list-icon {
list-style: none;
list-style-type: none!important;
content: none!important;
content: ""!important;
content: none!important;
}

ul,
ol {
margin: 0 0 1.5em 0;
}
ol li,
ul li {
margin:0 0 0.3em 0;
line-height:1.5384615384615384615384615384615em; /* 20 / 13 */
font-weight:normal; 
    font-family: "Aller", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

ul.no-bottom-margin {margin-bottom: 0}

ul {
list-style-type: square;
margin-left: 1.3em;
}
ol {
list-style-type: decimal;
margin-left: 1.3em;
font-weight:bold;
}

header ul li,
footer ul li {
margin:0;
list-style-type: none;	
}


/*****************************************************************
 TABLES
******************************************************************/
table th,
table td {border:1px solid #9d9d9d;text-align:left;padding: 1em 1em;vertical-align:middle;}

table th {
background:#e8e8e8;
color:#292929;
text-align:left;
color:#000000 !important;
font-size:0.92307692307692307692307692307692em; /* 11 / 13 */
padding:1.5em 1em;
}
table th a.moreInfo {
padding:0.9em 0 1.2em 0;
width:100%;
float:left;
}
table th a.moreInfo:hover {
text-decoration:underline !important;
}

table td {
background:#f7f7f7;
color:#292929;
text-align:left;
}


/*****************************************************************
 FORM STYLES
******************************************************************/
form {
position:relative;	
clear:both;
}

form .form-error {
background:#008136;
color:#292929;
}

form .input-row {
padding:1em 0;
border-bottom:1px solid #e8e8e8;
min-height:3.8em;
height:auto !important;
height:3.8em;
}
form .input-row.radio label,
form .input-row.checkbox label {
float:none;
min-width:11.69230769230769em ; /* 152 (2c + 2g) / 13 */
}
form .input-row:last-child {
margin-bottom:0;
}

form span {
display: block;
overflow: hidden;
background:#ffffff;
border:1px solid #999999;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
border-radius: 0.2em;
border-width: 1px;
}
form .textarea span {
display: block;
overflow: hidden;
background:#ffffff;
border:1px solid #999999;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
border-radius: 0.2em;
border-width: 1px;
padding:0 0 0 0.8em;
}

form label {
float:left;
min-width:11.69230769230769em ; /* 152 (2c + 2g) / 13 */
margin-top:1.35em;
line-height:1.5384615384615384615384615384615em;
}
form .textarea label {
width:100%;
margin-top:0;
margin-bottom:1em;
}
form input,
form select {
position:relative;
margin:0;
/*padding:0.9em 0.8em;*/
font-family: Aller, arial, sans-serif;
border: 1px solid transparent;
width:100%;
border:0;
}


form select {padding:0.84em 0.8em;}


form textarea {
position:relative;
margin:0;
padding:1.35em 0;
font-family: Aller, arial, sans-serif;
font-size:1em;
border:0;
width:100%;
}
form input[type="radio"] {
padding:0;
max-width:2em;
}
form input[type="checkbox"] {
max-width:2em;
padding:0;
margin:0 0.5em;
}
form input[type="submit"] {
text-indent:0;
cursor: pointer;
display:block;
text-align:center;
position:relative;
float:right;
padding: 0;
/*height: 2.9em;*/
height: 38px;
border: 1px solid transparent;
top:auto;
right:auto;
clear:both;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
border-radius: 0.2em;
-webkit-appearance: none
}

#mortgageSearchForm input[type="submit"] {
height: 4.1em;
}

@media only screen and (min-width: 25em) {
form label {
min-width:11.92307692307692em ; /* 465 (3c + 2g) / 13 */
}
form span.input-xxsmall {
max-width: 4.321428571428572em;
}
form span.input-xsmall {
max-width:7em; /* 91 (1c + 2g - 2b) / 13 */
}
form span.input-small {
max-width:18.92307692307692em ; /* 184 (4c + 4g - 2b) / 13 */
}
form input[type="radio"] {
min-width:2.384615384615385em; /* 31 (1c) / 13 */
}
form input[type="submit"] {
max-width:12.38461538461538em ; /* 153 (3c + 2g - 2b) / 13 */
}
}
@media only screen and (min-width: 56.25em) {
form label {
min-width:11.76923076923077em; /* 153 (3c + 2g - 2b) / 13 */
}
form span.input-xsmall {
max-width:8.642857142857143em; /* 121 (2c + 1g - 2b) / 14 */
}
form span.input-small {
max-width:14.5em; /* 203 (3c + 2g - 2b) / 14 */
}
form input[type="radio"] {
min-width:2.928571428571429em; /* 41 (1c) / 14 */
}
form input[type="checkbox"] {
margin:0.2em 0 0 0;
}
form input[type="submit"] {
min-width:5.857142857142857em; /* 80 (1c + 1g - 2b) / 14 */
}
}



header .faqForm form span, header .siteSearchForm form span {
margin-top: 0.45em;
height: 38px;
border:0;
}
.faqForm form input[type="submit"], .siteSearchForm form input[type="submit"]{
display: none
}



/*****************************************************************
 COLUMN MODULES
******************************************************************/
.block {
background:#ffffff;
-webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 0.2em rgba(0,0,0,0.2);
box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
border-top:6px solid #cf3087;
float:left;
position:relative;
width: 100%; /* fill */
padding:2em 0 3em 0;
margin-bottom:1.5em;
z-index:21;
}

.block:last-child {
margin-bottom:0;
}
.block.inset {
background:#e3e3e3;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border:none;
padding-top:0 !important;	
padding-bottom:1em !important;	
clear:both;
z-index:1;
margin-bottom:0px;
}
.block.grid-in-grid {
background:#ffffff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border:none;
padding-top:0 !important;
padding-bottom:0em !important;
padding-left:0 !important;
padding-right:0 !important;
clear:both;
z-index:1;
margin-bottom: 0em
}


 	 	
.grid-in-grid-top-layer {
border:none;
padding-top:0 !important;
}

header.block {
background:#e8e8e8;
border:none;
margin:0 0 2em 0;
padding:0;
overflow:hidden;
z-index:30 !important;
}

@media only screen and (min-width: 31.3125em) {
.block {
padding-top:2em;
margin-bottom:2em;
}



header.block {
z-index:20 !important;
}
}

/****** COLUMN WIDTHS *******/
[class*='tw-'],
[class*='dw-'] {width: 100%; /* fill */margin: 0;padding: 0em;}

/****** MODULE STRUCTURE *******/
[class*='full-width-grid'] .module,
[class*='tw-'] .module,
[class*='dw-'] .module {
margin:0 3.125% 0 3.125%; /* 10 / 320 */
padding:0 1.875%; /* 6 / 300 */
}



@media only screen and (min-width: 31.3125em) {
/****** COLUMN STRUCTURE *******/
/****** BLOCK STRUCTURE *******/
header.block,
.col {
width:100%; /* 993.5 / 1024 */
padding-left:0;
}
.block {
width:97.721354166666666666666666666667%; /* 750.5 / 768 */
padding-left: 2.2786458333333333333333333333333%; /* (768 - (12c + 11g + 20p)) / 2 = 17.5 / 768 */
}
.col {margin-left: 0.1em;float:left;}

/****** COLUMN WIDTHS *******/
[class*='tw-'] {
width: 97.668221185876082611592271818787%; /* 733 (12c + 11g + 20p) / 750.5 */
}
header [class*='tw-'] {
width: 100%;
}

/****** MODULE STRUCTURE *******/
[class*='full-width-grid'] .module,
[class*='tw-'] .module,
[class*='dw-'] .module {
margin-left:0;
margin-right:0;
padding-left: 1.3642564802182810368349249658936%; /* 10 / 733 */
padding-right: 1.3642564802182810368349249658936%; /* 10 / 733 */
}
}

@media only screen and (min-width: 40.625em) {
.block {
width:97.721354166666666666666666666667%; /* 750.5 / 768 */
padding-left: 2.2786458333333333333333333333333%; /* (768 - (12c + 11g + 20p)) / 2 = 17.5 / 768 */
}

/****** COLUMN STRUCTURE *******/
.col {
margin-right: 1.4656895403064623584277148567622%; /* 11 / 750.5 */
}

.col.footer {margin-right: 1.4656895403064623584277148567622%; /* 11 / 750.5 */margin-left: -2%;width: 103%;}

/****** COLUMN WIDTHS *******/
.tw-2 {
width:15.056628914057295136575616255829%; /* 113 (2c + 1g + 20p) / 750.5 */
}
.tw-3 {
width: 23.317788141239173884077281812125%; /* 175 (3c + 2g + 20p) / 750.5 */
}
.tw-4 {
width: 31.578947368421052631578947368421%; /* 237 (4c + 3g + 20p) / 750.5 */
}
.tw-5 {
width: 39.840106595602931379080612924717%; /* 299 (5c + 4g + 20p) / 750.5 */
}
.tw-6 {
width: 48.101265822784810126582278481013%; /* 361 (6c + 5g + 20p) / 750.5 */
}
.tw-7 {
width: 56.362425049966688874083944037308%; /* 423 (7c + 6g + 20p) / 750.5 */
}
.tw-8 {
width: 64.623584277148567621585609593604%; /* 485 (8c + 7g + 20p) / 750.5 */
}
.tw-9 {
width: 72.88474350433045%; /* 547 (9c + 8g + 20p) / 750.5 */
}
.tw-10 {
width: 81.145902731512325116588940706196%; /* 609 (10c + 9g + 20p) / 750.5 */
}
.tw-12 {
width: 99.13391072618254%; /* 744 (12c + 11g + 20p + 11px margin right which has been removed) / 750.5 */
margin-right:0;
}


/****** MODULE STRUCTURE *******/
.tw-2 .module {
width:82.300884955752212389380530973451%; /* 93 (2c + 1g) / 113 */
padding-left:8.8495575221238938053097345132743%; /* 10 / 113 */
padding-right:8.8495575221238938053097345132743%; /* 10 / 113 */
}
.tw-3 .module {
width:88.571428571428571428571428571429%; /* 155 (3c + 2g) / 175 */
padding-left:5.7142857142857142857142857142857%; /* 10 / 175 */
padding-right:5.7142857142857142857142857142857%; /* 10 / 175 */
}
.tw-4 .module {
width:91.561181434599156118143459915612%; /* 217 (4c + 3g) / 237 */
padding-left:4.2194092827004219409282700421941%; /* 10 / 237 */
padding-right:4.2194092827004219409282700421941%; /* 10 / 237 */
}
.tw-5 .module {
width:93.311036789297658862876254180602%; /* 279 (5c + 4g) / 299 */
padding-left:3.344481605351170568561872909699%; /* 10 / 299 */
padding-right:3.344481605351170568561872909699%; /* 10 / 299 */
}
.tw-6 .module {
width:94.459833795013850415512465373961%; /* 341 (6c + 5g) / 361 */
padding-left:2.7700831024930747922437673130194%; /* 10 / 361 */
padding-right:2.7700831024930747922437673130194%; /* 10 / 361 */
}
.tw-7 .module {
width:95.271867612293144208037825059102%; /* 403 (7c + 6g) / 423 */
padding-left:2.3640661938534278959810874704492%; /* 10 / 423 */
padding-right:2.3640661938534278959810874704492%; /* 10 / 423 */
}
.tw-8 .module {
width:95.876288659793814432989690721649%; /* 465 (8c + 7g) / 485 */
padding-left:2.0618556701030927835051546391753%; /* 10 / 485 */
padding-right:2.0618556701030927835051546391753%; /* 10 / 485 */
}
.tw-9 .module {
width:96.3436928702011%; /* 527 (9c + 8g) / 547 */
padding-left:1.828153564899452%; /* 10 / 547 */
padding-right:1.828153564899452%; /* 10 / 547 */
}
.tw-10 .module {
width:96.7159277504105090311986863711%; /* 589 (10c + 9g) / 609 */
padding-left:1.6420361247947454844006568144499%; /* 10 / 609 */
padding-right:1.6420361247947454844006568144499%; /* 10 / 609 */
}
.tw-12 .module {
width:100%; /* 341 (6c + 5g) / 744 */
padding-left:1.344086021505376%; /* 10 / 744 */
padding-right:1.344086021505376%; /* 10 / 744 */
margin-right:1.478494623655913978494623655914%;
}

/****** MODULE STRUCTURE *******/
[class*='full-width-grid'] .module,
[class*='tw-'] .module,
[class*='dw-'] .module {
float:left;
position:relative;
}
}

@media only screen and (min-width: 56.25em) {
/****** BLOCK STRUCTURE *******/
.block {
width:97.021484375%; /* 993.5 / 1024 */
padding-left: 2.978515625%; /* (1024 - (12c + 11g + 20p)) / 2 = 30.5 / 1024 */
}
	
/****** COLUMN STRUCTURE *******/
.col {
margin-right: 2.1137393054856567689984901862104%; /* 21 / 993.5 */
}

.col.footer {margin-right: 2.1137393054856567689984901862104%; /* 21 / 993.5 */margin-left: -2.5%;width: 102%;}

/****** COLUMN WIDTHS *******/
.dw-2 {
width: 14.39355812783090085556114745848%; /* 143 (2c + 1g + 20p) / 993.5 */
}
.dw-3 {
width: 22.647206844489179667840966280825%; /* 225 (3c + 2g + 20p) / 993.5 */
}
.dw-4 {
width: 30.900855561147458480120785103171%; /* 307 (4c + 3g + 20p) / 993.5 */
}
.dw-5 {
width: 39.154504277805737292400603925516%; /* 389 (5c + 4g + 20p) / 993.5 */
}
.dw-6 {
width: 47.408152994464016104680422747861%; /* 471 (6c + 5g + 20p) / 993.5 */
}
.dw-7 {
width: 55.661801711122294916960241570206%; /* 553 (7c + 6g + 20p) / 993.5 */
}
.dw-8 {
width: 63.915450427780573729240060392552%; /* 635 (8c + 7g + 20p) / 993.5 */
}
.dw-9 {
width: 72.16909914443885%; /* 717 (9c + 8g + 20p) / 993.5 */
}
.dw-10 {
width: 80.422747861097131353799698037242%; /* 799 (10c + 9g + 20p) / 993.5 */
}
.dw-12 {
width: 96.930045294413688978359335681933%; /* 963 (12c + 11g + 20p) / 993.5 */
}
header .dw-12 {
width: 100%; /* 963 (12c + 11g + 20p) / 993.5 */
}

/****** MODULE STRUCTURE *******/
.dw-2 .module {
width:86.013986013986013986013986013986%; /* 123 (2c + 1g) / 143 */
padding-left:6.993006993006993006993006993007%; /* 10 / 143 */
padding-right:6.993006993006993006993006993007%; /* 10 / 143 */
}
.dw-3 .module {
width:91.111111111111111111111111111111%; /* 205 (3c + 2g) / 225 */
padding-left:4.4444444444444444444444444444444%; /* 10 / 225 */
padding-right:4.4444444444444444444444444444444%; /* 10 / 225 */
}
.dw-4 .module {
width:93.485342019543973941368078175896%; /* 287 (4c + 3g) / 307 */
padding-left:3.2573289902280130293159609120521%; /* 10 / 307 */
padding-right:3.2573289902280130293159609120521%; /* 10 / 307 */
}
.dw-5 .module {
width:94.858611825192802056555269922879%; /* 369 (5c + 4g) / 389 */
padding-left:2.5706940874035989717223650385604%; /* 10 / 389 */
padding-right:2.5706940874035989717223650385604%; /* 10 / 389 */
}
.dw-6 .module {
width:95.753715498938428874734607218684%; /* 451 (5c + 4g) / 471 */
padding-left:2.1231422505307855626326963906582%; /* 10 / 471 */
padding-right:2.1231422505307855626326963906582%; /* 10 / 471 */
}
.dw-7 .module {
width:96.383363471971066907775768535262%; /* 533 (5c + 4g) / 553 */
padding-left:1.8083182640144665461121157323689%; /* 10 / 553 */
padding-right:1.8083182640144665461121157323689%; /* 10 / 553 */
}
.dw-8 .module {
width:96.850393700787401574803149606299%; /* 615 (8c + 7g) / 635 */
padding-left:1.5748031496062992125984251968504%; /* 10 / 635 */
padding-right:1.5748031496062992125984251968504%; /* 10 / 635 */
}
.dw-9 .module {
width:97.21059972105997%; /* 697 (9c + 8g) / 717 */
padding-left:1.5748031496062992125984251968504%; /* 10 / 697 */
padding-right:1.5748031496062992125984251968504%; /* 10 / 697 */
}
.dw-10 .module {
width:97.496871088861076345431789737171%; /* 779 (10c + 9g) / 799 */
padding-left:1.434720229555237%; /* 10 / 799 */
padding-right:1.434720229555237%; /* 10 / 799 */
}
.dw-12 .module {
width:97.923156801661474558670820353063%; /* 943 (12c + 11g) / 963 */
padding-left:1.0384215991692627206645898234683%; /* 10 / 963 */
padding-right:1.0384215991692627206645898234683%; /* 10 / 963 */
}

.dw-12 .module p {padding-right: 2.5%; /* 164 (2c + 2g) / 963 */padding-left: 0.5%;}
}
.dw-12 .module .banner-side-panel p {
    padding-right: 3.03011%;
}

.dw-12 .dw-4 .module p, .dw-12 .dw-3 .module p, .dw-12 .dw-6 .module p, .dw-12 .dw-7 .module p {padding-right: 0}

.dw-12 .module .grid-in-grid p,
.dw-12 .module .grid-in-grid li{
padding-right:4.4444444444444444444444444444444% !important;
}
.dw-10 .standalone-image img {
width:75% !important;
}
}

@media only screen and (min-width: 40.625em) {
.tw-12.dw-3 {
margin-top: 5em;	
}

}
@media only screen and (min-width: 56.25em) {
.tw-12.dw-3 {
margin-top: 0;	
}
}	

[class*='tw-'] .fullw,
[class*='dw-'] .fullw {
margin:0 3.125% 0 3.125%; /* 10 / 320 */
padding-left:0;
padding-right:0;
}
[class*='tw-'] .fullw .module,
[class*='dw-'] .fullw .module {
margin:0; /* 10 / 320 */
padding:0; /* 6 / 300 */
}

@media only screen and (min-width: 31.3125em) {
[class*='tw-'] .fullw,
[class*='dw-'] .fullw {
margin:0;
padding:0;
}
[class*='tw-'] .fullw .module,
[class*='dw-'] .fullw .module {
margin:0;
padding:0;
}
}
@media only screen and (min-width: 40.625em) {
[class*='tw-'] .fullw {
width:98.6% /* 288 / 320 */;
padding:0;
}
[class*='tw-'] .fullw .module {
margin:0;
padding:0;
}
}
@media only screen and (min-width: 56.25em) {
[class*='dw-'] .fullw {
width:100%; /* 963px */
padding:0;
}
[class*='dw-'] .fullw .module {
margin:0;
padding:0;
}
}

.col .fullw h3,
.col .fullw h4,
.col .fullw.table p,
.col .fullw th,
.col .fullw td {
padding-left:2%; /* 6 / 300 */
padding-right:2%; /* 6 / 300 */
}

@media only screen and (min-width: 31.3125em) {
.col .fullw h3,
.col .fullw h4,
.col .fullw.table p {
padding-left:1.0384215991692627206645898234683%; /* 10 / 963 */
padding-right:1.6420361247947454844006568144499%; /* 10 (4c + 4g) / 609 (10c + 9g + 20p removed padding) */
}
.col .fullw th,
.col .fullw td {
padding-left:1.6420361247947454844006568144499%; /* 10 (4c + 4g) / 609 (10c + 9g + 20p removed padding) */
padding-right:1.6420361247947454844006568144499%; /* 10 (4c + 4g) / 609 (10c + 9g + 20p removed padding) */
}
}
@media only screen and (min-width: 56.25em) {
.col .fullw h4,
.col .fullw.table p,
.col .fullw th,
.col .fullw td {
padding-left:1.2515644555694618272841051314143%; /* 10 (4c + 4g) / 799 (10c + 9g + 20p removed padding) */
padding-right:1.2515644555694618272841051314143%; /* 10 (4c + 4g) / 799 (10c + 9g + 20p removed padding) */
}
}

.block h1,
.block h2 {
margin-left:3.125%; /* 10 / 320 */
margin-right:3.125%; /* 10 / 320 */
padding-left:1.875%; /* 6 / 320 */
padding-right:1.875%; /* 6 / 320 */
}
.block .module h2 {
margin-left:0;
margin-right:0;
padding-left:0;
padding-right:0;
border-top:0;
}
.block .landing-page h1,
.block .landing-page h2 {
width: 100%; 
padding-left:0; 
padding-right:0;
margin-left:0;
margin-right:0;
padding-bottom: 1.7em}
@media only screen and (min-width: 31.3125em) {
.block h1,
.block h2 {
width: 95.1171875%; /* 730.5 / 768 */
padding-left:1.3020833333333333333333333333333%; /* 10 / 768 */
padding-right:1.3020833333333333333333333333333%; /* 10 / 768 */
margin-left:0;
margin-right:0;
}
.block .landing-page h1,
.block .landing-page h2 {
width: 100%; 
padding-left:0; 
padding-right:0;
margin-left:0;
margin-right:0;
padding-bottom: 1.7em
}
}
@media only screen and (min-width: 56.25em) {
.block h1,
.block h2 {
width: 95.068359375%; /* 973.5 / 1024 */
padding-left:0.9765625%; /* 10 / 768 */
padding-right:0.9765625%; /* 10 / 768 */
margin-left:0;
margin-right:0;
}
.block .landing-page h1,
.block .landing-page h2 {
width: 100%; 
padding-left:0; 
padding-right:0;
margin-left:0;
margin-right:0;
padding-bottom: 1.7em
}
}

/*****************************************************************
 FOOTER MODULE
******************************************************************/
footer {
float:left;
position:relative;
padding:0; 
width:100%;
z-index:2;
}

footer small {
margin:0 2% 1em 2%; /* 6 / 300 */
float:left;
position:relative;
}
@media only screen and (min-width: 31.3125em) {
footer small {
margin:0 1.3642564802182810368349249658936% 1em 1.3642564802182810368349249658936%; /* 10 / 733 */


padding: 0;
}
}
@media only screen and (min-width: 56.25em) {
footer small {
margin:0 1.0604453870625662778366914103924% 1em 1.0604453870625662778366914103924%; /* 10 / 943 */
}
}

.primaryFooter {position:relative;width: 94.04296875%;padding: 1.5em 2.978515625% 2em 2.978515625%;background:#fff;filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#e8e8e8');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#e8e8e8')";z-index:2;-webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 0.2em rgba(0,0,0,0.2);box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);border-top: 6px solid #7d2a90;border-bottom: 1px solid #008738;display: none;}
.col-footerNav h5 {
padding-bottom:0.5em;
}
.col-footerNav ul,
.pageEndNav ul {
margin: 0 0 1.7em 0;
}

.secondaryFooter {
position:relative;
clear:both;
padding-bottom:2em;
color:#ffffff;
}
@media only screen and (min-width: 31.3125em) {
.primaryFooter {float:left;display: none;}
.secondaryFooter {
float:left;
padding-bottom:0;
margin-left:-1em;
}
}
@media only screen and (min-width: 40.625em) {
.primaryFooter {
width:94.140625%;
padding: 1.5em 2.278645833333333% 1.5em 3.580729166666667%; 
}
.secondaryFooter {
float:left;
padding-bottom:0;
margin-left:0em;
}
}
@media only screen and (min-width: 56.25em) {
.primaryFooter {
width: 94.04296875%; 
padding: 1.5em 2.978515625%;
}
}

.primaryFooter .contact h4.icon-phone:before {
	content: "\f05a" !important;
}

/*****************************************************************
 DISCLOSURE STATEMENT/COPYRIGHT MODULE
******************************************************************/
footer .disclosure,
footer .copyright {
clear: both;
width: 94.04296875%; 
padding: 0 2.978515625% 0 2.978515625%; 
margin-top:1.5em;
color:#292929;
}
footer .copyright {
padding-bottom: 2em;
}
@media only screen and (min-width: 31.3125em) {
footer .disclosure,
footer .copyright {
float:left;
position:relative;
width: 95.44270833333333%; 
padding: 0 2.278645833333333% 0 2.278645833333333%; /* 17.5 / 768 */
}
footer .copyright {
padding-bottom: 1em;
}
}
@media only screen and (min-width: 56.25em) {
footer .disclosure,
footer .copyright {
width: 94.04296875%;
padding: 0 2.978515625%;
}
footer .copyright {
padding-bottom: 1em;
}
}
.disclosure a {
color:#7d2a90;
}

/*****************************************************************
 TRUST BARS MODULES
******************************************************************/
.col .trust-bars {
width:auto;
float:none;
padding:0;
margin:0;
}
.trust-bars {
display:none;	
}
@media only screen and (min-width: 40.625em) {
.col .trust-bars {
margin-right:1.478494623655913978494623655914%;
}	
}
@media only screen and (min-width: 56.25em) {
.col .trust-bars {
margin-right:0;
}	
}




/*****************************************************************
 COMPLIMENTARY MODULES
******************************************************************/
.col .compliment {
border-top:4px solid #e8e8e8;
margin-bottom:2em;
clear:left;
float:none;
padding-top:1em;
position: relative;
}

.col .compliment.no-top-border {
border-top: none;
}

.col .compliment p:last-child,
.col .compliment ul:last-child {
margin-bottom:0;
}
@media only screen and (min-width: 40.625em) {
.col .compliment {
margin-right: 1.478494623655913978494623655914%; /* 11 / 744 */
margin-left:0;
}
.col .compliment {
clear:none;
float:left;
}
}
@media only screen and (min-width: 56.25em) {
.col .compliment {
min-height:1em;
height:auto !important;
height:1em;
}	
}


/*****************************************************************
 HIGHLIGHT MODULE
******************************************************************/
.col .highlight {
margin-bottom:2em;	
padding-top:1em;
border-top:4px solid #e8e8e8;
}
.col:first-child .highlight:first-child {
padding-top:0;	
border-top:0;
}
.col .highlight .thumb {
display:none;	
}

@media only screen and (min-width: 31.3125em) {
.col:first-child .highlight:first-child {
padding-top:0.5em;
}
.col .highlight .thumb {
float:right;
width:40.69478908188586%; /* 155 (3c + 2g) / 403 (7c + 6g) */
padding:0;
margin: 0 0 1em 1em;
border:1px solid #d6d5d5;
overflow:hidden;
-webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 0.2em rgba(0,0,0,0.2);
box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
}
.col .highlight .thumb img {
width:100%;
}
}
@media only screen and (min-width: 40.625em) {	
.dw-10 .highlight:first-child,
.dw-7 .highlight:first-child,
.dw-6 .highlight:first-child,
.dw-5 .highlight:first-child,
.dw-4 .highlight:first-child,
.dw-3 .highlight:first-child {
padding-top:0.5em;	
border-top:0;
}
.col .highlight .thumb {
display:block;
}
}
@media only screen and (min-width: 56.25em) {
.col .highlight .thumb {
width:38.48238482384824%; /* 144-2b / 369 */
}
}


@media only screen and (min-width: 31.3125em) {
.col .highlight {
clear:both;
}
}


/*****************************************************************
 CONTACT MODULES
******************************************************************/
.col .address,
.col .opening-hours,
.col .parking,
.col .directions {
margin-bottom:2em;
padding-top:1em;
border-top:4px solid #e8e8e8;
}
.col .address p {
padding:0;
}
.col .address-line,
.col .opening-time {
clear:both;
display:block;
color:#292929;
line-height:1.5384615384615384615384615384615em;
}
@media only screen and (min-width: 40.625em) {	
.col .address:last-child,
.col .opening-hours:last-child {
margin-bottom:0;	
}
}

.mobile,
.telephone,
.cta-telephone {
margin-bottom:0.5em;	
}
.telephone ul {
margin-top:0;
margin-bottom:0.5em !important;
}
.telephone .cta-telephone a {
margin-top:1em;	
}
.telephone h5 {
margin-top:0;
margin-bottom:0.5em;
}
@media only screen and (min-width: 40.625em) {	
.telephone h5 {
margin-bottom:0;
}

}

/*****************************************************************
 CAROUSEL
******************************************************************/

.panelDisplay {
visibility:hidden;
}

@media only screen and (min-width: 40.625em) {	
.panelDisplay {
visibility:visible;
}
}


.col .carousel {
position:relative;
overflow: hidden;
margin:0 auto;
width:100%;
padding:0 0 4em 0;
margin-bottom: 2em;
}
.col .carousel .module {
margin-bottom:0;	
}
header .col .carousel {
margin-top:1.5em;
}

.panelList {
position:relative;
left: 0;
width: 100%;
margin:0;
float:left;
}

.fadeout {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.partialfade {
-webkit-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.fadein {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

header .col .carousel li.panel-item {
-webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 0.2em rgba(0,0,0,0.2);
box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
z-index:2;
background:#ffffff;
}
.carousel li.panel-item {
position:relative;
left:0;
top:0;
background:#ffffff;
list-style-type:none;
line-height:1em;
overflow: hidden;
width:100%;
display:none;
-webkit-transition: opacity 1s ease-in;
-moz-transition: opacity 1s ease-in;
-o-transition: opacity 1s ease-in;
-webkit-backface-visibility: hidden;
}

.carousel li.panel-item:first-child {
display: block;
}

header .col .carousel .controls {
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;	
-webkit-border-bottom-right-radius: 0.2em;
-webkit-border-bottom-left-radius: 0.2em;
-moz-border-radius-bottomright: 0.2em;
-moz-border-radius-bottomleft: 0.2em;
border-bottom-right-radius: 0.2em;
border-bottom-left-radius: 0.2em;
z-index:0;
}
.carousel .controls {
border-left: 1px solid #d6d5d5;
	border-right: 1px solid #d6d5d5;
	border-bottom: 1px solid #d6d5d5;
	background-position: 0% 0%;
	position:absolute;
	float:none;
	width:89.5%;
	bottom:0;
z-index:200;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#e8e8e8')";
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	border-radius: 0.2em;
	margin: 0 3.125%;
	padding: 0 1.875%;
	z-index: 10;
	display: none;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f7f7f7),color-stop(1, #e8e8e8));
	border-top-style: none !important;
	border-top-color: inherit !important;
	border-top-width: medium;
	background-color: #e8e8e8;
	background-repeat: repeat;
	background-attachment: scroll;
}

.carousel .controls .panelDisplay {
float:left; 
position:relative; 
display:block; 
width:10em;
margin-top:0.5em;
margin-left:0.2em;
}
.carousel .controls .panelDisplay ul {
margin:0;
}
.carousel .controls .panelDisplay ul li {
float:left;
position:relative;
padding:0.5em 0.3em;
list-style:none;
}
.carousel .controls .panelDisplay ul li:hover { cursor:pointer; }

.carousel .controls .buttons {
float:right;
position:relative;
width:2.5em;
text-align:center;
font-size:1.65em;
padding:0 0 0 0.5em;
}

header .carousel nav a {
padding:0.3em 0;
}
.carousel nav a {
position: relative;
font-weight: normal;
padding: 0;
cursor: pointer;
display:block;
text-align:center;
text-decoration:none;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
border-radius: 0.2em;
padding:0.5em 0;
width:50%;
}

.carousel nav a.button-previous {
float:left;
}
.carousel nav a.button-next {
float:right;
}

header .col .carousel {
margin-bottom:0em;
}

header .col .carousel .controls .buttons {
font-size:2em;
}

.col .flexible {
padding:3em 0 0 0;
}
.col .flexible .controls {
bottom:auto;
box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
top:0;
}

#featured {
padding-bottom:3em;
border-color:#cf3087;
}

#featured .controls {
top:0;
bottom:auto;
}

#featured .carousel {
padding-top:3.5em;
margin-top:-1em;
margin-bottom:0;
padding-bottom:0;
}

#featured .carousel .productPreview:first-child {
padding-top:1em;
}



@media only screen and (min-width: 31.3125em) {
header .col .carousel .controls {
width:92.21419537289677%;
padding-left: 1.3642564802182810368349249658936%;
padding-right: 1.3642564802182810368349249658936%;
margin-left: 2.2786458333333333333333333333333%;
margin-right: 2.2786458333333333333333333333333%;
}
.col .carousel .controls {
width:96.77148703956344%;
padding-left: 1.3642564802182810368349249658936%;
padding-right: 1.3642564802182810368349249658936%;
margin:0;
}	
}

@media screen and (min-width: 40.625em) {
header .col .carousel {
border-top:0;
margin-top:0;
padding-top:0;
}
header .col .carousel li.panel-item {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
header .col .carousel .controls {
border-top:0;
width: 95.442708333333333333333333333334%;
padding-left: 2.2786458333333333333333333333333%;
padding-right: 2.2786458333333333333333333333333%;
margin:0;
z-index:10;
}
.col .carousel .controls {
width: 95.833333333333333333333333333333%;
padding-left: 1.3440860215053763440860215053763%;
padding-right: 1.3440860215053763440860215053763%;
margin:0;
z-index:100;
}
.col .carousel .headline {
border-bottom:0;
}
.col .flexible {
padding:0 0 3.5em 0;
}
.col .flexible .controls {
top:auto;
bottom:0;
}

}

@media only screen and (min-width: 56.25em) {
.col .carousel {
width:100%;
padding-left: 0;
padding-right: 0;
}
header .col .carousel .controls {
width: 94.04296875%;
padding-left: 2.978515625%;
padding-right: 2.978515625%;	
margin:0;
}	
.col .carousel .controls {
width: 97.423156801661474558670820353063%;
padding-left: 1.0384215991692627206645898234683%;
padding-right: 1.0384215991692627206645898234683%;
}	
.carousel nav a {
padding:0.4em 0;
}
#featured .carousel .productPreview:first-child {
padding-top:2em;
}
}


/*****************************************************************
 MASTHEAD MODULE
******************************************************************/
#masthead {
background:#ffffff;	
-webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 0.2em rgba(0,0,0,0.2);
box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
width:90%; /* 288 / 320 */
float:left;
position:relative;
padding: 0 5% 1em 5%; /* 16 / 320 */
min-height:6.5em;
height:auto !important;
height:6.5em;
z-index:50;
overflow:hidden;
}

#masthead #logo {position:absolute;bottom:1.65em;left:5%;/* width:50%; */max-width: 220px;z-index:2;}


#masthead #tertiaryNavContainer {
width:100%; /* 288 (4c + 3g) / 288 */
float:right;
position:relative;
z-index:1;
}

#masthead #primaryNav,
#masthead #secondaryNav {
display:none;
}

#masthead #tertiaryNav {
width:100%;
margin:0;
padding:0;
float:right;
}
#masthead #tertiaryNav li {
margin:0;
padding:0;
list-style-type: none;
float:right;
}
#masthead #tertiaryNav li.divider {
/*padding: 1.08em 1.3888888888888888888888888888889%;  4 / 288 */
padding: 0.97em 0;
}
#masthead #tertiaryNav li a {
float:left;
/*padding: 1.08em 0;*/
padding: 0.4em 0em;
margin: 0.6em 0.2em
}

#masthead #menu-control {
	display: inline-block;
	float: left;
	padding: 0.35em 0;
	width: 30px; /* Really no need for a flexible width */
	overflow: hidden;
	border:0;
	text-decoration:none;
	text-align:center;
	color:#292929;
	font-size:1.65em;
	max-width:3em;
	margin-top:0.05em;
	margin-left: 1%;
}

#masthead #minNav {

width:100%; /* 113 (2c + 1g + 20p) / 609 (10c + 9g + 20p) */

display: none;
}

#masthead #minNav .button-blue,
#masthead #minNav .button-colour-b,
#masthead #minNav .button-colour-c,
#masthead #minNav .button-colour-f,
#masthead #minNav .button-colour-h{
/*width: 100%*/
	float: right;
    margin-left: 2.77778%;
    width: 25.6944%;
}

#masthead #logo {
	/* left:15.5%; */
}

@media only screen and (min-width: 31.3125em) {
	#masthead {
		width: 95.442708333333333333333333333327%;
		padding-left: 2.2786458333333333333333333333333%;
		padding-right: 2.2786458333333333333333333333333%;
	}
	
	#masthead #tertiaryNav li.divider {
		padding: 0.97em 0;
		/*padding: 1.08em 0;*/
	}
	#masthead #tertiaryNav li a {
		/*padding: 1.08em 0.5em;*/
		padding: 0.4em 0.2em;
		margin: 0.6em 0.1em
	}
	#masthead #menu-control {
		margin-left: 1.5%;
	}
}

@media only screen and (min-width: 40.625em) {
#masthead {
width:100%; /* 713 / 768 */
padding: 0;
}

#masthead #menu-control {
display:none;	
}

#masthead #logo {left:3.580729166666667%; /* 27.5 / 768 */float:none;top: 1.71em; /* 31 / 14 */height:4em;width:50%;max-width:285px;z-index:2;}

#logo a:hover{
background:none;
}



#masthead form {
margin:0.42em 0;
}
#masthead form input {
border: 0
}

/*#form-faq-header-searchtext {padding: 0.75em 0.85em}
#form-faq-header-search {padding: 0.75em 0.85em}*/

#form-faq-header-searchtext {/*height: 2.75em;*/ height: 38px; padding-top: 0; padding-bottom: 0; }


#masthead #tertiaryNavContainer {
width:83.08321964529331514324693042292%; /* 609 (10c + 9g + 20p) / 733 */
margin-top: 1.5em; /* 21 / 14 */
margin-right:2.2786458333333333333333333333333%;/* 17.5 / 768 */
}

#masthead #minNav {
float:right;
width:18.555008210180623973727422003284%; /* 113 (2c + 1g + 20p) / 609 (10c + 9g + 20p) */
margin:0;
}


#masthead #minNav .button-blue,
#masthead #minNav .button-colour-b,
#masthead #minNav .button-colour-c,
#masthead #minNav .button-colour-f,
#masthead #minNav .button-colour-h {
width:auto;
float:none;
margin-left:5.479452054794521%; /* 12 / 219 */
}

#masthead #tertiaryNav {/* float:left; */position:relative;width:80.13136288998358%; /* 490 (8c + 7g + 10p) / 609 */}
#masthead #tertiaryNav ul {
float:right;
position:relative;
width:100%;
margin:0;
padding:0;
}

#masthead #primaryNav {color:#ffffff;background:#7d2a90;/*border-top: 1px solid #7d2a90;
border-bottom: 1px solid #7d2a90;*/width:97.721354166666666666666666666663%; /* 733 / 768 */padding:0 2.2786458333333333333333333333333% 0 0; /* 17.5 / 768 */float:left;position:relative;display:block;margin-top:1.0em;max-height:5em;/* height:auto !important; */height: 2.5em;z-index:20;}
#masthead #primaryNav ul#primaryNavItems {width:99.727148703956343792633015006821%; /* 731 (-2b) / 733 */margin:0;padding:0 0 0 2.2786458333333333333333333333333%;float:left;position:relative;z-index:10;overflow:hidden;display: none;}
#masthead #primaryNav ul#primaryNavItems li {
padding:0;
}
#masthead #primaryNav ul#primaryNavItems li a {
border-top:1px solid #7d2a90;
border-right: 1px solid #7d2a90;
border-bottom:1px solid #7d2a90;
padding:1.1em 1.3679890560875512995896032831737% 1.1em 1.3679890560875512995896032831737%; /* 10 / 731 */
margin:0;
display:block;
float:left;
position:relative;
z-index:200;
}
#masthead #primaryNav ul#primaryNavItems li:first-child a {
border-left: 1px solid #7d2a90;
}
#masthead #primaryNav ul#primaryNavItems li a span.underline {
display:none;
}

#masthead #primaryNav ul#primaryNavItems li#selectedSection a {
z-index:7;
}

#masthead #primaryNav ul#primaryNavItems li.selectedDropdown a {
z-index:8;
color:#7d2a90;
} 
#masthead #primaryNav ul#primaryNavItems li#selectedSection.selectedDropdown a,
#masthead #primaryNav ul#primaryNavItems li.selectedDropdown a {
z-index:9;
} 
#masthead #primaryNav ul#primaryNavItems li a:hover {
z-index:8;
border-bottom:1px solid #7d2a90;
} 
#masthead #primaryNav ul#primaryNavItems li.subNavItem a:before {
font-family: 'FontAwesome';
content: "\0000a0 \f078"; 
color:#ffffff;
overflow: hidden;
position:relative;
float:right;
font-size:0.8em;
}
#masthead #primaryNav ul#primaryNavItems li a:hover:before, 
#masthead #primaryNav ul#primaryNavItems li#selectedSection a:hover:before,
#masthead #primaryNav ul#primaryNavItems li.selectedDropdown a:before,
#masthead #primaryNav ul#primaryNavItems li#selectedSection.selectedDropdown a:before {
color:#292929;
}

#masthead #primaryNav ul#primaryNavItems li.selectedDropdown a:before {
font-family: 'FontAwesome';
content: "\0000a0 \f077";
color:#108433;
}
#masthead #primaryNav ul#primaryNavItems li#selectedSection a {
background:#008738;
border-right: 1px solid #1fa746;
}
#masthead #primaryNav ul#primaryNavItems li a:hover,
#masthead #primaryNav ul#primaryNavItems li#selectedSection a:hover,
#masthead #primaryNav ul#primaryNavItems li.selectedDropdown a,
#masthead #primaryNav ul#primaryNavItems li#selectedSection.selectedDropdown a {
background:#ffffff;
color:#292929;
border-right: 1px solid #ffffff;

} 
#masthead #primaryNav ul#primaryNavItems li.selectedDropdown a {
border-bottom: 1px solid #ffffff;	
}
#masthead #primaryNav ul#primaryNavItems li a:hover span,
#masthead #primaryNav ul#primaryNavItems li#selectedSection a:hover span,
#masthead #primaryNav ul#primaryNavItems li.selectedDropdown a span,
#masthead #primaryNav ul#primaryNavItems li#selectedSection.selectedDropdown a span {
background:#268143;
}
#masthead #primaryNav ul#primaryNavItems li:first-child a:hover,
#masthead #primaryNav ul#primaryNavItems li.selectedDropdown:first-child a {
border-left: 1px solid #1fa746;
}
}


@media only screen and (min-width: 56.25em) {
#masthead #logo {
left:3.955078125%; /* 40.5 / 1024 */
top: 1.625em; /* 31 / 14 */
}

#masthead #tertiaryNavContainer {	
width:78.02734375%; /* 799 (10c + 9g + 20p) / 1024 */
margin-right:2.978515625%; /* 30.5 / 1024 */
}

#masthead #tertiaryNav {
width:79.22403003754693%; /* 635 (8c + 7g + 10p) / 799 (10c + 9g + 20p) */
font-size:0.92307692307692307692307692307692em; /* 11 / 13 */
}

#masthead #minNav {width:17.897371714643304130162703379224%; /* 143 (2c + 1g + 20p) / 799 (10c + 9g + 20p) */display: none;}

#masthead #minNav .button-blue,
#masthead #minNav .button-colour-b,
#masthead #minNav .button-colour-f,
#masthead #minNav .button-colour-h{
margin-left:0; /* 12 / 219 */
}

#masthead #primaryNav {
width:97.021484375%; /* 733 / 768 */
padding:0 2.978515625% 0 0; /* 30.5 / 1024 */
}

#masthead #primaryNav ul#primaryNavItems {width:65.939771547248182762201453790239%; /* 635 / 968 */padding-left:2.978515625%;display: none;}

#masthead #primaryNav ul#primaryNavItems li a {
padding:1em 1.8058394160583944% 1em 1.805839416058394%; /* 6 / 635 */
}
}


/*****************************************************************
 COLUMNER SUB NAVIGATION
******************************************************************/
#masthead #secondaryNav {
display:none;
}


footer .pageEndNav {
clear:both;
width: 90.04296875%;
padding: 1em 4.978515625% 0.5em 4.978515625%;
clear:both;
color:#ffffff;
background:#7d2a90;
-webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 0.2em rgba(0,0,0,0.2);
box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
}

footer .pageEndNav a {
color:#ffffff;
background:none;
display: block;
}

.col-footerNav {
width:47.222222222222222222222222222222%; /* 136 / 288 */
float:left;
}

footer .block-footerNav {
position: relative;
margin: 0 2% 0 2%;
font-size:0.92307692307692307692307692307692em; /* 11 / 13 */
border-right:1px solid #ccc;	
}
footer .pageEndNav {
font-size:0.92307692307692307692307692307692em; /* 11 / 13 */
}

footer .block-footerNav .col-footerNav:nth-child(odd) {
	clear:left;
}
footer .block-footerNav .col-footerNav:nth-child(even) {
	clear:right;
}

footer .block-footerNav .col-footerNav:nth-child(odd),
footer .block-footerNav .col-footerNav:nth-child(even) {
	margin-right: 0;
}

footer .block-footerNav .col-footerNav:last-child {
margin-bottom:2.5em;
}

@media only screen and (min-width: 31.3125em) {
.col-footerNav,
footer .pageEndNav {
/*float:left;*/ /* removed to improve small ios device display */
position:relative;
display:block;
z-index:1;
}
.block-subNav .col-subNav,
.block-footerNav .col-footerNav {
float:left;
position:relative;
}

.block-subNav ul {
margin:0 0 1.5em 0;
}

#masthead .block-subNav {
display:none;
}
#masthead #secondaryNav {
width:95.442708333333333333333333333334%; /* 733 / 768 */
padding:1em 2.2786458333333333333333333333333%; /* 17.5 / 768 */
}
#masthead #secondaryNav .link-sectionTitle {
padding:0 1.3642564802182810368349249658936%;/* 10 / 713 */
display:block;
line-height:1.5384615384615384615384615384615em;
margin:0 0 0.5em 0;
float:none !important;
font-size:1.29em;
}
#masthead #secondaryNav .link-sectionTitle a{
	color:#292929;
}
#masthead .block-subNav {
padding:0; /* 10 / 733 */
}
#masthead .block-subNav nav {
margin-top:0;
float:left !important;
}
#masthead .block-subNav .col-subNav {
border-top:solid 5px #e8e8e8;
width: 29.604365620736698499317871759891%; /* 207 (4c + 3g - 10p) / 713 /  */
padding:0.5em 1.3642564802182810368349249658936% 0 1.3642564802182810368349249658936%;/* 10 / 713 */
margin-right: 1.5006821282401091405184174624829%; /* 10 / 713 */
}
#masthead .block-subNav .col-subNav h5 {
padding-top:0;
}
#masthead .block-subNav .col-subNav:last-child {
margin-right: 0;
}

footer .block-footerNav {width:55.73997233748271%; /* 403 (7c + 6g) / 723 */padding:0;margin:0;float:left;position:relative;font-size:1em; /* 11 / 13 */display: none;}


footer .block-footerNav .col-footerNav {
width: 43.67245657568238%; /* 176 (3c + 3g - 10p) / 403  */
margin-right:2.481389578163772%; /* 10 / 403 */
}

footer .block-footerNav .col-footerNav:nth-child(odd) {
margin-right:2.481389578163772%; /* 10 / 403 */
/*clear:left;*/
}

footer .pageEndNav {
width:97.72135416666667%;
padding-left:2.278645833333333%; /* 17.5 / 768 */
padding-right:0;
padding-bottom:1em;
}
/* ADDED BY BEARINGPOINT */
footer .pageEndNav {
width:97.72135416666667%;
padding-left:2.278645833333333%; /* 17.5 / 768 */
padding-right:0;
padding-bottom:1em;
}
/* ADDED BY BEARINGPOINT */
footer .pageEndNav li {
float:left;
position:relative;
list-style-type: none;
border-right: 1px solid #fff;
padding:0 1.4025245441795231416549789621318% 0 1.4025245441795231416549789621318%; /* 10 / 713 */
}
/* ADDED BY BEARINGPOINT */ 

/* removed to improve small ios device display PK*/
/*
footer .pageEndNav li  a {
font-size: 80%; 
}
*/

/* ADDED BY BEARINGPOINT */
footer .pageEndNav li:last-child {
border-right: none;
}
}


@media only screen and (min-width: 40.625em) {
#masthead #secondaryNav {
float:left;
position:relative;
min-height:23em;
height:auto !important;
height:23em;
border-bottom:1px solid #cccccc;
}
}

@media only screen and (min-width: 56.25em) {
	#masthead #secondaryNav {	
	width:93.860090588827377956718671363865%; /* 932.5 (963 -ml -mr) / 993.5 */
	padding:1em 3.0699547055863110216406643180674% 0 3.0699547055863110216406643180674%; /*30.5 / 993.5 */
	margin:0;
	}
	#masthead #secondaryNav .link-sectionTitle {
	width:68.088467614533965244865718799363%;
	padding:0 1.5797788309636650868878357030016%;
	}
	#masthead .block-subNav {
	width:65.939771547248182762201453790239%; /* 635 (8c + 7g) / 963 */
	padding:0;
	float:left;
	position:relative;
	border-right:1px solid #cccccc;
	min-height:23em;
	height:auto !important;
	height:23em;
	margin-bottom:1em;
	}
	#masthead .block-subNav .col-subNav {
	width: 25.82677165354331%; /* 164 (2c + 2g) / 635  */
	padding:0.5em 1.5748031496062992125984251968504% 0 1.5748031496062992125984251968504%; /* 10 / 635 */
	margin-right: 3.3175355450236966824644549763033%; /* 10 / 635 */
	}

	footer .pageEndNav {
	width: 94.04296875%; 
	padding: 1.5em 2.978515625% 1.5em 2.978515625%;
	}
	footer .pageEndNav li {
	padding:0 1.0604453870625662778366914103924%;
	}

	footer .pageEndNav li  a {
	font-size: 100%;
	}
	/* ADDED BY BEARINGPOINT */

	footer .block-footerNav {
	width:65.939771547248182762201453790239%; /* 635 (8c + 7g) / 963 */
	padding:0 0 1.5em 0;
	clear:none;
	font-size:0.92307692307692307692307692307692em; /* 11 / 13 */
	}
	footer .block-footerNav .col-footerNav {
	width: 25%; /* 195 (3c + 2g - 10p) / 635 (8c + 7g) */
	margin-left:0;
	margin-right:0;
	}

	footer .block-footerNav .col-footerNav:nth-child(odd),
	footer .block-footerNav .col-footerNav:nth-child(even) {
		clear:none;
		margin-right:0;
	}

	footer .block-footerNav .col-footerNav:nth-child(4n) {
	clear:right;
	}
	footer .block-footerNav .col-footerNav:nth-child(4n+1) {
	clear:left;
	}
}

#secondaryNav .banner-subNav img {
width:100%;
}

@media only screen and (min-width: 40.625em) {
#secondaryNav .banner-subNav {
float:left;
position:relative;
width: 32.33287858117325%; /* 122 (4c + 3g) / 733  */
margin-bottom:1em;
}
}
@media only screen and (min-width: 56.25em) {
#secondaryNav .banner-subNav {
width: 28.97637795275591%; /* 184 (2c + 2g + 10 + 10) / 635  */
padding:0 1.5748031496062992125984251968504% 0 0; /* 10 / 635 */
}
}


/*****************************************************************
 HEADLINE MODULE
******************************************************************/
.headline .title {
z-index:10 !important;
position:relative;
margin-bottom:0.5em;
}

/* default headline colour */
.headline .text .title {
color: #7d2a90;
margin-bottom: 0;
}

.headline div {
z-index:50;
position:relative;
}
.headline div.hero {
z-index:5 !important;
}


.col .headline {
float:left;
position:relative;
width:93.75%; /* 300 / 320 */
padding: 0 3.125% 0 3.125%; /* 10 / 320 */
margin:0;
z-index:20;
background:#ffffff;
}

.col .headline.incHero {
border-bottom:none;
}

.col .headline.incRate {
padding-top: 1em;	
}

.col .headline p {
font-size:1em; /* 12.5 / 12.5 */
line-height:1.6em; /* 20 / 12.5 */
margin: 0.5em 0 1em 0;
color:#292929;
}
.col .headline h1 {
margin:0 0 0.2em 0;
}
.headline-title{
font-size:3.1em!important; /* 25 / 12.5 */
line-height:0.70em; /* 35 / 25 */
margin:0;
}
.col .headline h2 {
	font-family: Aller-Light, 'Trebuchet MS';
font-size:1.52em; /* 19 / 12.5 */
line-height:1.2em; /* 27 / 19 */
margin:0.9em 0 0 0;
padding-left: 0;
border:0;
color:#666;
float: left;
}
.col .headline h3 {
font-size:1.1em; /* 14 / 12.5 */
font-weight:normal;
line-height:1.5em; /* 21 / 14 */
margin:0;
}
.col .headline .text-squircle h1,
.col .headline .text-squircle h2,
.col .headline .text-squircle h3,
.col .headline .text-squircle h4,
.col .headline .text-squircle p,
.col .headline .text-squircle ul, 
.col .headline .text h1,
.col .headline .text h2,
.col .headline .text h3,
.col .headline .text h4,
.col .headline .text p,
.col .headline .text ul {
padding:0 2%; /* 10 / 527 */
clear:left;
}

.col .headline .text ul {margin-top: 1em; margin-bottom: 0em}

/* ADDED BY BEARINGPOINT */
/*10-01-2014 Since added div cta to buttons*/
.col .headline .text .cta, .col .headline .text-squircle .cta {
padding:0 2%; /* 10 / 527 */
clear:left;
float:left;
display: block;
max-width: 50%;
}


/* ADDED BY BEARINGPOINT */

.headline-green,
.headline-colour-a {
color:#7d2a90;
display:block;
}

.headline-green2,
.headline-colour-b {
color:#cf3087;
display:block;
}

.headline-grey,
.headline-colour-e {
color:#969696;
display:block;
}

.headline-grey,
.headline-colour-e {
color:#969696;
display:block;
}

.headline-colour-f {
color:#cf3087;
display:block;
}

.headline-product-green,
.headline-product-colour-a {
color:#7d2a90;
font-size:0.6em;
line-height:0.8em;
display:block;
}

.headline-product-green2,
.headline-product-colour-b {
color:#cf3087;
font-size:0.6em;
line-height:0.8em;
display:block;
}

.headline-product-colour-f {
color:#cf3087;
font-size:0.6em;
line-height:0.8em;
display:block;
}

.col .headline a.headline-cta {
margin: 0;
clear: left;
}

.col .headline .text, .col .headline .text-squircle {
padding:0.75em 0 1em 0;
margin:21px 0 0.25em 0;
clear:both;
position:relative;
z-index:30;
}

/*.col .headline .text sup { color:#ffffff; }*/
.col .incRate .text sup  { color:#292929; }

.col .incRate .text {
border-bottom:1px solid #e8e8e8;
}
.col .incHero .text, .col .incHero .text-squircle  {
border-bottom:none;

}
.col .headline .badge {
color:#292929;
/*margin:0 0 1.5em 0;*/	
padding:0.5em 2%; /* 10 / 527 */
font-size: 0.8461538461538462em;
line-height: 1.5384615384615384615384615384615em;
font-family: Aller-Bold; font-weight: normal;
text-align:left;
background: none;
/*width: 50%; */
}

.col .incHero.headline .badge {
clear: both;
/*margin:0 auto;	*/
padding:0.5em 2%; /* 10 / 527 */
background: #fff;
width: 50%; 
}

.col .headline .badge .description {
margin-bottom:0.5em;
}
.col .headline .badge img {
max-width: 15em;
text-align:left;
margin-top: 1em;
}

.col .incHero.headline .badge img {
	
max-width: 12em;
text-align:left;
}
.badge-lg img {

float:right;
margin-top:1em;
}
.col .headline .cta {
margin-bottom:1em;	
clear:both;
}

.col .incHero.headline .text .cta, .col .incHero.headline .text-squircle .cta {
width: 65%;	
margin-top: 1.3em;
}


@media only screen and (min-width: 31.3125em) {	
.col .headline {
width: 95.442708333333333333333333333334%; /* 733 / 744 */
padding-left: 2.2786458333333333333333333333333%; /* (768 - (12c + 11g + 20p)) / 2 = 17.5 / 768 */
padding-right: 2.2786458333333333333333333333333%; /* (768 - (12c + 11g + 20p)) / 2 = 17.5 / 768 */
padding-bottom:0em;
padding-top:0px;
}
.col .headline a.headline-cta {
font-family: aller-bold, "Trebuchet MS";	
/*margin: 0.3em 1.8083182640144665461121157323689% 0.3em 1.8083182640144665461121157323689%;*/
}

/* ADDED BY BEARINGPOINT */
/*10-01-2014 Since added div cta to buttons*/
.col .headline .text .cta {
padding:0.2em 2.3642564802182810368349249658936% 0 1.3642564802182810368349249658936%; /* 10 / 733 */
float:left;
width:65%; /* 237 (4cols + 3gutters + 20px padding) / 733 */
}
/* ADDED BY BEARINGPOINT */
.col .headline.incHero,
.col .headline.incLegal {
/*padding-bottom:5.7em;	*/
}

.col .headline.incHero {padding-bottom:0em;}

.col .headline .cta {
float:left;
width:29.604365620736698499317871759892%; /* 237 (4cols + 3gutters + 20px padding) / 733 */
padding-left:0; /* 10 / 733 */
padding-right:0; /* 10 / 733 */
clear:none;
margin:0 0 1em 0;
display:block;
}
.col .headline .cta {
margin-right:1em;
}
.col .headline.incRate .cta {
margin-right:0;
margin-top: 1em;
}
.col .headline.incRate .cta:last-child {
clear:none;
}

.col .headline .badge {
/*float:left;*/
clear:left;
/*width:26.875852660300136425648021828104%;  237 (4cols + 3gutters + 10px padding) / 733 */
padding-left:1.3642564802182810368349249658936%; /* 10 / 733 */
padding-right:1.3642564802182810368349249658936%; /* 10 / 733 */
margin:0 0 1em 0;
text-align:left;
}

.col .incHero.headline .badge {
float: left;	
margin:1em 0 0 0;
}
.col .headline .badge.xl,
.col .headline.incRate .badge.xl {
/*width:50%; */
max-width:25em;
}
.col .headline .badge img {
/*display:block;*/
width:100% !important;
float:none;
max-width:20em;
text-align: center;
}

.col .incHero.headline .badge img {
margin: 0 auto;
}

.col .headline.incRate .cta,
.col .headline.incRate .badge {
float:right;
clear:none;
}

.col .headline .text, .col .headline .text-squircle {
margin-top:0;
}
.headline .text-squircle h1,
.headline .text-squircle h2,
.headline .text-squircle h3,
.headline .text-squircle h4,
.headline .text-squircle p,
.headline .text-squircle ul,
.headline .text h1,
.headline .text h2,
.headline .text h3,
.headline .text h4,
.headline .text p,
.headline .text ul {
padding:0.2em 2.3642564802182810368349249658936% 0 1.3642564802182810368349249658936%; /* 10 / 733 */
clear:left;
}
/*.headline .text h2 {padding-left: 0}*/

}

@media only screen and (min-width: 40.625em) {	
.col .headline {
width: 95.442708333333333333333333333334%; /* 733 / 744 */
padding-left: 2.2786458333333333333333333333333%; /* (768 - (12c + 11g + 20p)) / 2 = 17.5 / 768 */
padding-right: 2.2786458333333333333333333333333%; /* (768 - (12c + 11g + 20p)) / 2 = 17.5 / 768 */
}
.col .headline.incHero,
.col .headline.incLegal {
padding-bottom:1.5em;	
}

.col .headline.incHero {
	padding-bottom:0em;	
}

.col .headline .text-squircle {
	width: 60%}

.col .headline .text {
width: 70%; /* 553 (7cols + 6gutters + 20px padding) / 963 */
}



.col .incRate .text {
border-bottom:none;
float:left;
width: 57.708%;
}




.col .headline .text-squircle h1,
.col .headline .text-squircle h2,
.col .headline .text-squircle h3,
.col .headline .text-squircle h4,
.col .headline .text-squircle p,
.col .headline .tex-squircle ul, 
.col .headline .text h1,
.col .headline .text h2,
.col .headline .text h3,
.col .headline .text h4,
.col .headline .text p,
.col .headline .text ul {
padding:0.2em 2.7700831024930747922437673130194% 0 2.7700831024930747922437673130194%; /* 10 / 361 */
}

.col .headline .text h1 {padding-top: 0}
/*.col .headline .text h2 {padding-left: 0}
.col .headline .text-squircle h2 {padding-left: 0}*/

.col .incHero.headline .text h1, .col .incHero.headline .text-squircle h1 {
	padding-top: 0
}

.col .headline h2 {margin-top: 0.6em}

/* ADDED BY BEARINGPOINT */
/* 10-01-2014 Since added div cta to buttons*/
.col .headline .text .cta, .col .headline .text-squircle .cta {
padding:auto auto 0 auto; /* 10 / 361 */
float:left;
max-width: 14.5em;
width:80%;
}

.col .headline.incRate .cta,
.col .headline.incRate .badge {
float:right;
clear:both;
}

.col .headline.incRate .cta {margin-top: 0}

/* ADDED BY BEARINGPOINT */
.col .headline .badge {
float:right;
clear:right;
width:21.14597544338335%; /* 237 (4cols + 3gutters - p) / 733 */
padding:0.6em 1.3642564802182810368349249658936%;
margin:1em 0 0 0;
max-width:14.333333333333333333333333333333em;
}
.col .headline.incRate .badge {
width:14.051841746248294679399727148704%; /* 237 (4cols + 3gutters) / 733 */
}

.col .headline.incHero .badge {
right: 0;
padding:1em 1.0384215991692627206645898234683%; /* 10 / 963 */
position:absolute;
background: #fff;
width: 12.7726%;
top: 2em;
margin-top: 0;
}

.col .headline.incHero .badge.bottom {right: 0;
padding:1em 1.0384215991692627206645898234683%; /* 10 / 963 */
position:absolute;
background: #fff;
width: 12.7726%;
top: auto;
bottom: 2em;
margin-top: 0}


.tdfybsbadge {
position:absolute;
top: auto;float:right;
clear:right;
right: 1em;
bottom: 21em;
margin-top: 0;
max-width: 300px;

}

.col .headline .badge.xl,
.col .headline.incRate .badge.xl {
width:29.6043656207367%; /* 217 (4cols + 3gutters) / 733 */
}
.col .headline .cta {
float:right;
width:23.874488403819918144611186903138%; /* 237 (4cols + 3gutters) / 733 */
max-width:14.333333333333333333333333333333em;
padding-left:0; /* 10 / 733 */
padding-right:0; /* 10 / 733 */
clear:right;
margin:0em 0 0 0;
}
}

@media only screen and (min-width: 56.25em) {	
.col .headline {
width:94.04296875%;
padding-left: 2.978515625%; /* (1024 - (12c + 11g + 20p)) / 2 = 30.5 / 1024 */
padding-right: 2.978515625%; /* (1024 - (12c + 11g + 20p)) / 2 = 30.5 / 1024 */
padding-top: 0em
}

.col .headline.incLegal {
/*padding-bottom:3em;	
padding-bottom:0em;*/
}

.col .headline.incHero {
	padding-bottom:0em;	
}


.col .headline.incRate .text {
width: 50%; /* 553 (7cols + 6gutters + 20px padding) / 963 */
}

.col .headline.incHero .text, .col .headline.incHero .text-squircle {
	width: 65%;
	margin-bottom: 0em;
	margin-top: 1em} 

/* ADDED BY BEARINGPOINT */ 	 	
/* 10-01-2014 Since added div cta to buttons*/ 	 	
.col .headline .text .cta, .col .headline .text-squircle .cta { 	 	 	
float:left; 	 	
max-width: 14.5em; 	 	
width: 100%; 	 	
}

/* ADDED BY BEARINGPOINT */
.col .headline .cta {
width: 14.849428868120456905503634475597%; /* 143 (2cols + 1gutters + 20px padding) / 963 */
padding-left:0;
padding-right:0;
float:right;
position:relative;
}

.col .headline.incRate .cta,
.col .headline.incRate .badge {
float:right;
clear:none;
}

.col .headline.incRate .cta {margin-top: 1em}

.col .headline .badge,
.col .headline.incRate .badge {
width: 12.77258566978193146417445482866%; /* 123 (2cols + 1gutters) / 963 */
padding:0.5em 1.0384215991692627206645898234683%; /* 10 / 963 */
float:right;
position:relative;
clear:right;
/*bottom: auto !important*/
}
.col .headline .badge.xl,
.col .headline.incRate .badge.xl {
width: 25.54517133956386%; /* 246 (4cols + 2gutters) / 963 */
}

.col .headline .badgetopright {
margin-top: -46px;
padding-bottom: 10px;
}


.col .headline .text-squircle h1,
.col .headline .text-squircle h2,
.col .headline .text-squircle h3,
.col .headline .text-squircle h4,
.col .headline .text-squircle p,
.col .headline .text-squircle ul, 
.col .headline .text h1,
.col .headline .text h2,
.col .headline .text h3,
.col .headline .text h4,
.col .headline .text p,
.col .headline .text ul {
padding:0 2%; /* 10 / 553 */
clear:left;
}

.col .headline .text h1, .col .headline .text-squircle h1 {
	width: 98%;
	padding: 0em 1.5% 0
}

.col .headline .text h2, .col .headline .text-squircle h2 {
	padding: 0em 1.9% 0
}

}


/*****************************************************************
 HEADLINE MODULE
******************************************************************/

.col .headline {
padding-bottom: 1.5em
/*min-height:25em;*/

}

@media only screen and (min-width: 31.3125em) {
.col .headline.incHero {
padding-bottom: 1.5em
}
.col .headline .text, .col .headline .text-squircle {
margin-bottom:1.5em;
margin-top: 1.5em
}
}
@media only screen and (min-width: 40.625em) {
.col .headline.incHero {
min-height:26em;
}
}
@media only screen and (min-width: 56.25em) {
.col .headline.incHero {
min-height:28em;
}
}

.col .headline .text, .col .headline .text-squircle  {
margin-bottom:1.5em;
}
@media only screen and (min-width: 40.625em) {
.col .headline .text, .col .headline .text-squircle  {
margin-bottom:0.5em; 
margin-top:1em 
}
}
.col .headline .text .date {
font-size:1em; /* 11 / 13 */
line-height:1.5384615384615384615384615384615em; /* 20 / 11 */ 
padding-top: 0.7em;
margin-bottom: 0em;
margin-top: 0em;
float: left
}


.col .headline.incHero .text {
color:#808080;
}
.col .headline.incHero img {	
width:100%;

}

.col .headline.incRate .text {
color:#292929;
margin-top: 0em;
}
@media only screen and (min-width: 31.3125em) {
.col .headline.incRate .text {
padding-bottom:0.5em;
}

}
.col .headline.incRate .text .subtitle {
/*color:#008738;*/
}
.col .headline .text .lede-para, .col .headline .text-squircle .lede-para {
color: #292929;
margin-bottom:3.2em;
}
.col .headline .text .lede-para.small-bottom-margin, .col .headline .text-squircle .lede-para.small-bottom-margin {
	margin-bottom:1em;
}
/* ADDED BY BEARINGPOINT */
.col .headline .text .lede-para p, .col .headline .text-squircle .lede-para p {
margin: 0;
padding: 0;
}

.col .headline .text .lede-para p:last-child, .col .headline .text-squircle .lede-para p:last-child {
margin-top: 0.5em;
}

.col .headline .text .lede-para p:first-child, .col .headline .text-squircle .lede-para p:first-child {
margin-top: 0em;
}

/* ADDED BY BEARINGPOINT */
.col .headline .text .lede-para a, .col .headline .text-squircle .lede-para a {
/* font-weight:bold; */
/* text-decoration:underline; */
/* color:#ffffff; */
}
.col .headline.incRate .text .lede-para a {
text-decoration:underline;
color:#7d2a90;
}
.col .headline .text .list-title {
border-top:1px solid #7d2a90;
padding-top:1em;
margin-top:0.5em;
}
.col .headline.incRate .text .list-title {
border-top:1px solid #cccccc;
float: left;
width: 96%;
margin-top: 1em;
}
.col .headline .text:nth-child(2), .col .headline .text-squircle:nth-child(2) {
padding-bottom:0;
}

.col .headline .text ul.bullet-custom.standard-bullets > li {
	color: #292929;
}
.col .headline .text ul.bullet-custom li:before,
.col .headline.incHero .text ul.bullet-custom li:before,
.col .headline .text-squircle ul.bullet-custom li:before,
.col .headline.incHero .text-squircle ul.bullet-custom li:before{
background:#ffffff;	
}
.col .headline.incRate .text ul.bullet-custom li:before, .col .headline .text ul.bullet-custom.standard-bullets li:before {
background:#7d2a90;	
}
.col .headline .text ul[class*="bullet-icon-"] li:before,
.col .headline.incHero .text ul[class*="bullet-icon-"] li:before {
color:#ffffff;	
}
.col .headline.incRate .text ul[class*="bullet-icon-"] li:before {
color:#cf3087;	
}

.col .headline:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
/*height: 21px;*/
background: #fff;
z-index: 7;
}
.col .headline.incHero:before {
background:none;
}

.col .headline.incHero .savings-rate,
.col .headline.incHero .mortgage-rate {
background: #7d2a90;
background: rgba(0, 163, 63, 0.9);
color:#ffffff;
}

.col .savings-rate a,
.col .mortgage-rate a,
.col .mortgage-rate a.moreInfo:after {

}
.col .savings-rate a:hover,
.col .mortgage-rate a:hover {

}

.col .headline.incHero .legal {
border-top:0 !important;
right: auto;
float: left;
margin-top: 1em;
/*width: 95%;*/
}

@media only screen and (min-width: 31.3125em) {
	.col .headline.incHero .legal {width: 97%}
}


/*****************************************************************
 HERO BANNER
******************************************************************/
.col .hero {
display: none;	
float:none;
position:absolute;
width:100%;
bottom:0px;
padding:0;
margin:0;
left: 0;
}
.col .hero-squircle {
display: none;	
float:none;
position:absolute;
right: 0;
bottom:0;
padding:0;
margin:0;
}
@media only screen and (min-width: 40.625em) {
.col .hero-squircle {
display: block;	
width:40%;
}

.col .hero {
display: block;	
width:100%;
}

}
@media only screen and (min-width: 64em) {
.col .hero {
width:100%;
}
.col .hero-squirlce {
width:40%;
}
}

/*****************************************************************
 BREADCRUMB MODULE
******************************************************************/
.breadcrumb {
display:none;
}
@media only screen and (min-width: 40.625em) {
.breadcrumb {
background:#f7f7f7;
color:#008738;
float:left;
position:relative;
display:block;
padding:0 ;
width:100%;
z-index:30;
padding:0.8em 0;
}
.breadcrumb #breadcrumbItems {
float:left;
padding:0 3.5807291666666666666666666666667% 0 3.5807291666666666666666666666667%; /* 13.75 / 768 */
font-size:0.92307692307692307692307692307692em !important; /* 11 / 13 */
}
.breadcrumb #breadcrumbItems .label {
color:#292929;
}

.breadcrumb #breadcrumbItems a {
text-decoration:none;
}
.breadcrumb #breadcrumbItems a:hover {
text-decoration:underline;
}
.breadcrumb #breadcrumbItems .current {
color:#292929;
}
}

@media only screen and (min-width: 56.25em) {
.breadcrumb #breadcrumbItems {
padding:0 3.955078125% 0 3.955078125%; /* 40.5 / 1024 */
}
}


/*****************************************************************
 LEGAL MODULE
******************************************************************/
.col .headline .legal {
padding:0;
margin: 1em 2% 0 2%;
clear:both;
float: left;
}

.legal .legal-squircle {}

.legal a:hover {
text-decoration:none;
background:none;
}
.legal img {
width:100%;
max-width:25.6em;
text-align:center;
margin-bottom:1em;
margin-top: 1em;
}
.legal h6 {
background: #e9e9e9;	
text-align:center;
padding: 0.8em 2% 0.8em 2%;
color:#292929;
text-transform:uppercase;
font-size: 0.9em;
/*width: 95%;*/
}

@media only screen and (min-width: 40.625em) {
	.legal h6 {
		font-size: 1em;
}
}

.incRate .legal h6 {background: #e9e9e9; }

.legal .legal-squircle h6 {}

#featured .legal {
border-top:1px solid #e8e8e8;
position:relative;
margin-top:0;
}
#featured .legal h6 {
border:0;
}

@media only screen and (min-width: 31.3125em) {
.col .headline .legal {
position:relative;
/*float:none;*/
/*right:0;*/
bottom:0;
margin-left: 2.97852%;
margin-right: 2.97852%;
clear:both;
width: 95.4427%;
margin-left: 2.1%; /* (768 - (12c + 11g + 20p)) / 2 = 17.5 / 768 */
margin-right: 2.1%; /* (768 - (12c + 11g + 20p)) / 2 = 17.5 / 768 */
margin-top: 1.5em
}

.col .headline .legal-squircle {
position: relative;	
/*position:absolute;
float:none;
right:0;
bottom:0;*/
margin: 0 0 0.5em 0; /* 10 / 320 */
clear:both;
width:100%;
margin-left: 2.2786458333333333333333333333333%; /* (768 - (12c + 11g + 20p)) / 2 = 17.5 / 768 */
margin-right: 2.2786458333333333333333333333333%; /* (768 - (12c + 11g + 20p)) / 2 = 17.5 / 768 */
}


.col .incHero.headline .legal {
	bottom:0;
	margin-top: 1.5em;
	position: relative;
	float: left;
}

#featured .legal {
float:left;
width:95.833333333333333333333333333333%;
margin-top:1em;
}
.legal h6 {
line-height: 1.2em;
}

.legal-squircle h6 {background: #f1f1f1}

.legal img {
margin:1em 0;
text-align:left;
}
}
@media only screen and (min-width: 40.625em) {
.legal h6 {border: none;}

.legal-squircle h6  {background: #f1f1f1}

.col .incHero.headline .legal {
	width:95.4427%;
	margin: 0 0 1em;
	position: absolute;
}






.col .incHero.headline .legal-squircle {
	width:56%;
	margin: 2em 0 0em 0;
	bottom: 1.5em;
	float: left;	
	position: absolute;
}

.col .carousel .incHero.headline .legal-squircle {
	margin: 2.5em 0 0 0;
	position: relative;
	bottom: auto;
}

#featured .legal {
margin-top:3em;
}	
}
@media only screen and (min-width: 56.25em) {
#featured .legal {	
width: 97.923156801661474558670820353063%;
padding-left: 1.0384215991692627206645898234683%;
padding-right:1.0384215991692627206645898234683%;
}	


.col .headline .legal {
width:100%;
margin: 2em 0 0em 0;
float: left;
}

.col .incHero.headline .legal {
	width:94.043%;
	margin: 0 1em 1em;
	position: absolute;
}

.col .incHero.headline .legal-squircle {
width:56%;
margin-left: 0%; /* (1024 - (12c + 11g + 20p)) / 2 = 30.5 / 1024 */
margin-right: 0%; /* (1024 - (12c + 11g + 20p)) / 2 = 30.5 / 1024 */
}

}
#mortgage-products .legal {
    background: #FDF2D9;
    border-bottom: 1px solid #008136;
    border-top: 1px solid #008136;
	margin-top: 1.0em;
    margin-bottom: 1.0em;
    padding: 0;
}

/*****************************************************************
 IN PAGE NAV
******************************************************************/
#pageNav {
margin-top:-1.5em;
padding-top:0em !important;
margin-bottom:0;	
text-align:center;
}
.col .pageNav {
text-align:center;
padding-bottom:0;
}
.col .pageNav ul,
.col .pageNav ul li {
list-style-type:none;
padding-left:0;
margin-left:0;
}
.col .pageNav ul li {
padding:0.2em 0;
border-bottom:1px solid #dfdfdf;
}
.col .pageNav ul li:last-child {
border-bottom:none;
}
.col .pageNav ul li a {
padding:1em 0;
display:block;
}

@media only screen and (min-width: 31.3125em) {
#pageNav {
padding-top:1.5em !important;
}
.col .pageNav {
width:98.521505376344086021505376344086%; /* 733 / 744 */
border-bottom:1px solid #ccc;
padding-bottom:1em;
}
.col .pageNav ul {
margin:0;
padding:0;
}
.col .pageNav h4 {display:none;}
.col .pageNav ul li {
display: inline-block;
list-style-type:none;
border-left:1px solid #ccc;
padding:0 0.3em 0 0.5em;
border-bottom:0;
}
.col .pageNav ul li a {
font-size:100%;
padding:0;
}

.col .pageNav ul li:first-child {
border-left:0;
padding-left:0;
}
.col .pageNav ul li a {
padding:0.8em 0.5em 0.8em 0.5em;
}
}
@media only screen and (min-width: 56.25em) {
.col .pageNav {
width:100%;
}
.col .pageNav ul li {
padding:0 0.3em 0 0.5em;
}
.col .pageNav ul li a {
padding:0.8em 0.5em 0.8em 0.5em;
}
}


/*****************************************************************
 BACK TO TOP MODULE
******************************************************************/
.backtotop {
position:relative;
background:#e3e3e3;
clear:both;
text-align:right;
margin:-2em 3.125% 1em 3.125%;
padding:0 1.875% 0 1.875%;
text-align:center;
z-index:2;
}
.backtotop a {
padding:0.8em 0 0.8em 0;
text-decoration:none;
display:block;
width:100%;
}

footer .backtotop {color:#ffffff;margin:0;display: none;}
footer .backtotop a,
footer .backtotop a:after, 
footer .backtotop a:hover {
color: #292929;
background:none;
}



@media only screen and (min-width: 31.3125em) {
.backtotop {
width:95.1171875%; /* 730.5 ((12g + 11c) + 1 margin (27.5px) + 10px padding) / 768 */
padding:0 2.278645833333333% 0 2.60416666666667%; /* 10 / 768 */
margin-right:0;
margin-left:0;
text-align:right;
float:right;
}
.backtotop a {
width:auto;
float:right;
padding-left:1.302083333333333%;
padding-right:1.302083333333333%;
}
}

footer .backtotop {display: none;}

.backtotop a {
padding-left:0.9765625%;
padding-right:0.9765625%;
}
}


/*****************************************************************
 PATH SELECTOR MODULE
******************************************************************/
.col .pathfinder {
display:block;
margin: 0 3.125% 0 3.125%;
clear:both;
position:relative;
}

.dw-6:nth-of-type(2) .pathfinder {
margin-top:2.5em;
float:left;
}

.col .pathfinder h3 {
font-size:0.85em; /* 15 / 13 */	
line-height:1.4666666666666666666666666666667em; /* 22 / 15 */
font-weight:bold;
padding-top:0;
margin:0;
}

.col .pathfinder ul,
.col .path-item {
padding:0;
list-style-type:none;
margin:0;
}

.col .path-item {
-webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 0.2em rgba(0,0,0,0.2);
box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
-moz-border-radius: 0 0 0.2em 0.2em;
-webkit-border-radius: 0 0 0.2em 0.2em;
border-radius: 0 0 0.2em 0.2em;
margin:0 0 1em 0;
text-align:center;
width:47.222%; /* 136 (2c + 1g) / 288 */
margin-right:5.5556%; /* 16 / 288 */
float:left;
max-width:10.461em; /* 136 (2c + 1g) / 13 */
}
.col .path-item:hover {
-webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 0.2em rgba(0,0,0,0.5);
box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 500px){
	.col .path-item:nth-child(2n+1){
		clear:left;
	}
}

@media screen and (min-width: 500px){
	.col .path-item:nth-child(3n+1){
		clear:left;
	}
	.col .path-item:nth-child(2n){
		margin-right:5.5556%;
	}
	.col .path-item:nth-child(3n){
		margin-right:0
	}
}

@media screen and (min-width: 650px){
	.col .path-item:nth-child(3n+1){
		clear:none
	}
	.col .path-item:nth-child(3n){
		margin-right:5.5556%;
	}
}
.col .path-item:nth-child(even) {
margin-right:0;
}

.col .path-item .image {
border-bottom: 2px solid #ffffff;
}
.col .path-item .image img {
display:block;
}

.col .path-item .cta .button {
-moz-border-radius: 0 0 0.2em 0.2em;
-webkit-border-radius: 0 0 0.2em 0.2em;
border-radius: 0 0 0.2em 0.2em;
}

.path-item .text {
padding:0 2%; /* 6 / 300 */
}

.path-item .cta .button {
max-width:100%;
padding:1.2em 0;
}

@media only screen and (min-width: 31.3125em) {
.col .pathfinder {
margin-left: 0;
margin-right: 0;
padding-left: 1.698%;
padding-right: 1.697%;
}
.col .path-item:nth-child(even) {
margin-right:4.55%; /* 16 / 288 */
}
.col .path-item:nth-child(3n+3) {
margin-right:0;
}
.dw-6:nth-of-type(2) .pathfinder {
float:none;
}
}

@media only screen and (min-width: 40.625em) {
.dw-6:nth-of-type(2) .pathfinder {
margin-top:0;
}

.tw-12 .pathfinder {
width:95.833333333333333333333333333328%; /* 713 / 744 */
padding-left: 1.3440860215053763440860215053763%; /* 10 / 744 */
padding-right: 1.3440860215053763440860215053763%; /* 10 / 744 */
}

.tw-12 .path-item,
.tw-12 .path-item:nth-child(even) {
float:left;
width:13.043478260869565217391304347826%; /* 93 / 713 */
margin-right: 4.3478260869565217391304347826087%; /* 41 / 713 */
}
.tw-12 .path-item:nth-child(3n+3) {
margin-right: 4.3478260869565217391304347826087%; /* 41 / 713 */
}
.tw-12 .path-item:last-child {
margin-right: 0;
}

.path-item .text {
padding: 0 1.5748031496062992125984251968504% 0 1.5748031496062992125984251968504%; /* 10 / 635 */
text-align:center;
}
}

@media only screen and (min-width: 56.25em) {
.dw-12 .pathfinder {
width:97.923156801661474558670820353063%; /* 943 (12c + 11g) / 963 */
padding:0 1.0384215991692627206645898234683%; /* 10 / 963 */
}
	
.dw-6 .pathfinder {
width:95.753715498938428874734607218684%; /* 451 (5c + 4g) / 471 */
margin-left: 0;
margin-right: 0;
margin-bottom:0;
padding:0 2.1231422505307855626326963906582%;
}

.col .path-item {
float:left;
position:relative;
padding: 0; /* 10 / 635 */
}
.dw-6 .path-item,
.dw-6 .path-item:nth-child(even) {
width:27.272727272727272727272727272727%; /* 123 / 451 */
margin-right: 9.0909090909090909090909090909091%; /* 41 / 451 */
}
.dw-6 .path-item:last-child {
margin-right: 0;
}
.dw-12 .path-item,
.dw-12 .path-item:nth-child(even) {
width:13.043478260869565217391304347826%; /* 123 / 943 */
margin-right: 4.3478260869565217391304347826087%; /* 41 / 943 */
}
.dw-12 .path-item:last-child {
margin-right: 0;
}

.path-item .text {
padding: 0 3.4843205574912891986062717770035% 0.3em 3.4843205574912891986062717770035%; /* 10 / 287 */
text-align:center;
}

}
.path-item span.button-colour-a, span.button-colour-b{
border-top-left-radius:0em !important;
border-top-right-radius: 0em !important;
}








/*****************************************************************
 SAVINGS INTEREST RATE TABLE
******************************************************************/

.savingsProductTable th,
.savingsProductTable td {
text-align:center;
}
.savingsProductTable th {
padding:0.5em 0;
}
.savingsProductTable th:first-child,
.savingsProductTable td:first-child {
text-align:left;
}
.savingsProductTable tr:nth-child(odd) td {
background-color: #fff;
}


/*****************************************************************
 CONTENT HERO IMAGE MODULE
******************************************************************/
.col .hero-content {
width:100%; /* 744 / 744 */
padding:0;
margin-left:0;
margin-bottom:1.5em;
}
.hero-content img {
display:block;
width:100%;
}
@media only screen and (min-width: 40.625em) {
.col .hero-content {
width:98.521505376344086021505376344086%; /* 744 / 744 */
}
}
@media only screen and (min-width: 56.25em) {
.col .hero-content {
width:100%; /* 615 (8c + 7g) / 635 */
}	
}


/*****************************************************************
 MPU BANNER
******************************************************************/
@media only screen and (min-width: 40.625em) {
.col .module:first-child .banner,
.col .module.video:first-child,
.col .module.map:first-child {
padding-bottom:0;
padding-top:0;
border-top:0;
}
}

.dw-4 .carousel {
margin:0 auto !important;
margin-bottom:2em !important;
max-width:350px;
display:none;
}

.col .banner {
border: none;
float:none;
margin:0 5% 0 5%;
padding:0;
width:90%;
max-width:300px;
position:relative;
}
.col .banner.incLegal {
padding:0 0 7em 0;
}
.col .banner:before {
background: none;
content: "";
position: absolute;
top: 0;
width: 100%;
height: 21px;
z-index: 200;
display:block;
clear:both;
}

div.mpu-custom {
outline: 0;
margin: 0;
padding: 0;
display: block;
width: 300px;
height: 250px;
margin-bottom: 1.34em;
}

.col .banner .image {
float:none;
position:absolute;
bottom:0;
padding:0;
margin:0;
text-align:center;
z-index:1;
height:100%;
width:100%;
background-size: contain;
background-position:bottom;
background-repeat:no-repeat;
}


.col .banner .image img {
position:absolute;
bottom:0;
left:0;
}
.col .banner .legal img {
margin-bottom:0;
}

.col.tw-5.dw-4 #magiq {margin-bottom: 0 !important}
.col.tw-5.dw-4 .controls {display: none !important}

@media only screen and (min-width: 31.3125em) {
.dw-4 .carousel {
max-width:360px;
}
}
@media only screen and (min-width: 40.625em) {
.col .banner {
width: auto;
margin:0 auto !important;
max-width:300px;
}
}
@media only screen and (min-width: 56.25em) {
.col .banner {
margin:0 auto !important;
}
}

.col .banner .text,
.col .banner .mortgage-rate,
.col .banner .savings-rate,
.col .banner .badge {
float:left;
position:relative;
background: #7d2a90;
background: rgba(0, 163, 63, 0.9);
z-index:2;
padding:0 3.257328990228013% 0.5em 3.257328990228013%; /* 20 / 307 */
margin:0 5.33333333333333% 0 5.33333333333333%; /* 10 / 307 */
width:82.81867535287731%;
color:#ffffff;
}
.col .banner .badge {
background:none;
margin-top:1em;
}
.col .banner .badge img {
max-width:8em;
}

.col .banner .text {
padding-bottom:0.7em;
}
.col .banner ul.bullet-custom li:before {
background: #e8e8e8;
}
.col .banner .mortgage-rate .rate,
.col .banner .savings-rate .rate {
padding: 0.1em 0;
}
.col .banner .mortgage-rate .rate:first-child,
.col .banner .savings-rate .rate:first-child {
padding-top:0;
}
.col .banner .mortgage-rate h4 {
font-size:2em;
}
.col .banner .savings-rate h4 {
line-height:1.117647058823529411764705882353em;
}
.col .banner .mortgage-rate .rate-description,
.col .banner .savings-rate .rate-description {
font-size:0.92307692307692307692307692307692em; /* 11 / 13 */
line-height:1.5384615384615384615384615384615em; /* 20 / 13 */
}
.col .banner .legal {
float:none;
position:absolute;
bottom:1.2em;
z-index:2;
padding:0; /* 20 / 307 */
margin-left: 5.33333333333333%; /* 10 / 307 */
width:86%;
}

@media only screen and (min-width: 31.3125em) {
.col .banner .legal {
width:87%;
}
}
@media only screen and (min-width: 40.625em) {
.col .banner .legal {
width:89.3%;
}
}

.col .banner .legal h6 {
font-size:0.74em; /* 11 / 13 */
line-height:1.5384615384615384615384615384615em; /* 20 / 13 */
border:none;
}

.col .banner h2 {
border:0;
padding:0;
margin:0;
color:#ffffff;
}
.col .banner h3 {
font-size: 1.1em;
font-weight: normal;
line-height: 1.5em;
}
.col .banner .text h3,
.col .banner .text h4 {
display:block !important;
color:#ffffff;
}

.col .banner div:first-child {
margin-top:21px;
}
.col .banner div.rate:first-child,
.col .banner div.image:first-child,
.col .banner div.image-bg:first-child {
margin-top:0;
}
.col .banner div:first-child div:first-child {
margin-top:0;
}


/*****************************************************************
 STANDALONE IMAGE MODULE
******************************************************************/
.col .standalone-image {
text-align:center;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding:1em 0;
margin: 0 0 1em 0;
background:#fff;
}
.col .standalone-image img {
width:50%;
text-align:center;
}
.col .standalone-image .description {
margin-top:0.5em;
}

@media only screen and (min-width: 31.3125em) {
.col .standalone-image {
float:right;
width:36.842105263157894736842105263158%; /* 217 (4c + 3g) / 589 */
border-top: 0;
border-bottom: 0;
padding:0;
margin: 0 0 1em 1em;
}
.col .standalone-image img {
width:100%;
}
}
@media only screen and (min-width: 56.25em) {
.col .standalone-image {
width:33.333333333333333333333333333333%; /* 287 (3c + 2g) / 615 */
}
}


/*****************************************************************
 PRODUCT SNAPSHOT MODULE
******************************************************************/
.col .productPreview {
padding-top: 1.5em;
margin-bottom: 2.5em;
border-top: 4px solid #e8e8e8;
min-height: 130px;
}
.col .productPreview:first-child {
padding-top:0;
border-top: 0 !important;
}
.col .productPreview .features {
margin:0;
padding:0;
}
.col .productPreview .cta {
clear:both;
margin-bottom:1.5em;
}
.col .productPreview .badge {
display:block;
font-size:0.8461538461538462em; /* 11 / 13 */
line-height:1.5384615384615384615384615384615em; /* 20 / 11 */ 
font-weight:bold;
padding:0.5em 0 0 0;
margin:0;
text-align:center;
}
.col .productPreview .badge .description {
margin-bottom:0.5em;
}
.col .productPreview .badge img {
width:40%;
max-width:10em;
}

@media only screen and (min-width: 31.3125em) {
.col .productPreview {
padding-left: 1.697792869269949066213921901528%; /* 10 / 609 */
padding-right: 1.697792869269949066213921901528%;
/*min-height:17em;*/
height:auto !important;
}
.col .productPreview .badge {
text-align:left;
}
}

@media only screen and (min-width: 40.625em) {
.col .productPreview {
float:left;
position:relative;
width: 95.833333333333333333333333333333%; /* 713 / 744 */
padding-left: 1.3440860215053763440860215053763%; /* 10 / 744 */
padding-right: 1.3440860215053763440860215053763%;
}
.col .productPreview h2 {
margin-left:1.3440860215053763440860215053763%; /* 10 / 744 */
}

.col .productPreview .title {
width: 100%; /* 195 (3c + 2g - 10pr) / 943 */
}
.col .productPreview .features {
width: 39.130434782608695652173913043478%; /* 300 (5c + 4g) / 713 */
padding-right: 1.4025245441795231416549789621318%; /* 10 / 713 */
padding-left:0;
margin:0;
float:left;
position:relative;
}
.col .productPreview .features ul {
margin-bottom:0;
}
.col .productPreview .cta {
width: 21.739130434782608695652173913043%; /* 703 (12c + 11g - 10pr) / 713 */
float:right;
position:relative;
clear:none;
}
}

@media only screen and (min-width: 40.625em) {
.col .productPreview .badge {
float:none;
position:absolute; 
bottom:0; 
right:1.3642564802182810368349249658936%; /* 7 (10 - 3b) / 733 */
width:21.145975443383356070941336971351%; /* 148 (3c + 2g) / 733 */
margin:0;
display:block;
text-align:center;
}
.col .productPreview:last-child .badge {
bottom:0;
}
.col .productPreview .badge img {
width:100%;
}
}
@media only screen and (min-width: 56.25em) {
.col .productPreview {
width: 97.923156801661474558670820353063%; /* 943 / 963 */
padding-left:1.0384215991692627206645898234683%; /* 10 / 963 */
padding-right:1.0384215991692627206645898234683%; /* 10 / 963 */
padding-top:2em;
}
.col .productPreview:first-child {
padding-top:1em;
}
.col .productPreview h2 {
margin-left:1.0384215991692627206645898234683%; /* 10 / 963 */
}
.col .productPreview .title {
width: 21.739130434782608695652173913043%; /* 195 (3c + 2g) / 943 */
padding-right: 3.2873806998939554612937433722163%; /* 31 / 943 */
float:left;
padding-top:0;
}

.col .productPreview .features {
width: 30.434782608695652173913043478261%; /* 318 (4c + 3g) 943 */
padding-right: 1.0604453870625662778366914103924%; /* 10 / 943 */
padding-left:0;
}

.col .productPreview .cta {
width: 13.043478260869565217391304347826%; /* 123 (2c + 1g) / 943 */
}
.col .productPreview .badge {
top:auto;
margin-bottom: 8.756%;
left:1.0384215991692627206645898234683%; /* 7 (10p - 3b) / 943 */
width:13.043478260869565217391304347826%; /* 123 (2c + 1g) / 943 */
display:block;
text-align:left;
}

.col .carousel .productPreview .badge {
margin-bottom: 0!important;
}

.col .productPreview .badge img {
width:100%;
max-width:10em;
}
}


/*****************************************************************
 CONTACT MODULE
******************************************************************/
.col .telephone-number {
font-size:1.3em; /* 19 / 13 */
line-height:1.3809523809523809523809523809524em; /* 27 / 19 */

font-weight:bold;
margin:0 0 0.5em 0;
color:#7d2a90;
text-decoration:none;
}

.col .apply-telephone-number {
    font-size: 1.3em;
    line-height: 1.3809523809523809523809523809524em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
    color: #cf3087;
    text-decoration: none;
}








.col .telephone-number:last-child,
.cta-telephone:last-child {
margin-bottom:0;
}

.col .contact-method .opening-time {
clear:both;
display:block;
}

@media only screen and (min-width: 40.625em) {
.tw-12 .contact-method {
width:29.166666666666666666666666666667%; /* 217 (4c + 3g) / 744 */
padding-left:1.3440860215053763440860215053763%; /* 10 / 744 */
padding-right:1.3440860215053763440860215053763%; /* 10 / 744 */
margin-right: 1.478494623655913978494623655914%; /* 11 / 744 */
}
}
@media only screen and (min-width: 56.25em) {
.tw-12 .contact-method {
width:91.489361702127659574468085106383%; /* 215 (4c + 3g) / 235 */
padding-left:4.2553191489361702127659574468085%; /* 10 / 235 */
padding-right:4.2553191489361702127659574468085%; /* 10 / 235 */
}
}


/*****************************************************************
 IMPORTANT INFO / LEGAL TEXT MODULES
******************************************************************/
.col .important-info {
border-top: 4px solid #e8e8e8;
padding-top:1em;
padding-bottom:0;
margin-bottom:2em;
}




/*****************************************************************
 PRODUCT RATE BOX MODULE
******************************************************************/
.col .headline .savings-rate,
.col .headline .mortgage-rate {
padding:0.5em 2% 0.8em 2%;
margin:0 0 1em 0;
z-index:1;
text-align:center;
}

.col .productPreview .savings-rate,
.col .productPreview .mortgage-rate {
padding:0.5em 2% 0.8em 2%;
margin:0 0 1em 0;
z-index:1;
text-align:center;
}
.col .featured .savings-rate,
.col .featured .mortgage-rate {
background: none;
color:#292929;
}

.col .savings-rate .rate,
.col .mortgage-rate .rate {
border-top:1px dashed #ccc;
padding:0.5em 0;
margin:0;
display:block;
}
.col .savings-rate .rate:first-child,
.col .mortgage-rate .rate:first-child {
border-top:none;
padding-top: 0;
}

.col .savings-rate h4,
.col .mortgage-rate h4 {
padding:0;
margin:0;
font-size:3.8em; /* 55 / 12.5 */
line-height:normal;
display:inline-block;
color:#7d2a90;
font-family:YBS-Headline;
}

/*.mortgage-rate .svr{
	color:#cf3087 !important;
}

.mortgage-rate .apr{
	color:#969696 !important;
}*/

.col .savings-rate .rate-description,
.col .mortgage-rate .rate-description {
clear:both;
display:block;
line-height:1.5384615384615384615384615384615em; /* 20 / 13 */
}
.col .savings-rate .rate .rate-description,
.col .mortgage-rate .rate:first-child .rate-description {
margin-top:-0.2em !important;
}
.col .savings-rate .rate .rate-description:last-child {
margin-top:0 !important;
}

.col .savings-rate sup,
.col .mortgage-rate sup {
font-weight:bold;
font-size:0.7em;
vertical-align:top;
}


@media only screen and (min-width: 31.3125em) {	
.col .headline .savings-rate,
.col .headline .mortgage-rate,
.col .productPreview .savings-rate,
.col .productPreview .mortgage-rate {
text-align:left;
}

.col .headline .savings-rate,
.col .headline .mortgage-rate {
float:left;
position:relative;
width: 57.52577319587628865979381443299%;  /* 279 (5cols + 4gutters) / 479 (8cols + 7gutters + 20px padding) */
padding-left:2.0618556701030927835051546391753%; /* 10 / 479 */
padding-right:2.0618556701030927835051546391753%; /* 10 / 479 */
padding-top:0px;
}
}

@media only screen and (min-width: 40.625em) {	
.col .headline .savings-rate,
.col .headline .mortgage-rate {
float:right;
width:38.062755798090040927694406548431%; /* 279 (5c + 4g) / 733 */
padding-left:1.3642564802182810368349249658936%; /* 10 / 485 */
padding-right:1.3642564802182810368349249658936%; /* 10 / 485 */
padding-top:0px;
}
}

/******** USE IN HEADLINE ***********/
@media only screen and (min-width: 56.25em) {	
.col .headline .savings-rate,
.col .headline .mortgage-rate {
float:left;
width: 22.287642782969885773624091381101%; /* 205 (3cols + 2gutters) / 963 */
padding-left:1.0384215991692627206645898234683%; /* 10 / 963 */
padding-right:1.0384215991692627206645898234683%; /* 10 / 963 */
margin-left: 2.1806853582554517133956386292835%;  /* 21 / 963 */
padding-top:0px;
/*padding-top:1.2em;*/
}
}

/******** USE IN PREVIEW ***********/
@media only screen and (min-width: 40.625em) {
.col .productPreview .savings-rate,
.col .productPreview .mortgage-rate {
width:27.629733520336605890603085553997%; /* 238 (4c + 3g) / 713 */
padding-left:1.4025245441795231416549789621318%; /* 10 / 713 */
padding-right:1.4025245441795231416549789621318%; /* 10 / 713 */
margin-right:4.3478260869565217391304347826087%; /* 31 / 713 */
margin-bottom:0;
float:left;
position:relative;
padding-top:0px;
}
}

@media only screen and (min-width: 56.25em) {	

.col .productPreview .savings-rate,
.col .productPreview .mortgage-rate {
float:left;
position:relative;
width: 21.739130434782608695652173913043%; /* 205 (3c + 2g) / 943 */
padding-left:1.0604453870625662778366914103924%; /* 10 / 943 */
padding-right:1.0604453870625662778366914103924%; /* 10 / 943 */
margin-right:3.2873806998939554612937433722163%; /* 31 / 943 */
margin-left:0;
padding-top:0px;
}
}



/*****************************************************************
 KEY FEATURES MODULE
******************************************************************/
.col .features,
.col .benefits {
margin-bottom:1.5em;
}



/*****************************************************************
 INTEREST RATES MODULE
******************************************************************/
.col .interest-rates {
padding-top:1.5em;
margin-bottom:1.5em;
border-top: 4px solid #e8e8e8;
}
.col .interest-rates:first-child {
padding-top:0;
border-top:0 !important;
}
.col .annual-rates,
.col .monthly-rates {
width: 100%;
}
.col .interest-rates h4,
.col .interest-rates p,
.col .interest-rates table th,
.col .interest-rates table td {
padding-left:2%; /* 6 / 300 */
padding-right:2%; /* 6 / 300 */
}
.col .interest-rates table {
margin-bottom:2em;
}
.col .interest-rates .cta {
clear:both;
}

@media only screen and (min-width: 31.3125em) {
.col .interest-rates h4,
.col .interest-rates p,
.col .interest-rates table th,
.col .interest-rates table td {
padding-left:1.4025245441795231416549789621318%; /* 10 / 713 */
padding-right:1.4025245441795231416549789621318%; /* 10 / 713 */
}
}

@media only screen and (min-width: 56.25em) {
.col .annual-rates {
width: 48.909657320872274143302180685358% !important; /* 471 (6c + 5g + 10px overlay on each side) / 963 (12c + 11g + 20p removed padding) */
float:left !important;
}
.col .monthly-rates {
width: 48.909657320872274143302180685358% !important; /* 471 (6c + 5g + 10px overlay on each side) / 963 (12c + 11g + 20p removed padding) */
float:right !important;
}
.col .interest-rates h4,
.col .interest-rates p,
.col .interest-rates table th,
.col .interest-rates table td {
padding-left:2.1231422505307855626326963906582%; /* 10 / 471 (12c + 11g + 20p removed padding) */
padding-right:2.1231422505307855626326963906582%; /* 10 / 471 (12c + 11g + 20p removed padding) */
}
.col .interest-rates p {
padding-left:1.0384215991692627206645898234683%; /* 10 / 963 */
}
}


/*****************************************************************
 MORTGAGE PRODUCT TABLE
******************************************************************/

#mortgage-products .legal {
    background: #FDF2D9!important;
    border-bottom: 1px solid #008136;
    border-top: 1px solid #008136;
	margin-top: 1.0em;
    margin-bottom: 1.0em;
    padding: 0;
}

#mortgage-products .legal h6 {
background:none;
border:none;
}

#mortgage-products .fixPosition {
border-top: none;
position: fixed;
top:expression(this.offsetParent.scrollTop+'px');
left:expression(this.offsetParent.scrollTop+'px');
top: 0px;
left: 0px;
z-index:500;
width:100%;
margin:0;
padding:0;
-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.4);

-moz-box-shadow: 0 0 1em rgba(0,0,0,0.4);
box-shadow: 0 0 1em rgba(0,0,0,0.4);
}


#mortgage-products .availability h6 span {
display: none!important;
}



.col .mortgageProducts {
padding: 1em 0 0 0;
border-top:1px solid #e8e8e8;
}

.col .mortgageProducts .dataForm,
.col .mortgageSearchForm,
.col .searchResultsTextContainer {
width:auto;
display:block;
float:none;	
}

.col .mortgageProducts .dataForm {
margin:0;
padding:0 1.875% 0.5em 1.875%;
}
.col .mortgageProducts .dataForm form {
margin-top:0;
border-top:0;
padding-top:0;
}
.col .mortgageProducts .dataForm form .input-row {
padding-top:0;	
border-bottom:0;
}

.col .mortgageSearchForm .input-row {
border-color:#cf3087;
}

.mortgageProductTable th {
text-align:center;
}
.mortgageProductTable td {
min-height:1.5em;
height:auto !important;
height:1.5em;
}

.col .mortgageSearchForm {
background-position: 0% 0%;
	margin-bottom:1.5em;
	border:1px solid #d8d8d8;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eeeeee')";
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f9f9f9),color-stop(1, #eeeeee));
	background-color: #eeeeee;
	background-repeat: repeat;
	background-attachment: scroll;
}

.mortgageSearchForm .button-blue{
	color: #292929 !important;
	background: #E1E1E1 !important;
    border: 1px solid #D7D7D7 !important;
}

.mortgageSearchForm .button-blue:hover{
	color: #292929 !important;
	background: #d7d7d7 !important;
    border: 1px solid #D7D7D7 !important;
}

.col #mortgageSearch {
display:none;	
}
.col #mortgageSearch.loader {
margin-top:0.5em !important;
position:relative;
text-align:center;
height:9em;
padding-top:3em !important;
float:none;
margin:0 auto !important;
clear:both;
}
.col #mortgageSearch.loadInProgress:before {
content:'Searching for mortgages';
text-align:center;
color:#292929 !important;
display:block;
}

.col .searchResultsTextContainer {
background:#eeeeee;
border:1px solid #d8d8d8;
border-top:4px solid #cf3087;
padding-top:0.5em;
padding-bottom:0.5em;
}

.col .searchResultsTextContainer .searchResultAlternative {
display:none;
}
.col .searchResultsTextContainer .amendSearch {
display:block;	
}

.mortgageProductTable tr.extra-info {
border-top:0;
margin-bottom:1.5em;
background:#e8e8e8;
}
.mortgageProductTable tr.extra-info td {
background:#e8e8e8;
}
.mortgageProductTable tr.extra-info h6,
.mortgageProductTable tr.extra-info ul,
.mortgageProductTable tr.extra-info ul li {
list-style-type:none;
padding:0;
margin-left:0;
float:left;
clear:both;
}
.mortgageProductTable tr.extra-info h6,
.mortgageProductTable tr.extra-info ul,
.mortgageProductTable tr.extra-info ul li {
list-style-type:none;
padding:0;
float:left;
clear:both;
}
.mortgageProductTable tr.extra-info .availability ul {
margin-bottom:1.5em;
}

.mortgageProductTable tr.extra-info ul.bullet-icon-user li:before  { content: "\f007 \0000a0"; color:#7d2a90; }
.mortgageProductTable tr.extra-info ul.bullet-icon-ok-sign li:before  { content: "\f058 \0000a0"; color:#cf3087; }
.mortgageProductTable tr.extra-info ul.bullet-icon-ok-sign li.no-icon:before  { content: ""; }


.col .mortgageProductTable .best-buy,
.col .mortgageProductTable .initial-period,
.col .mortgageProductTable .rate,
.col .mortgageProductTable .svr,
.col .mortgageProductTable .apr,
.col .mortgageProductTable .max-ltv,
.col .mortgageProductTable .monthly-repayment {
font-family: Aller-Bold; font-weight: normal	
}
.col .mortgageProductTable .best-buy img {
max-width:5em;	
}
.mortgageProductTable td.no-best-buy:after {
content:"-";
font-size:2.5em;
color:#bbbbbb;
}
.col .mortgageProductTable a.moreInfo { font-weight:normal; }
.mortgageProductTable th a.moreInfo:after { content: ""; }
.mortgageProductTable th a.moreInfo:before { 
font-family: 'FontAwesome';
content: "\f05a \A";
color:#cf3087;
font-size: 1.1538461538461538461538461538462em;
line-height: 1.4666666666666666666666666666667em;

white-space: pre; 
-webkit-font-smoothing: antialiased;
font-weight:normal !important;
}



@media only screen and (min-width: 40.625em) {
.col .mortgageProducts {
width:90.04149377593361%;  /* 651 (11c + 10g) / 723 */
}
.col .mortgageSearchForm {
width:45.8950201884253%;  /* 341 (6c + 5g) / 743 (fullw) */
padding-left:1.345895020188425%;
padding-right:1.345895020188425%;
margin-right:0;
float:left;
}
.col .searchResultsTextContainer {
width:45.8950201884253%;  /* 341 (6c + 5g) / 743 (fullw) */
padding-left:1.345895020188425%;
padding-right:1.345895020188425%;
float:right;
min-height:28.9em;
height:auto !important;
height:28.9em;
}
.col .searchResultsTextContainer .amendSearch {
display:none;	
}
.mortgageProductTable td a.moreInfo { display:none;	}
}

@media only screen and (min-width: 46.25em) { /* 740 / 16 */
.col .mortgageProducts {
width:97.923156801661474558670820353063%;
display:block;
float:left;
}
.col .searchResultsTextContainer {
width: 95.69313593539704%;/* 711 (12c + 11g -2b) / 743 */
padding-left: 1.345895020188425%; /* 10 / 748 */
padding-right: 1.345895020188425%; /* 10 / 748 */
margin-left: 0;
display:block;
float:left;
min-height:1em;
height:auto !important;
height:1em;
}
}

@media only screen and (max-width: 46.24em) { /* 740 / 16 */
.mortgageProductTable td a.moreInfo {
display:block;
position:absolute;
left:0;
top:0;
width: 71.666666666666666666666666666667%; /* 212 (3c + 2g) / 300 */
padding:1em 0 !important;
background:none;
text-align:left;
text-decoration:none;
}

.mortgageProductTable table, 
.mortgageProductTable thead,
.mortgageProductTable th, 
.mortgageProductTable td, 
.mortgageProductTable tr { 
display: block; 
overflow:hidden;
}

.mortgageProductTable thead tr { 
position: absolute;

top: -9999px;
left: -9999px;
}

.mortgageProductTable tr { 
border:none;
border-bottom:none;
border-top:4px solid #e8e8e8;
padding: 1em 0 0 0;
position:relative;
}
.mortgageProductTable tr:last-child { 
margin-bottom: 0;
}
.mortgageProductTable tr.extra-info {
}
.mortgageProductTable tr.extra-info td {
border:none;
border-bottom:1px solid #e1e1e1;
padding-top:0;
text-align:left;
}


.mortgageProductTable td {
border:none;
border-left: 1px solid #9d9d9d;
border-right: 1px solid #9d9d9d;
border-bottom: 1px solid #9d9d9d;
position: relative;
padding: 1em 2% 1em 0;
text-align:right;
background:#fff;
color:#292929;
}
.mortgageProductTable td:first-child {
border-top: 1px solid #9d9d9d;
}
.mortgageProductTable tr.product td:before {
position: absolute;
top: 0;
left: 0;
width: 64.666666666666666666666666666667%; /* 212 (3c + 2g) / 300 */
text-align:left;
padding:1em 0 5em 7%;
border-right: 1px solid #9d9d9d;
background:#e8e8e8;
color:#292929;
}

.mortgageProductTable tr.product td.cta {
display:none;
}

.mortgageProductTable td.cta {
width:96% !important; /* 162 / 596 */
padding:1em 2%;
border:none;
border-bottom: 1px solid #e1e1e1;
background:none;
}

.mortgageProductTable td.best-buy div { 
text-indent: -9999px !important;
margin:0;
padding:0;
line-height:0;
display:none;
}

.mortgageProductTable tr.product td:before { font-weight:normal !important; }
.mortgageProductTable tr.product td:nth-of-type(1):before { content: "Best Buy"; }
.mortgageProductTable tr.product td:nth-of-type(2):before { content: "Initial period"; }
.mortgageProductTable tr.product td:nth-of-type(3):before { content: "Mortgage type"; }
.mortgageProductTable tr.product td:nth-of-type(4):before { content: "Interest rate"; }
.mortgageProductTable tr.product td:nth-of-type(5):before { content: "Until end date"; }
.mortgageProductTable tr.product td:nth-of-type(6):before { content: "Followed by SVR, currently"; }
.mortgageProductTable tr.product td:nth-of-type(7):before { content: "Overall cost for comparison"; }
.mortgageProductTable tr.product td:nth-of-type(8):before { content: "Maximum LTV"; }
.mortgageProductTable tr.product td:nth-of-type(9):before { content: "Product fee"; }
.mortgageProductTable tr.product td:nth-of-type(10):before { content: "Estimated monthly repayment"; }

}

@media only screen and (min-width: 31.3125em) {
.mortgageProductTable tr.product td:before {
width: 65.666666666666666666666666666667%; /* 212 (3c + 2g) / 300 */
padding-left: 4%;
}
.mortgageProductTable tr.product td a.moreInfo {
width: 69.666666666666666666666666666667%; /* 212 (3c + 2g) / 300 */
}
}

@media only screen and (min-width: 46.25em) { /* 740 / 16 */
.col .mortgageSearchForm {
margin:0 0 1.5em 0;
padding:0;
width: 95.69313593539704%;/* 711 (12c + 11g -2b) / 743 */
padding-left: 1.345895020188425%; /* 10 / 748 */
padding-right: 1.345895020188425%; /* 10 / 748 */
}

.col .mortgageSearchForm .validation {
margin-top:0.7em !important;	
}
.col .mortgageSearchForm form {
margin-top:0;
position:relative;
float:left;
width:100%;
}
.col .mortgageSearchForm form select {
padding:1.284em 0.5em;
}
.col .mortgageSearchForm .input-row {
width:20%;
float:left;
clear:none;
background:none;
margin:0;
padding:0.8em 0.7032348804500703% 0.7em 0.7032348804500703%; /* 5 / 711 */
border:0;
border-left:1px solid #d8d8d8;
}
.col .mortgageSearchForm .input-row span {
border-color:#c8c8c8;
}
.col .mortgageSearchForm .input-row:first-child {
border-left:none;
width:20.25316455696203%; /* 144 (2c + 2g + 20p) / 711 */
padding-left:0;
}
.col .mortgageSearchForm .input-row:nth-child(3n+2) {
width:23.90998593530239%; /* 170 (3c + 2g + 15p) / 711 */
}
.col .mortgageSearchForm .input-row:nth-child(3n+3) {
width:26.16033755274262%; /* 186 (3c + 3g) / 711 */
}
.col .mortgageSearchForm .input-row:nth-child(3n+4) {
width:14.76793248945148%; /* 105 (2c + 1g + 12p) / 711 */
}
.col .mortgageSearchForm .input-row:nth-child(3n+5) {
width:8.6920112517580872%; /* 62 (1c + 1g) / 711 */
margin-right:0;
padding-right:0;
}
.col .mortgageSearchForm .input-row:nth-child(3n+5) input {
float:left;
padding-left:0;
padding-right:0;
}

.col .mortgageSearchForm .input-row label {
min-width: 1em;
margin: 1.3em 0.4em 0 0;
font-family: Aller-Bold;
font-weight:noraml;
text-align:center;
}
.col .mortgageSearchForm .input-row:nth-child(3n+2) label {
/* width:4.592592592592593em; */ /* 62 (1c + 1g) / 13.5 */
width: 4em;
margin-top:0.9em;
line-height:1.2em;
}
.col .mortgageSearchForm .input-row:nth-child(3n+3) label {
/* width:6.148148148148148em; */ /* 62 (1c + 1g + 21) / 13.5 */
width: 6.4em; 
margin-top:0.9em;
line-height:1.2em;
}

.col .mortgageSearchForm .help {
margin:0.6em 1.058201058201058% 0.6em 1.058201058201058% !important;
float:left;
}

.col .searchResultsTextContainer .searchResultAlternative {
display:block;
}
.col .searchResultsText {
width:65.40084388185654%; /* 465 (8c + 7g) / 711  */
padding-top:0.45em;
padding-right:2.15343203230148%; /* 16 / 743 */
float:left;
border-right:1px solid #d8d8d8;
}
.col .searchResultsText p {
padding-right:0;
}
.col .searchResultAlternative {
width:30.52039381153305%;  /* 279 (4c + 3g) / 711  */
padding-top:0.45em;
float:right;
margin-top:0.6em;
}
.col .searchResultAlternative a {
float:right; 
width:45%;
clear:none;
margin-left:0.6em;
}
.col .searchResultAlternative a:first-child {
float:left;
}

.col .mortgageProducts {
border-top:1px solid #d8d8d8;
padding:1px 0 0 0;
width:98.52150537634409%;
min-height:10em;
height:auto !important;
height:10em;
position:relative;
float:left;
} 

.col .mortgageProducts:before {
content:"";
display:block;
background:#e8e8e8;
width:100%;
height:0.5em;
}

.mortgageProductTable {
border:0 !important;
margin-bottom:0;
}

.mortgageProductTable thead:after {
height:1.2em;
content:" \0000a0";
display:block;
}

.mortgageProductTable tr.extra-info .cta {
display:none;
}

.mortgageProductTable tr.extra-info {
margin-bottom:0;
background:none;
}
.mortgageProductTable tr.extra-info td {
font-size:0.82em;
border:none;
border-bottom:1px solid #e8e8e8;
background:none !important;
padding:0 !important;
}
.mortgageProductTable tr.extra-info:last-child td {
border-bottom:none;
}
.mortgageProductTable tr.extra-info td .extra-info-container {
float:left;
padding:0.7em 1.0384215991692627206645898234683% !important;
margin-bottom:1.5em;
width:97.99315680166148%;
-webkit-box-shadow: #c3c3c3 0px -5px 5px -2px;
-moz-box-shadow: #c3c3c3 0px -5px 5px -2px;
box-shadow: #c3c3c3 0px -5px 5px -2px;
border-bottom:1px solid #e1e1e1;
background:#e8e8e8;
}
.mortgageProductTable tr.extra-info:last-child td  .extra-info-container {
margin-bottom:0;
}

.mortgageProductTable tr.extra-info td .extra-info-container .availability {
float:left;
}
.mortgageProductTable tr.extra-info td .extra-info-container .additional-features {
float:right;
}

.mortgageProductTable tr.extra-info h6,
.mortgageProductTable tr.extra-info ul,
.mortgageProductTable tr.extra-info ul li {
list-style-type:none;
padding:0;
margin:0;
float:left;
clear:none;
}
.mortgageProductTable tr.extra-info .availability ul {
margin-bottom: 0;
}
.mortgageProductTable tr.extra-info ul li {
margin:0 0 0 0.5em;
}

.mortgageProductTable tr.product td {
}

.col .mortgageProducts .dataForm {
display:none;
}
.mortgageProductTable tr th:nth-child(odd),
.mortgageProductTable tr td:nth-child(odd) {
background: #eeeeee;
}

.mortgageProductTable tr th:nth-child(even),
.mortgageProductTable tr td:nth-child(even) {
background: #ffffff;
}


.col .mortgageProductTable th { 
border-right: 1px solid #d8d8d8;
border-top:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
padding-top:0 !important;
background:#ffffff;
padding-bottom:0em !important;
margin-bottom:0;
}
.col .mortgageProductTable th:first-child { 
border-left:1px solid #d8d8d8;
}

.mortgageProductTable th a.moreInfo {
padding:0.3em 0 !important;
margin-bottom:0.5em;
font-size:1.1076923076923076923076923076923em; /* 17 / 13 */
line-height:1.4117647058823529411764705882353em;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
border-radius: 0.2em;
margin-top:0.5em;
background:#f7f7f7;
}
.mortgageProductTable th a.moreInfo:hover {
background:#efefef;
}
.mortgageProductTable th:nth-child(odd) a.moreInfo:hover {
background:#ffffff;
}

.mortgageProductTable td { 
text-align:center;
border-color: #e1e1e1;
border-bottom:1px solid #e1e1e1;
border-top:1px solid #e1e1e1;
}

.mortgageProductTable tr:first-child td {
border-top:1px solid #e1e1e1;
}

.mortgageProductTable td.best-buy img { 
max-width:5em;
}
.mortgageProductTable td.best-buy div { 
text-indent: -9999px !important;
margin:0;
padding:0;
line-height:0;
display:none;
}
.mortgageProductTable td.cta { 
padding-top:0.65em !important;
padding-bottom:0.65em !important;
}

.mortgageProductTable .tablesorter-header-inner {
min-height:12em;
height:auto !important;
height:12em;
}

.mortgageProductTable th.tablesorter-header .sortBtn:after {
font-family: 'FontAwesome';
content: "\f0dc";
color:#bbbbbb;
font-size: 1.438461538461538461538461538462em;
line-height: 1.4666666666666666666666666666667em;
white-space: pre; 
-webkit-font-smoothing: antialiased;
font-weight:normal;
width:100%;
display:block;
bottom:0;
padding:0.5em 0;
margin-bottom:0.5em;
text-align:center;
position:relative;
background:#f7f7f7;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
border-radius: 0.2em;
position:absolute;
}
.mortgageProductTable th.tablesorter-header .sortBtn:hover {
cursor:pointer;	
}

.mortgageProductTable th.tablesorter-header div {
position:relative;
z-index:200;;
}

.mortgageProductTable th.cta {
cursor:default;	
}
.mortgageProductTable th.cta:after {
content: "";
border-top:none;
background:none !important;
}

.mortgageProductTable th.tablesorter-header:nth-child(odd):after {
background:#f7f7f7;
}
.mortgageProductTable th.tablesorter-header .sortBtn:hover:after,
.mortgageProductTable th.tablesorter-headerAsc .sortBtn:after,
.mortgageProductTable th.tablesorter-headerDesc .sortBtn:after {
background-position: 0% 0%;
content: "\f0dd";
color:#ffffff;
-webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 0.5em rgba(0,0,0,0.2);
box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00b04f', EndColorStr='#7d2a90') !important;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #00b04f),color-stop(1, #7d2a90)) !important;
background-color: #7d2a90 !important;
background-repeat: repeat !important;
background-attachment: scroll !important;
}
.mortgageProductTable th.tablesorter-headerDesc:hover .sortBtn:after,
.mortgageProductTable th.tablesorter-headerDesc .sortBtn:after {
content: "\f0de";
}
.col .mortgageProductTable th.cta:hover .sortBtn:after { 
background:none !important;
content: "";
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.mortgageProductTable .button-blue {
	background-color: #7d2a90 !important;
}

.mortgageProductTable .button-blue:hover {
	background-color: #cf3087 !important;
}


.mortgageProductTable th.tablesorter-header {
background:#ffffff;
}

.mortgageProductTable th { padding:0.5em  0.5% 1.5em 0.5%; } /* 10 / 963 */
.mortgageProductTable td { padding:0.5em  1.0384215991692627206645898234683%; } /* 10 / 963 */
/*.mortgageProductTable th:first-child { width: 14.802699896157840083073727933541%; }*/
.mortgageProductTable th { vertical-align:top; font-size:0.82em; line-height:1.2em; font-weight:bold; /* 196 (3c + 3g + 10pl) / 733 */ }

.col .mortgageProductTable .best-buy	 		{ width:9.090909090909091%; }
.col .mortgageProductTable .svr 				{ width:9.590909090909091%; }
.col .mortgageProductTable .apr 				{ width:11.090909090909091%; }
.col .mortgageProductTable .cta 				{ width:11.090909090909091%; background:#e8e8e8; }

}

@media only screen and (min-width: 56.25em) {
.col .mortgageSearchForm,
.col .searchResultsTextContainer {
width: 97.71547248182762%;/* 941 (12c + 11g -2b) / 963 */
padding-left: 1.038421599169263%; /* 10 / 963 */
padding-right: 1.038421599169263%; /* 10 / 963 */
}

.col .mortgageSearchForm .input-row {
padding:0.8em 1.058201058201058% 0.7em 1.058201058201058%; /* 10 / 945 */
}
.col .mortgageSearchForm .input-row:first-child {
width:19.47089947089947%; /* 184 (2c + 2g + 20p) / 945 */
}
.col .mortgageSearchForm .input-row:nth-child(3n+2) {
width:23.80952380952381%; /* 215 (2c + 3g + 10p) / 945 */
}
.col .mortgageSearchForm .input-row:nth-child(3n+3) {
width:23.80952380952381%; /* 215 (2c + 3g + 10p) / 945 */
}
.col .mortgageSearchForm .input-row:nth-child(3n+4) {
width:15.13227513227513%; /* 102 (2c + 1g + 20p) / 945 */
}
.col .mortgageSearchForm .input-row:nth-child(3n+5) {
width:8.783068783068783%; /* 82 (1c + 1g) / 945 */
}

/* .col .mortgageSearchForm .input-row label, */
.col .mortgageSearchForm .input-row:nth-child(3n+2) label,
.col .mortgageSearchForm .input-row:nth-child(3n+3) label {
/* margin-top:0.6em; */
margin-top: 0.9em;
/* text-align:left; */
}
.col .mortgageSearchForm .input-row:nth-child(3n+3) label div {

/* margin-top:-0.5em; */
line-height:1.2em;
}
.col .mortgageSearchForm .input-row:nth-child(3n+2) label
{
width: 4em;
}
.col .mortgageSearchForm .input-row:nth-child(3n+2) label,
.col .mortgageSearchForm .input-row:nth-child(3n+3) label {
line-height: 1.2em;
}
.col .mortgageSearchForm .input-row:nth-child(3n+4) label {
width:3.369230769230769em; /* 42.5 / 15.5 */
}
.col .searchResultsText {
width:71.79215270413574%; /* 677 (8c + 8g + 21p) / 943  */
padding-right:0;
}
.col .searchResultAlternative {
width:26.08695652173913%;  /* 246 (3c + 3g) / 943  */
}

.col .mortgageProducts {
width:100%;
}
.mortgageProductTable {
width:99.89615784008307% !important; /* 962 / 963 */
}
.mortgageProductTable .tablesorter-header-inner {
min-height:11em;
height:auto !important;
height:11em;
}

.mortgageProductTable th.tablesorter-header .sortBtn:after {
padding:0.2em 0;
}

.mortgageProductTable th { padding:0.5em  1.0384215991692627206645898234683% 1.5em 1.0384215991692627206645898234683%; } /* 10 / 963 */
.mortgageProductTable td { padding:0.5em  1.0384215991692627206645898234683%; } /* 10 / 963 */

.col .mortgageProductTable .best-buy	 		{ width:9.090909090909091%; }
.col .mortgageProductTable .initial-period 		{ width:9.090909090909091%; }
.col .mortgageProductTable .type 				{ width:9.090909090909091%; }
.col .mortgageProductTable .rate 				{ width:9.090909090909091%; }
.col .mortgageProductTable .end-date 			{ width:9.090909090909091%; }
.col .mortgageProductTable .svr 				{ width:9.090909090909091%; }
.col .mortgageProductTable .apr 				{ width:10.090909090909091%; }
.col .mortgageProductTable .max-ltv 			{ width:8.590909090909091%;	}
.col .mortgageProductTable .product-fee 		{ width:8.090909090909091%;	}
.col .mortgageProductTable .monthly-repayment 	{ width:8.590909090909091%; }
.col .mortgageProductTable .cta 				{ width:10.090909090909091%; background:#e8e8e8; }

}

/*****************************************************************
 REMORTGAGING SEARCH FORM
******************************************************************/

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

.remortgageSearchForm input[type=text] {
    padding: 1.355em 0.6em;
}

.remortgageSearchForm label{
	margin-bottom:1.5em!important;
}

.remortgageForm {
	margin:0px!important;
	padding-bottom: 8px;
    padding-left: 8px
}

.remortgage-label {
	font-weight:normal!important;
	text-align:left!important;
	width:100%!important;
	line-height:1.4em!important;
	margin-bottom:1.5em!important;
	float:none!important;
}

@media only screen and (min-width: 56.25em) {
.col .remortgageSearchForm .input-row {
padding:0.8em 1.058201058201058% 0.7em 1.058201058201058%; /* 10 / 945 */
}
.col .remortgageSearchForm .input-row:first-child {
width:18.47089947089947%; /* 184 (2c + 2g + 20p) / 945 */
}
.col .remortgageSearchForm .input-row:nth-child(3n+2) {
width:18.80952380952381%; /* 215 (2c + 3g + 10p) / 945 */
}
.col .remortgageSearchForm .input-row:nth-child(3n+3) {
width:18.80952380952381%; /* 215 (2c + 3g + 10p) / 945 */
}
.col .remortgageSearchForm .input-row:nth-child(3n+4) {
width:15.13227513227513%; /* 102 (2c + 1g + 20p) / 945 */
}
.col .remortgageSearchForm .input-row:nth-child(3n+5) {
width:8.783068783068783%; /* 82 (1c + 1g) / 945 */
}
}

/*@media only screen and (min-width: 56.25em) {
	.col-1 {
		padding-top:20px!important;
		border:0!important;
	}
	.col-2 {
		border:0!important;	
	}
	.remortgageSearchForm  .input-row span {
		margin-top: 10px;height: 54px;
	}
}*/

.remortgage-btn {
	background: none repeat scroll 0 0 #7d2a90 !important;
    border: medium none !important;
    color: #fff !important;
    height: 4.1em !important;
    position:absolute!important;
    bottom:19px;
    width:95%;
}

.remortgage-btn:hover{
	background: none repeat scroll 0 0 #cf3087 !important;
}

.remortgage-sub{
	margin:0!important;
	clear: both;
    display: block;
    height: 0;
    padding: 15px 0px 0px 13px;
}
/*
@media only screen and (min-width: 31.3125em) {
	.col-2 {
		clear: both!important;
	}
	.col .remortgageSearchForm .input-row:nth-child(3n+4) {
		width:22.13227513227513%; 
	}
}
@media only screen and (min-width: 40.625em) {
	.col-2 {
		float:left; 
		clear: both!important;
		border:none!important;
		padding-left:1px!important;
	}
	.remortgageSearchForm  .input-row span {
		margin-top: 8px;
	}
}
@media only screen and (min-width: 56.25em) {
	.col-2 {
		clear: none!important;
	}
	.col .remortgageSearchForm .input-row:nth-child(3n+4) {
		width:17.13227513227513%;
	}
}
*/

/*****************************************************************
 MORTGAGE REPAYMENT CALCULATOR
******************************************************************/
#mortgageRepaymentCalcForm {
margin-top:-0.5em;
}

.repayment-calculator [data-state='invalid'] {
	border: solid 1px #f00;
}

#calculation {
padding-top:0.5em;
border:1px solid #d8d8d8;
margin-bottom:1.5em;
padding: 1em 0.1em 0.5em 0.4em!important;
background:#e8e8e8;
}
#calculation h2 {
border-color:#d8d8d8;
}
#calculation h4 {
color:#cf3087;
padding-top:0;
}
#repaymentAmount {
font-size:340%;
font-family: Aller-Bold;
font-weight:noraml;
color:#cf3087;
}
#repaymentAmount span {
display:inline;
font-size:40%;
line-height:120%;
color:#292929;
}
#ltvAmount {
margin-top:0.5em;
margin-bottom:1em;
padding-top:0.5em;
border-top:5px solid #d8d8d8;
font-size:200%;
font-weight:bold;
color:#cf3087;
}
#ltvAmount span {
display:inline;
font-size:58%;
line-height:120%;
}
#ltvAmount span a {
color:#292929;
text-decoration:none;
}
#ltvAmount span a:hover {
color:#292929;
text-decoration:underline;
}

@media only screen and (min-width: 40.625em) {
#calculator .dataForm {
margin-bottom:0;
border:0;
}
#calculation {
min-height:36.7em;
height:auto !important;

height:36.7em;
margin-bottom:0;
padding-bottom:0;
}
#repaymentAmount span {
display:block;
clear:both;
}
#ltvAmount span {
clear:both;
display:block;
}
}
@media only screen and (min-width: 56.25em) {
#calculation {
min-height:34.8em;
height:auto !important;
height:34.8em;
}
#ltvAmount span {
clear:none;
display:inline;
}
}
.module.calculation {
	padding:0.4em;
}

/*****************************************************************
 MORTGAGE FINDER MODULE
******************************************************************/
#mortgageFinder {
background:#e8e8e8;
border:1px solid #d8d8d8;
margin-bottom: 1.5em !important;
}

#mortgageFinder h3 {
margin: 0.6em 1.2em 0.8em 1.0em !important;
}

#mortgageFinder p,#mortgageFinder h5, #mortgageFinder span {
margin-left: 1.2em !important;
}

#mortgageFinder form {
border:0;
padding:0; /* 6 / 300 */
position:relative;
}
#mortgageFinder form label {
display:none;
}
#mortgageFinder form input[type="submit"] {
width:21.5%;	/* 60 (1c) / 300 */
margin:0 0 1em 0;
float:right;
}
#mortgageFinder form .button {
clear:left;
}

@media only screen and (min-width: 31.3125em) {
#mortgageFinder form {
max-width:16.69230769230769em; /* 217 (4c + 3g) / 13 */
padding:0;
}
#mortgageFinder form input[type="submit"] {
width:28.571428571428571428571428571429%; /* 62 (1c) / 217 (4c + 3g) */
}
}
@media only screen and (min-width: 56.25em) {
#mortgageFinder form {
max-width:17.57142857142857em; /* 246 (3c + 3g) / 14 */
}
#mortgageFinder form input[type="submit"] {
width:39.024390243902439024390243902439%; /* 80 (1c + 1g) / 205 (3c + 2g) */
max-width: 6.142857142857143em; /* 82 (2c + 2b) / 14 */
}
}


/*****************************************************************
 GLOSSARY MODULE
******************************************************************/
.col .glossary {
text-align:left;
}
.col .glossary .glossary-item {
padding-top:1em;
padding-bottom:1.5em;
border-top:4px solid #e8e8e8;
}
.col .glossary .glossary-item:first-child {
padding-top:0;
border-top:none;
}
.col .glossary .button-grey {
margin-top:3em;
}


/*****************************************************************
 PRODUCT TERMS
******************************************************************/
.col .product-terms,
.col .general-terms {
margin-top:1.5em;
padding-bottom:1.5em;
float:left;
position:relative;
}
.col .product-terms {
border-top:4px solid #008738 !important;
background:#e8e8e8;
}
.col .general-terms {
border-top:4px solid #e8e8e8;
}



/*****************************************************************
 HOW TO APPLY BLOCK
******************************************************************/
#apply,
#quote,
#reinvest,
#register-or-login,
#download {
border-color:#cf3087;
}

.col .how-to-apply-new,
.col .how-to-apply-existing,
.col .how-to-apply-later {
padding:1.4em 0 1.1em;
/*margin-bottom:1em; */
}
.col .how-to-apply-before {
border-bottom:4px solid #e8e8e8;
padding-bottom: 1em;
}
.col .how-to-apply-before h3 {
margin-top:2em;
}
.col .how-to-apply-before h3:first-child {
margin-top:0;
}
/*.col .how-to-apply-new {
border-bottom:4px solid #e8e8e8;
}*/
.col .how-to-apply-existing {
border-bottom:4px solid #e8e8e8;
}

.col .how-to-apply-new h4,
.col .how-to-apply-existing h4,
.col .how-to-apply-later h4 {
margin-bottom:1em;
padding-top:0;
}

.col .apply-method {
background:#F7F7F7;
border:1px solid #cccccc;
-webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 0.2em rgba(0,0,0,0.2);
box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
}

/* .module.apply-method.print { */
/* display: none; */
/* } */

@media only screen and (min-width: 56.25em) {
.col .apply-method {
border:1px solid #cccccc;
}
}

.col .fullw .apply-method {
margin-bottom: 2em;
padding:0.5em 2%;
}
.col .fullw .apply-method:last-child {
margin-bottom:0;
}
.apply-method .icon {
text-align:center;
}
.apply-method .icon img {
max-width:5em;
}

.apply-method .text {
text-align:center;
}
.apply-method .extra-info {
clear:both;
margin-top:1em;
}

.col .apply-method .cta h5 {
text-align:center;	
}

.apply-method .cta .cta-telephone .telephone-number {
text-align:center;
padding:1.2em 0;
background:#fff;
border: 1px solid #ccc;
color: #292929;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
border-radius: 0.2em;
font-weight:noraml;
font-size:1em !important;
}

.col .apply-method .button {
clear:both;
}


@media only screen and (min-width: 31.3125em) {
.col .how-to-apply-new,
.col .how-to-apply-existing,
.col .how-to-apply-later {
float:left;
position:relative;
clear:both;
width: 100%;
}

.col .fullw .apply-method {
width: 96.850393700787401574803149606299%;
padding: 1em 1.6420361247947454844006568144499%; /* 10 / 609 */
float:left;
position:relative;
}
.apply-method .icon {
position:relative;
float:left;
width:8.8285229202037351443123938879457%; /* 62 (1c + 1g) / 589 */
margin-right:1.697792869269949066213921901528%; /* 10 / 589 */
}
.apply-method .icon img {
max-width:4em;
}
.apply-method .text {
position:relative;
float:left;
width:63.157894736842105263157894736842%; /* 362 (6c + 6g - 10pr) / 589 */
padding: 0;
min-height:4.5em;
height:auto !important;
height:4.5em;
text-align:left;
margin:0;
}

.apply-method .cta {
position:relative;
float:right;
width:26.315789473684210526315789473684%; /* 159 (3c + 2g) / 589 */
margin:0 0 1.2em 0;
}


.col .apply-method .button {
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
border-radius: 0.2em;
margin-bottom:1em;
}

.apply-method .extra-info {
position:relative;
margin:0 0 0 10.14729950900164%; /* 62 (1c + 1g) / 611 */
padding-top:1em;
border-top:1px solid #cccccc;
}
}


@media only screen and (min-width: 56.25em) {
.col .fullw .apply-method {
width: 96.53543307086614%; /* 613 (-20p -2b) / 635 */
padding: 1em 1.5748031496062992125984251968504%; /* 10 / 635 */
}
.apply-method .icon {
position:relative;
float:left;
width:10.08130081300813008130081300813%; /* 62 (1c + 1g - 10 - 10mr) / 615 */
margin-right:1.6260162601626016260162601626016%; /* 10 / 615 */
}
.apply-method .icon img {
max-width:4.5em;
}
.apply-method .text {
position:relative;
float:left;
width:56.747967479674796747967479674797%; /* 359 (5c + 4g - 10pr) / 615 */
padding: 0 1.5748031496062992125984251968504%; /* 10 / 635 */
min-height:4.5em;
height:auto !important;
height:4.5em;
text-align:left;
}


.apply-method .form,
.apply-method .cta {
position:relative;
float:right;
width:26.666666666666666666666666666667%; /* 164 (2c + 2g) / 615 */
/* BEARINGPOINT - 13/02/2014 */ 
margin:0 0 1.2em 0; 
}

.apply-method .extra-info {
margin: 0 0 0 11.70731707317073%;
padding: 1em 1.5748031496062992125984251968504% 0 1.5748031496062992125984251968504%;
width: 85.04065040650405%;
}
}

/* APPLY SAVE FOR LATER FORM */
@media only screen and (min-width: 31.3125em) {
.col .apply-method.branch .text {
width:40.407470288624787775891341256367%; /* 300 (5c + 5g - 10pr) / 589 */
}
.col .apply-method.branch .form {
position: relative;
float: right;
width:47.368421052631578947368421052632%; /* 217 (4c + 3g) / 589 */
}

.how-to-apply-later .save .text {
width:40.407470288624787775891341256367%; /* 300 (5c + 5g - 10pr) / 589 */
}
.how-to-apply-later .save .cta {
width:47.368421052631578947368421052632%; /* 217 (4c + 3g) / 589 */
}
}
@media only screen and (min-width: 56.25em) {
.col .apply-method.branch .text {
width:38.55799373040752%; /* 300 (3c + 3g - 10pr) / 616 */
}
.col .apply-method.branch .form {
width:39.93506493506494%; /* 246 (3c + 3g) / 616 */
}

	
.how-to-apply-later .save .text {
width:36.58536585365854%; /* 225 (3c + 3g - 21pr + 10p) / 615 */
}
.how-to-apply-later .save .cta {
width:46.666666666666666666666666666667%; /* 217 (4c + 3g) / 615 */
}
}

/*****************************************************************
 HOW TO APPLY BLOCK - NEW pre-AIP content 28-7-15
******************************************************************/

.product-details-pre-aip-get-a-lending-decision, .product-details-pre-aip-already-got-a-decision, .product-details-pre-aip-save-for-later, .product-details-pre-aip-talk-to-a-mortgage-adviser, .product-details-pre-aip-apply-in-branch, .product-details-pre-aip-apply-by-phone {
    border: 0px solid #efefef;
    border-radius: 0.2em;
    margin: 0 auto;
    padding: 20px 38px 36px 108px;
    clear:both;
}


.product-details-savings-apply-appointment, .product-details-savings-apply-book-review, .product-details-savings-apply-phone, .product-details-savings-apply-online, .product-details-savings-apply-post {
    border: 1px solid #efefef;
    border-radius: 0.2em;
    margin: 0 auto;
    padding: 20px 24px 36px 100px;
    clear:both;
}



.product-details-savings-apply-appointment{
    background: #f8f8f8 url('../images/savings/img-savings-apply-appointment-icon.png') left top no-repeat;
    background-position:18px 19px;
}

.product-details-savings-apply-book-review{
    background: #f8f8f8 url('../images/savings/img-savings-apply-book-review-icon.png') left top no-repeat;
    background-position:18px 19px;
}

.product-details-savings-apply-phone{
    background: #f8f8f8 url('../images/savings/img-savings-apply-phone-icon.png') left top no-repeat;
    background-position:18px 19px;
}

.product-details-savings-apply-online{
    background: #f8f8f8 url('../images/savings/img-savings-apply-online-icon.png') left top no-repeat;
    background-position:18px 19px;
}

.product-details-savings-apply-post{
    background: #f8f8f8 url('../images/savings/img-savings-apply-post-icon.png') left top no-repeat;
    background-position:18px 19px;
}


.product-details-pre-aip-get-a-lending-decision{
    background: #f8f8f8 url('../images/mortgages/img-aip-apply-get-a-lending-decision.png') left top no-repeat;
    background-position:18px 19px;
}

.product-details-pre-aip-already-got-a-decision{
    background: #f8f8f8 url('../images/mortgages/img-aip-already-got-a-lending-decision.png') left top no-repeat;
    background-position:18px 19px;
}

.product-details-pre-aip-save-for-later{
    background: #f8f8f8 url('../images/mortgages/img-aip-save-for-later.png') left top no-repeat;
    background-position:18px 19px;
}

.product-details-pre-aip-talk-to-a-mortgage-adviser{
    background: #f8f8f8 url('../images/mortgages/img-aip-in-branch.png') left top no-repeat;
    background-position:18px 19px;
}

.product-details-pre-aip-apply-in-branch{
    background: #f8f8f8 url('../images/mortgages/img-aip-apply-in-branch.png') left top no-repeat;
    background-position:18px 19px;
    min-height: 20.7em;
}

.product-details-pre-aip-apply-by-phone{
    background: #f8f8f8 url('../images/mortgages/img-aip-apply-by-phone.png') left top no-repeat;
    background-position:18px 19px;
}

.mod-reinvest {
background: #f8f8f8 url('../images/savings/img-savings-apply-reinvest.png') left top no-repeat;
    background-position: 18px 19px;
}

.mod-leaveaccount {
background: #f8f8f8 url('../images/savings/img-savings-apply-leave-account.png') left top no-repeat;
    background-position: 18px 19px;
}



@media only screen and (max-width: 21.875em) {
.product-details-pre-aip-get-a-lending-decision, .product-details-pre-aip-already-got-a-decision{
    background-image:none;
    padding: 23px 24px 36px 23px;
}
}

.product-details-pre-aip-save-for-later, .product-details-pre-aip-talk-to-a-mortgage-adviser, .product-details-savings-apply-book-review {
    min-height:16.3em;
    padding: 26px 38px 36px 108px;
}

.product-details-pre-aip-save-for-later .form-button-submit, .product-details-pre-aip-talk-to-a-mortgage-adviser .form-button-submit, .product-details-pre-aip-apply-in-branch .form-button-submit{
    max-width:6.14286em;
}

.product-details-pre-aip-save-for-later .validation{
	color: #d20827;
	padding-bottom: 1em;
}

.product-details-pre-aip-get-a-lending-decision .icon-time::before, .product-details-pre-aip-already-got-a-decision .icon-time::before{
	color:#cf3087;
}

.product-details-pre-aip-already-got-a-decision p a{
    color:#cf3087!important;
}

.product-details-pre-aip-apply-by-phone .telephone-number, .product-details-pre-aip-already-got-a-decision .telephone-number{
    color:#cf3087;
}

.product-details-pre-aip-apply-by-phone ul.bullet-icon-time li::before{
	color:#cf3087;
}

.product-details-pre-aip-apply-by-phone-h3{
    font-size: 1.25385em;
    line-height: 1em!important;
    margin: 1em 0 0.2em;
}

.product-details-pre-aip-get-a-lending-decision-h3{
    font-size:1.625em;
    line-height: 1.26667em;
    margin-bottom:0.8em;
    font-family:"Aller-Bold";
}

.pre-aip-icon{
    float:left;
}

.pre-aip-text{
    float:left;
    margin-left:86px;
}


/******************************************************************
PRE-FMA STYLESHEET FOR NEW PRODUCT PAGE PRE-AIP APPLICATION 200217
******************************************************************/
/* ------ Intro ------*/

.prefma-header-container-a, .prefma-header-container-b, .prefma-header-container-c {
    text-align:center;
}

.prefma-header-container-b {
    background-color: #fff;
    display: inline-block;
    margin-top: 0.2em;
    padding-top: 2.2em;
    padding-bottom: 0.6em;
    border-top-right-radius: 0.2em;
    border-top-left-radius: 0.2em;
    width: 100%;
    clear:both;
    float:left;
}

.prefma-header-container-c {
    background-color: #f8f8f8;
    display: inline-block;
    margin-top: 2.8em;
    padding-top: 2.2em;
    padding-bottom: 0.6em;
    border-top-right-radius: 0.2em;
    border-top-left-radius: 0.2em;
    width: 100%;
    clear:both;
}

.prefma-header {
    font-family: Aller-Light,"Trebuchet MS";
    width: 100%!important;
    border:none!important;
    font-size: 2.275em;
    line-height: 1.75em;
    padding:0px!important;
    margin:0 auto!important;
    clear:both;
    float:left;
}

.prefma-subheader {
    font-family: Aller-Light,"Trebuchet MS";
    padding:0.85em 0.85em 0.85em 0.85em;
}

@media only screen and (min-width: 56.25em) {
.prefma-subheader {
    padding:0.65em 4.85em 0.85em 3.85em;
}
}

.prefma-header-container-a .cta a{
    margin:0 auto!important;
    margin-top:18px!important;
}

.prefma-footer{
	clear:both;
    width: 97%;
    font-family: "Aller","Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 1em;
    line-height: 1.53846em;
    margin:0 auto!important;
	background-color: #fff;
    border: 1px solid #cf3087;
	border-radius: 0.2em;
	padding-top: 14px;
	text-align:center;
}

.prefma-footer h3{
    font-family: Aller-Light,"Trebuchet MS";
    font-size: 2.275em;
    line-height: 1.75em;
    margin: 0 auto !important;
    padding: 1.00em 1.00em 0 1.00em  !important;
	clear:both;
}

.prefma-footer h4{
	margin:0 auto;
    font-size: 1.6em;
	margin-top:0.65em;
	/*background: rgba(0, 0, 0, 0) url("../images/mortgages/img-pre-fma-alert.png") no-repeat scroll left center; */
    padding-left: 26px;
	display:inline;
}

.prefma-footer p{
    width: 75%;
	margin:0 auto;
	padding: 0.2em 1.5em 1.5em;
}

@media only screen and (max-width: 40.625em) {
.prefma-feature-block {
    min-height: 310px;
}
}

@media only screen and (min-width: 768px) {
.prefma-feature-block {
    height: 452px;
}
}

@media only screen and (min-width: 64.063em) {
.prefma-feature-block {
    height: 27.75em;
}
}

.prefma-feature-block {
    text-align:center;
    background-color:#f8f8f8;
    border-radius: 0.2em;
    border: 1px solid #efefef;
    padding: 1.4em;
    margin:6px 12px 18px 12px;
    padding: 2.15em 1.7em 1.7em;
}

.prefma-feature-block h4 {
    font-size: 1.6em;
    margin-top: 0.6em;
}

/******************************************************************
Optimizely styles added FOR NEW PRODUCT PAGE PRE-AIP APPLICATION 200217
******************************************************************/


/******************************************************************
PRE-AIP STYLESHEET FOR NEW PRODUCT PAGE PRE-AIP APPLICATION 200217
******************************************************************/


/* ------ What is an AiP? ------*/

.preaip-header-container-a, .preaip-header-container-b, .preaip-header-container-c {
    text-align:center;
}

.preaip-header-container-b {
    background-color: #f8f8f8;
    display: inline-block;
    margin-top: 4.2em;
    padding-top: 2.2em;
    padding-bottom: 0.6em;
    border-top-right-radius: 0.2em;
    border-top-left-radius: 0.2em;
    width: 100%;
    clear:both;
    float:left;
}

.preaip-header-container-c {
    background-color: #f8f8f8;
    display: inline-block;
    margin-top: 2.8em;
    padding-top: 2.2em;
    padding-bottom: 0.6em;
    border-top-right-radius: 0.2em;
    border-top-left-radius: 0.2em;
    width: 100%;
    clear:both;
}

.preaip-header {
    font-family: Aller-Light,"Trebuchet MS";
    width: 98.068%;
    border:none!important;
    font-size: 2.275em;
    line-height: 1.381em;
    padding:0px!important;
    margin:0 auto!important;
    clear:both;
    float:left;

}

.preaip-subheader {
    font-family: Aller-Light,"Trebuchet MS";
    padding:0.85em 0.85em 0.85em 0.85em;
}

@media only screen and (min-width: 56.25em) {
.preaip-subheader {
    padding:0.65em 3.85em 0.85em 3.85em;
}
}

.preaip-header-container-a .cta a{
    margin:0 auto!important;
    margin-top:18px!important;
}

.preaip-footer{
    width: 65.068%;
    font-family: "Aller","Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 1em;
    line-height: 1.53846em;
    margin:0 auto!important;
}

@media only screen and (min-width: 56.25em) {
.preaip-whatisanaip-block {
    height: 21.75em;
}
}

.preaip-whatisanaip-block {
    text-align:center;
    background-color:#f8f8f8;
    border-radius: 0.2em;
    border: 1px solid #efefef;
    padding: 1.4em;
    margin:6px 12px 18px 12px;
    padding: 2.15em 1.5em 1.5em;
}

.preaip-whatisanaip-block h4 {
    font-size: 1.6em;
    margin-top: 0.6em;
}

/* ------ What do I need to begin? ------*/

@media only screen and (min-width: 56.25em) {
.preaip-whatdoineed-left-col, .preaip-whatdoineed-right-col {
	height:55em;
	background-color:#f8f8f8;
	margin:0 auto;
}
}

.preaip-whatdoineed-income-expenses, .preaip-whatdoineed-income-outgoings, .preaip-whatdoineed-things-to-consider, .preaip-whatdoineed-calculators {
    background-color:#f8f8f8;
    padding: 0.4em 2.4em 1.0em 2.4em;
    margin:0px;
}

.preaip-whatdoineed-income-expenses h4 {
	background: url('../images/mortgages/img-get-a-lending-decision-your-income.png') no-repeat left;
	padding-left:26px;
}

.preaip-whatdoineed-income-outgoings h4 {
	background: url('../images/mortgages/img-get-a-lending-decision-your-outgoings.png') no-repeat left;
	padding-left:26px;
}

.preaip-whatdoineed-income-outgoings p, .preaip-whatdoineed-income-expenses p {
	padding-left:2.2em;
}

.preaip-whatdoineed-income-expenses h4,  .preaip-whatdoineed-income-outgoings h4, .preaip-whatdoineed-things-to-consider h4, .preaip-whatdoineed-calculators h4 {
    font-size: 1.6em;
}

.preaip-whatdoineed-things-to-consider ul.bullet-custom li::before {
    margin-right: 0.4em;
}

.preaip-whatdoineed-calculators-boxout {
    background: none;
    border-radius: 0.2em;
    padding: 1.4em 1.4em 2em 2em;
    margin:6px 0px 18px 0px;
    border:1px solid #efefef;
    background-color: #ffffff;
}
.preaip-whatdoineed-calculators-boxout p{
    width:100%
}

@media only screen and (min-width: 56.25em) {
.preaip-whatdoineed-calculators-boxout {
    background: #ffffff url('../images/mortgages/img-bg-get-a-lending-decision-calculators.png') no-repeat right;
    border-radius: 0.2em;
    padding: 1.4em 1.4em 2em 2em;
    margin:6px 0px 18px 0px;
    border:1px solid #efefef;
}
.preaip-whatdoineed-calculators-boxout p{
    width:65%
}
}

.preaip-whatdoineed-calculators-boxout .button-colour-c{
    max-width: 14.5em;
}

.preaip-whatdoineed-footer {
	text-align:center;
	background-color: #f8f8f8;
	border-bottom-left-radius: 0.2em;
    border-bottom-right-radius: 0.2em;
    clear:both;
    margin:0px!important;
    z-index:999;
}

.preaip-whatdoineed-footer p {
	margin:0 auto;
    padding: 0.6em 0em 1em 0em!important;
}

@media only screen and (min-width: 56.25em) {
.preaip-whatdoineed-footer p {
	margin:0 auto;
    width:45%;
    padding: 0.6em 0em 1em 0em!important;
}
}

.preaip-whatdoineed-footer .cta a{
    margin:0 auto!important;
    margin-bottom:2.2em!important;
    max-width: 22.4286em;
}

/* ------ What happens after? ------*/

.preaip-what-happens-after-left-col, .preaip-what-happens-after-right-col {
	background-color:#f8f8f8;
}

@media only screen and (min-width: 56.25em) {
.preaip-what-happens-after-left-col, .preaip-what-happens-after-right-col {
	height:460px;
	margin:0 auto;
}
}

.preaip-what-happens-after-apply {
	text-align:center;
    padding: 0em 3em 2.4em 3em!important;
   	background-color:#f8f8f8;
}

.preaip-what-happens-after-visit, .preaip-what-happens-after-callus {
	text-align:center;
    padding: 1.6em 3em 1.2em 3em!important;
   	background-color:#f8f8f8;
}

.preaip-what-happens-after-visit a.button, span.button {
	margin:0 auto;
}

.preaip-what-happens-after-apply-boxout {
    background: none;
    border-radius: 0.2em;
    padding: 1.4em 1.4em 1.4em 2em;
    margin:6px 0px 34px 0px;
    border:1px solid #efefef;
    background-color: #ffffff;
}
.preaip-what-happens-after-apply-boxout p{
    margin: 0 auto;
    padding: 0.6em 0.6em 1.4em 0.6em;
    width: 85%;
}

.preaip-what-happens-after-apply-boxout .cta a{
    margin:0 auto!important;
    margin-bottom:2.2em!important;
    max-width: 22.4286em;
}

@media only screen and (min-width: 56.25em) {
.preaip-what-happens-after-apply-boxout {
    background-color: #ffffff;
    border-radius: 0.2em;
    padding: 1.4em 1.4em 1.2em 2em;
    margin:0px 0px 33px 0px;
    border:1px solid #efefef;
}
}

@media only screen and (min-width: 56.25em) {
.preaip-what-happens-after-visit, .preaip-what-happens-after-callus{
	text-align:left;
}
.preaip-what-happens-after-visit img, .preaip-what-happens-after-callus img {
	float:left;
}
.preaip-what-happens-after-visit img, .preaip-what-happens-after-callus img {
	margin:0em 0.8em 3em 0em;
	padding-top: 0.6em;
}
}

.preaip-what-happens-after-apply h4, .preaip-what-happens-after-visit h4, .preaip-what-happens-after-callus h4 {
	font-size: 1.6em;
}

.preaip-extra-sub {
	font-family: Aller-Light,"Trebuchet MS";
	font-size: 1.25385em;
	font-weight:bold;
	text-align:center;
	color:#666;
	background-color:#f8f8f8;
	margin-bottom:1em;
}

/* ------ Ok, I'm ready! ------*/

.preaip-ok-im-ready {
	text-align:center;
    display: inline-block;
    margin-top: 3.8em!important;
    padding: 2em 0 1.0em 0!important;
    border-radius: 0.2em;
    background-color: #f8f8f8;
    width:100%!important;
}

.preaip-ok-im-ready .cta {
    margin:0 auto!important;
    margin-bottom:1.2em!important;
}

@media only screen and (min-width: 56.25em) {
.preaip-ok-im-ready {
    background: #f8f8f8 url('../images/mortgages/footer-get-a-lending-decision.jpg') no-repeat right;
    width:100%!important;
}

.preaip-ok-im-ready .preaip-subheader {
	width:42%;
	margin:0 auto;	
}
}

@media only screen and (max-width: 40.625em) {
.preaip-ok-im-ready .cta a {
    width: 85%;
}
}

.preaip-ok-im-ready .cta a{
    margin:0 auto!important;
}

/* ------ END ------*/





/*****************************************************************
INSURANCE MRP PRODUCTS - NEW L&G content 30-10-16
******************************************************************/



.insurance-details-family-cover-get-a-quote, .insurance-details-family-cover-retrieve-a-quote{
    border: 1px solid #efefef;
    border-radius: 0.2em;
    margin: 0 auto;
    padding: 20px 38px 36px 108px;
    clear:both;
}

.insurance-details-family-cover-get-a-quote{
    background: #f8f8f8 url('../images/savings/img-savings-apply-online-icon.png') left top no-repeat;
    background-position:18px 19px;
}

.insurance-details-family-cover-retrieve-a-quote{
    background: #f8f8f8 url('../images/mortgages/img-aip-already-got-a-lending-decision.png') left top no-repeat;
    background-position:18px 19px;
}


/*****************************************************************
 FREE TEXT MODULE
******************************************************************/
.col .free-text {
margin-bottom:1.5em;	
}
@media only screen and (min-width: 40.625em) {
.tw-12 .free-text,
.tw-12 .highlight {
width:79.166666666666666666666666666667%; /* 589 (10c + 9g) / 744 */
padding:1em 1.5748031496062992125984251968504%; /* 10 / 635 */
}
.tw-12 .grid-in-grid .highlight, .tw-12 .tw-4 .highlight, .tw-12 .tw-5 .highlight, .tw-12 .tw-6 .highlight, .tw-12 .tw-7 .highlight,
.tw-12 .tw-4 .free-text, .tw-12 .tw-5 .free-text, .tw-12 .tw-6 .free-text, .tw-12 .tw-7 .free-text{
width:99% !important;
padding:1em 1.5748031496062992125984251968504% !important; /* 10 / 635 */
margin-bottom:0em;
}



}

@media only screen and (min-width: 56.25em) {
.dw-8 .highlight {
width:96.850393700787401574803149606299% !important; /* 615 (8c + 7g) / 635 */
padding:1em 1.5748031496062992125984251968504% 0 1.5748031496062992125984251968504%; /* 10 / 635 */
}
.dw-8 .free-text {
width:96.850393700787401574803149606299% !important; /* 615 (8c + 7g) / 635 */
padding:0 1.5748031496062992125984251968504% 0 1.5748031496062992125984251968504%; /* 10 / 635 */
}
}


/*****************************************************************
 TABLE MODULE
******************************************************************/
@media only screen and (min-width: 40.625em) {
.tw-12 .table {
width:82.31627296587926509186351706036%; /* 589 (10c + 9g) / 744 */
padding:1em 0; /* 10 / 635 */
}
}

@media only screen and (min-width: 56.25em) {
.col .table {
width:100%; /* 615 (8c + 7g) / 635 */
}	
}


/*****************************************************************
 GALLERY MODULE
******************************************************************/
.col .gallery {
width:93.75%; /* 300 / 320 */
padding:0;
padding-top:0 !important;
margin-bottom:1.5em;
}
.col .gallery ul {
margin:0;
padding:0;
list-style-type:none;
list-style:none;
}
.col .gallery ul li {
margin:0 0 2em 0;
padding:0;
float:left;
width:25%;
overflow:hidden;
text-align:center;
}
.col .gallery img {
height:7em;
max-width:none;
}
.col .gallery img:hover {
opacity:0.8;
}

@media only screen and (min-width: 31.3125em) {
/* ADDED BY BEARINGPOINT */
/* 28-01-2014 to fix the width of the images in the list*/
.col.tw-4 .gallery img {
height:5em;
max-width:none;
width:100%
}
.col .gallery {
width:100%; /* 744 / 744 */
min-height: 7em;
}
.col .gallery ul li {
margin:0;
}
.col .gallery img {
height:7em;
max-width:none;

}
}
@media only screen and (min-width: 40.625em) {
/* ADDED BY BEARINGPOINT */
/* 28-01-2014 to fix the width of the images in the list*/
.col.tw-4 .gallery img {
height:5em;
max-width:none;
width:100%
}
.tw-12 .gallery {
width:98.52150537634409%; /* 744 / 744 */
}
.tw-12 .gallery img {
height:10em;
max-width:none;
}
}
@media only screen and (min-width: 56.25em) {
/* ADDED BY BEARINGPOINT */
/* 28-01-2014 to fix the width of the images in the list*/
.col.tw-4 .gallery img {
height:5em;
max-width:none;
width:100%
}
.col .gallery {
width:100%;
min-height: 1em;
}
.col .gallery img {
height:5em;
max-width:none;

}
}


/*****************************************************************
 RELATED PRODUCTS MODULE
******************************************************************/
.col .related-products {
border-top:1px solid #ccc;
padding-top:1em;
padding-bottom:1em;
}


/*****************************************************************
 PARTNERS MODULE
******************************************************************/
.col .partners ul {
margin:0;
padding:0;
list-style-type:none;
list-style:none;
}
.col .partners ul li {
padding:0;
float:left;
width:21.959459459459459459459459459459%; /* 65 (1c) / 296 */
margin-left:9.0909090909090909090909090909091%; /* 31 / 341 */
}
.col .partners ul li:first-child {
margin-left:0;
}
.col .partners img {
display:block;
width:100%;
}
@media only screen and (min-width: 31.3125em) {
.col .partners ul li {
width:13.043478260869565217391304347826%; /* 93 (2c + 1g) / 713 */
margin-left:4.3478260869565217391304347826087%; /* 31 / 713 */
}
}
@media only screen and (min-width: 40.625em) {
.col .partners ul li {
width:27.272727272727272727272727272727%; /* 93 (2c + 1g) / 341 */
margin-left:9.0909090909090909090909090909091%; /* 31 / 341 */
}
}
@media only screen and (min-width: 56.25em) {
.col .partners ul li {
width:27.272727272727272727272727272727%; /* 93 (2c + 1g) / 341 */
}
}


/*****************************************************************
 VIDEO MODULE

******************************************************************/
.col .video {
text-align: center;
margin-bottom:2em;
padding-left:0;
padding-right:0;
margin-left:0;
margin-right:0;
position:relative;
}

.col .video a.youtube {
margin-top:0;
}

.col .video .vid-wrapper {
width:100%;
position:relative;
padding-bottom:56.25%;
height:0;
}

.col .video .vid-wrapper iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.col .headline .video img {
display:block;
}

@media only screen and (min-width: 31.3125em) {
.col .video {
margin-left:0;
margin-right:0;
}

.col .headline .video {
float:left;
position:relative;
width: 100%; /* 217 / 733 */
padding-top:0;
border-top:0;
margin-bottom:1.5em;
}
}
@media only screen and (min-width: 40.625em) {
.col .video {
position:relative;
float:left;
}
.col .headline .video {
width:40.791268758526603001364256480218%; /* 299 (5c + 4g + 20p) / 733 */
float:right;
}
}
@media only screen and (min-width: 56.25em) {
.col .headline .video {
width: 38.317757009345794392523364485981%; /* 369 (5c + 4g) / 963 */
padding-left:1.0384215991692627206645898234683%; /* 10 / 963 */
padding-right:1.0384215991692627206645898234683%; /* 10 / 963 */
}
}

/*****************************************************************
 FLOWPLAYER
******************************************************************/
.col .video.flowPlayer {
margin-bottom:2em;	
padding-top:1em;
border-top:4px solid #e8e8e8;
}
.col:first-child .video.flowPlayer:first-child {
padding-top:0;	
border-top:0;
}
.col .video h2 {
width:100%;
}
.col .flowPlayer .player {
-webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 0.2em rgba(0,0,0,0.3);
box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.3);
}
.col .flowPlayer .player a:hover {
background:none;
}
.col .flowPlayer .loadInProgress {
position: absolute;
float:none;
width: 5em;
height: 5em;
left: 50%;
top: 50%; 
margin-left: -2.5em !important;
margin-top: -0.5em !important;
}


/*****************************************************************
 FLASH MODULE
******************************************************************/
.col .flash{
margin-bottom: 2em;
}


/*****************************************************************
 VCARD CONTACT
******************************************************************/
.col .vcard {
    background-color: #f8f8f8;
    border: 1px solid #efefef;
    border-radius: 0.2em;
margin-bottom:2.5em;
padding-top: 0.5em;
padding-bottom: 1.5em;
text-align:center;
min-height:7.6em;
height:auto !important;
height:7.6em;
}
.col .vcard h3 {
margin:0;
padding:0;
}
.col .vcard .thumb {
margin-bottom:1em;
background:#e8e8e8;
border-bottom:1px solid #cccccc;
}
.col .vcard .thumb img {
max-width:8em;
}


.col .vcard .description span {
clear:both;
display:block;
color:#292929;
line-height:1.5384615384615384615384615384615em;
}
.col .vcard .description .bio,
.col .vcard .description .text {
margin-bottom:1em;
}

.col .vcard .description h4 {
padding-top:0.2em;
font-family:"Aller", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.col .vcard .description .telephone-number {
font-size:1em;	
color:#7d2a90;
margin-bottom:0;
}

@media only screen and (min-width: 31.3125em) {
.col .vcard {
float:left;
position:relative;
width: 96.850393700787401574803149606299%;
padding: 1em 1.6420361247947454844006568144499%;
}
.col .vcard .thumb {
float:left;
position:relative;
width:27.76119402985075%; /* 205 (2c + 1g) / 335 */
padding:0;
margin-bottom:0;
margin-right: 4.507042253521127%; /* 16 / 335 */
background:none;
border-bottom:none;
}
.col .vcard .thumb img {
max-width:100%;
}
.col .vcard .description {
float:left;
position:relative;
padding: 0 0 0.5em 0;
width:61.12676056338028%; /* 217 (4c + 3g) / 355 */
padding-left: 3.943661971830986%; /* 14 / 355 */
text-align:left;
border-left:1px solid #cccccc;
}
.col .vcard .description span:last-child {
margin-bottom:0;
}
}

@media only screen and (min-width: 40.625em) {
.col .vcard {
width: 94.36619718309859%; /* 335 / 355 */
padding: 1em 2.816901408450704%; /* 10 / 355 */
}
}

@media only screen and (min-width: 56.25em) {
.col .vcard {


width: 95.75371549893843%; /* 451 / 471 */
padding: 1em 2.123142250530786%; /* 10 / 471 */
}
.col .vcard .thumb {
width:27.27272727272727%; /* 205 (3c + 2g) / 451 */
margin-right: 4.656319290465632%; /* 21 / 451 */
}
.col .vcard .description {
width:63.63636363636364%; /* 287 (4c + 3g) / 451 */
padding-left: 4.212860310421286%; /* 19 / 451 */
}
}


/*****************************************************************
 FEEDBACK MODULE
******************************************************************/

.col .feedback {
position:relative;
background:#ffffff;
-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 1em rgba(0,0,0,0.4);
box-shadow: 0 0 1em rgba(0, 0, 0, 0.4);
border:1px solid #9d9d9d;
text-align:center;
padding-top:0;
}

.col .feedback .icon {
padding:0;
text-align:center;
}


.col .feedback .text {
padding:0.5em 2% 1em 2%; /* 6 / 300 */
text-align:center;
border-top:1px solid #e8e8e8;
}

.col .feedback .text .testimonial {
font-style:italic;
padding-bottom:0.5em;
line-height:1.346153846153846em; /* 35 / 26 */
}
.col .feedback .text .contributor-name,
.col .feedback .text .contributor-location {
font-family: Aller-Bold;
font-weight:noraml;	
}

@media only screen and (min-width: 40.625em) {
.col .feedback {
float:left;
min-height:12em;
height:auto !important;
height:12em;
margin-bottom:0;
}
.col .feedback .text .testimonial {
min-height:6em;
height:auto !important;
height:6em;
}
.col .feedback .text {
padding-left: 1.5748031496062992125984251968504%; /* 10 / 635 */
padding-right: 1.5748031496062992125984251968504%; /* 10 / 635 */
text-align:center;
}
.col .feedback .text .contributor-name,
.col .feedback .text .contributor-location {
font-family: Aller-Bold;
font-weight:noraml;
font-size:0.92307692307692307692307692307692em; /* 11 / 13 */
line-height:1.5384615384615384615384615384615em; /* 20 / 13 */
}
}

@media only screen and (min-width: 56.25em) {

.col .feedback .text {
padding-left: 3.4843205574912891986062717770035%; /* 10 / 287 */
padding-right: 3.4843205574912891986062717770035%; /* 10 / 287 */
height:auto !important;
text-align:center;
}
}


/*****************************************************************
 AWARDS MODULE
******************************************************************/
.col .awards {
position:relative;
}

.col .awards ul,
.col .award-item {
list-style-type:none;
padding:0;
margin:0;
}

.col .award-item {
position:relative;
margin:0 0 1.5em 0;
padding: 0 0 1.5em 0;
border-bottom:1px solid #e8e8e8;
}

.col .award-item .thumb {
width:23.69337979094077%; /* 82 (1c + 1g) / 287 */
position:absolute;
left:0;
top:0;
}

.col .award-item .text {
padding: 0;
margin-left:26.4808362369338%; /* 82 (1c + 1g) / 287 */
}
.col .award-item span {
clear:both;
display:block;
}

.col .award-item .prize {
font-family: Aller-Bold;
font-weight:noraml;
color:#7d2a90;
margin-bottom:1.5em;
}

@media only screen and (min-width: 31.3125em) {
.col .award-item .thumb {
width:15.78947368421053%; /* 93 (2c + 1g)  / 589 */
}
.col .award-item .text {
margin-left:21.05263157894737%; /* 124 (2c + 2g)  / 589 */
}
}

@media only screen and (min-width: 40.625em) {
.col .awards ul {
margin-top:1.5em;
}
.col .award-item {
min-height:6.428571428571429em;
height:auto !important;
height:6.428571428571429em;
}
.col .award-item p {
font-size:0.92307692307692307692307692307692em; /* 11 / 13 */
}

.col .award-item .thumb {
width:27.91327913279133%; /* 103 (1c + 1g + 21p) / 369 */
}

.col .award-item .text {
margin-left:33.33333333333333%; /* 20 (p) / 369 */
}
.col .award-item .text p {
padding: 0;
}
}


/*****************************************************************
 MAP MODULE
******************************************************************/
.col .map {
margin-bottom:2em;
border-top: 4px solid #e8e8e8;
clear: left;
float: none;
padding-top: 1em;
}

.col .map a {
margin:0;
}
.col .map small {
position:absolute;
bottom:1em;
right:1.5em;
color:#292929;
}

.googleMap {
position:relative;
display: block;
background-repeat: no-repeat;
background-position: 50% 45%;	
line-height: 0;
}

.col .map .googleMap img {
opacity: 0;
}

@media only screen and (min-width: 31.3125em) {
.col .map a {
margin:0 auto;
}	
}

@media only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2/1), 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
.col .map .googleMap {
background-size: 640px 640px;
}	
}


/*****************************************************************
 DATA FORM MODULE
******************************************************************/
.col .dataForm {
overflow: hidden;
margin-bottom:2em;	
padding-top:1em;
border-top:4px solid #e8e8e8;
}
.col .dataForm:first-child {
padding-top:0.5em;	
border-top:0;
}
.col .dataForm form {
margin-top:1.5em;
border-top:1px solid #e8e8e8;
}
.col .dataForm .validation {
margin-bottom:1.5em !important;	
}
.col .dataForm small {
margin-bottom:1.5em;
display:block;
}

.col .dataForm #branchName {
font-family: Aller-Bold;
font-weight:noraml;
}

input[type=text], input[type=password], input[type=tel], input[type=email], th { outline: none; padding: 0.75em 0.9em}

#mortgageSearchForm input[type=text] {
padding: 1.355em 0.6em;
}

.col .dataForm input[type="submit"] {
position:relative;
float:none;
margin-bottom:0;
}


/*****************************************************************
 LOAD MODULE
******************************************************************/
/* BEARINGPOINT CHANGED PATH*/
.loadInProgress {
display:block;
z-index:1001;
-moz-opacity: 0.6;
opacity:.60;
background:url("/static/img/loader.gif") transparent 50% 50% no-repeat;
height:4em;
}
.tw-12 .loadInProgress {
width:95.833333333333333333333333333328%; /* 713 / 744 */
padding-left: 1.3440860215053763440860215053763%; /* 10 / 744 */
padding-right: 1.3440860215053763440860215053763%; /* 10 / 744 */
}
/* BEARINGPOINT CHANGED PATH*/
header .loadInProgress,
footer .loadInProgress {
width:100%;
-moz-opacity: 0.6;
opacity:.60;
background:url("/static/img/loader.gif") transparent 50% 50% no-repeat !important;
}



/*****************************************************************
 NOTIFICATION/MAINTENANCE MODULE
******************************************************************/
.form-submission-msg,
.notice,
.maintenance {
	text-align: center;
	border-top:0;
	width:90%; /* 288 / 320 */
	margin:0 3.125% 0 3.125%; /* 10 / 320 */
	padding:1em 1.875%; /* 6 / 300 */
	float:left;
	position:relative;
    font-size: 1em;
}



.form-submission-msg {
background-position: 0% 0%;
	display:none;
	color:#fff;
	/*border:1px solid #008136;*/
	background-color: #cf3087;
	background-repeat: repeat;
	background-attachment: scroll;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.notice,
.maintenance {
border-top:1px solid #ccc;
}
/* ADDED BY BEARINGPOINT */
.notice div p {
padding: 0;
margin: 0;
display: inline;
 font-size: 0.8em;
}
.maintenance div p {
padding: 0;
margin: 0;
display: inline;
    font-size: 0.8em;
}

@media only screen and (min-width: 31.3125em) {
.maintenance div p, .notice div p {
    font-size: 1em;
}
}


/* ADDED BY BEARINGPOINT */
.notice:first-child,
.maintenance:first-child {
border-top:0;
}
.form-submission-msg:last-child {
border-top:none;
}
.form-submission-msg .cta,
.notice .cta,
.maintenance .cta {
margin-top:0.5em;
}
.form-submission-msg a {
color:#ffffff;
/*text-shadow: 0px 1px 8px rgba(0,0,0,0.5);*/
}
.form-submission-msg a:hover {
background:#cf3087;
}
.notice a,
.maintenance a {
color:#7d2a90;
}
.form-submission-msg a.cta,
.notice a.cta,
.maintenance a.cta {
text-decoration:none;
}
.form-submission-msg a.cta:hover,
.notice a.cta:hover,
.maintenance a.cta:hover {
text-decoration:underline;
}

#cookie-notice {display: none}


/*****************************************************************
 IMPORTANT BOX
******************************************************************/
.col .important {
border:1px solid #ccc; 
border-top:4px solid #cf3087; 
text-align:center; 
padding-top:0.5em;
padding-bottom:1.5em;
margin-top:2.5em;
margin-bottom:1.5em;
background:#fff;
}

.col .important:first-child {
margin-top:0;
}
.col .important a {
color:#292929;
}


/*****************************************************************
 SOCIAL
******************************************************************/
.social {
padding: 1em 2% 0 2%;
clear: both;
border-top: 1px solid #ccc;
}
@media only screen and (min-width: 31.3125em) {
.social {width: 38.58921161825726%; /* 279 (5c + 4g) / 723 */padding-left:1.383125864453665%; /* 10 / 723 */padding-right:1.383125864453665%; /* 10 / 723 */display: block;float: right;margin: 0;clear: none;display: none;}	
}
@media only screen and (min-width: 56.25em) {
.social {
width: 29.80269989615783%;
padding-left: 1.038421599169263%;
padding-right: 1.038421599169263%;
display: block;
}	
}

.social a {
position: relative;
margin-right: 0.2em;
display:inline-block;
}
.social a:last-child {
margin-right: 0;
}
.social a:hover {
background:none;
}
.social a:last-child {
margin-right: 0;
}
.social .icon span {
	padding: 10%;
    background: #ffffff;
    color: #777;
}
	.social .icon span:hover {

	}



/*****************************************************************
 BRANCH FINDER - RESULTS
******************************************************************/
.branchFinderResults {
min-height:10em;
height:auto !important;
height:10em;
}

.branchFinderResults #errorMsg,
.branchFinderResults #geoAccuracy {
text-align:center;
}


/*****************************************************************
 AGENCY PAGE
******************************************************************/

[id*="agency-"] {
display:none;
}


/*****************************************************************
 BRANCH FINDER
******************************************************************/
.col .branchPreview {
background:#ffffff;
-webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
margin-bottom:2.5em;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-align:center;
}

.col .branchPreview h3 {
margin:0 0 0.3em 0;
padding:0.5em 0;
border-bottom:1px solid #e8e8e8;
}

.col .branchPreview .address,
.col .branchPreview .opening-hours,
.col .branchPreview .parking {
margin-bottom:1em;
padding-top:0.5em;
border-top:0;
}
.col .branchPreview .icon {
margin-bottom:1em;
display:none;
}
.branchPreview .location {
padding-left: 2%; /* 6 / 300 */
padding-right: 2%; /* 6 / 300 */
}

.col .branchFinderResults #multipleResults {
margin: 0 3.125% 0 3.125%;
padding: 0 1.875%;
}
.col .branchFinderResults #multipleResults h2 {
padding-left:0;
margin-left:0;
}

@media only screen and (min-width: 31.3125em) {
.col .branchPreview {
position:relative;
float:left;
width: 96.850393700787401574803149606299%;
padding: 1em 1.6420361247947454844006568144499%; /* 10 / 609 */
}
.col .branchPreview .icon {
position:relative;
float:left;
width:8.695652173913043%; /* 62 (1c + 1g) / 713 */
margin-right: 4.3478260869565217391304347826087%; /* 31 / 713 */
padding-right:0;
display:block;
margin-bottom:0;
}
.branchPreview.agency .icon span { background: #7d2a90 }

.branchPreview .location {
position:relative;
float:left;
padding: 0; /* 10 / 589 */
width:26.086956521739130434782608695652%; /* 290 (3c + 3g) / 713 */
margin-right: 4.3478260869565217391304347826087%; /* 31 / 713 */
text-align:left;
}
 .col .branchPreview .address {
position:relative;
float:left;
padding: 0; /* 10 / 963 */
margin-bottom: 0;
width:30.43478260869565%; /* 217 (4c + 3g) / 713 */
text-align:left;
border-top: 0;
}

.branchPreview .cta {
position:relative;
float:right;
width:21.739130434782608695652173913043%; /* 155 (3c + 2g) / 713 */
}

.col .branchFinderResults #multipleResults {
padding-left: 1.6420361247947454844006568144499%;
margin:0;
}
}

@media only screen and (min-width: 40.625em) {
.col .branchPreview {
width:95.833333333333333333333333333328%; /* 713 / 744 */
padding: 1em 1.3440860215053763440860215053763%; /* 10 / 744 */
}

.col .branchFinderResults #multipleResults {
padding-left: 1.3440860215053763440860215053763%;
}
}

@media only screen and (min-width: 56.25em) {
.col .branchPreview {
width: 97.923156801661474558670820353063%; /* 943 / 963 */
padding: 1em 1.0384215991692627206645898234683%; /* 10 / 963 */
}
.col .branchPreview .icon {
position:relative;
float:left;
width:4.347826086956522%; /* 41 (1c) / 943 */
padding:0;
margin-right: 4.2575285565939771547248182762201%; /* 41 / 963 */
}
.branchPreview .location {
position:relative;
float:left;
padding: 0;
width:30.434782608695652173913043478261%; /* 287 (4c + 3g) / 943 */
margin-right: 4.2575285565939771547248182762201%; /* 41 / 963 */
text-align:left;
}
.col .branchPreview .address {
padding: 0; /* 10 / 963 */
width:30.43478260869565%; /* 287 (4c + 3g) / 943 */
text-align:left;
}
.branchPreview .cta {
position:relative;
float:right;
width:17.391304347826086956521739130435%; /* 123 (2c + 2g) / 943 */
padding:0;
}

.col .branchFinderResults #multipleResults {
padding-left: 1.0384215991692627206645898234683%;
}
}


/*****************************************************************
 FORM VALIDATION MODULE
******************************************************************/
.col .module .validation {
background:#008136;
font-size:0.92307692307692307692307692307692em;
text-align:center;
padding:1.5em 0;
margin:0 0 0.5em 0;
display:none;
width:100%;
text-shadow: 0px 1px 8px rgba(255,255,255,0.5);
}


footer .contact {margin-bottom:2em;padding:0 2% 1em 2%;clear:both;border-bottom: 1px solid #ccc;display: none;}
footer .contact p {
padding-top: 1em; /* 10 / 299 */
}
.contact [class*="icon-"]:before {
color:#cf3087;
}
footer .contact h4 a{
color:#cf3087;	
}

@media only screen and (min-width: 31.3125em) {
footer .contact {width:41.35546334716459%; /* 299 (5c + 4g + 20p) / 723 */float:right;position:relative;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;border:0;clear:none;display: none;}
footer .contact h4 {
padding-left: 3.344481605351171%; /* 10 / 299 */
}
}
@media only screen and (min-width: 56.25em) {
footer .contact {
width:31.879543094496365524402907580478%; /* 307 (4c + 3g + 20p) / 963 */
float:right;
position:relative;
margin-top:0;
}
footer .contact h4 {
padding-left: 3.257328990228013%; /* 10 / 307 */
}
}


a.moreInfBut:after {
  color: #cf3087;
  font-family: 'FontAwesome';
  content: "\0000a0 \f05a";
  text-decoration: none !important;
}

/*****************************************************************
 FORM - ASK A QUESTION (FAQ)
******************************************************************/
.col .faqs .faqForm, .col .faqs .siteSearchForm  {
padding:0;	
margin:0;
width:100%;
overflow:hidden;
}
.col .faqForm p, .col .siteSearchForm  p {
padding: 1em 0 0 0; /* 10 / 307 */
}

footer .faqForm {
display:none;
}
.faqForm label, .siteSearchForm label {display:none;}

.faqForm input[type="submit"], .siteSearchForm input[type="submit"] {
width:20%;	/* 59 (1c + 12p -2b) / 300 */
float:left;
}


footer .faqForm {
margin-bottom:2em;
padding:1em 2% 0 2%;
clear:both;
border-top: 1px solid #ccc;
}
footer .faqForm p {
padding-top: 1em; /* 10 / 299 */
clear:both;
}

footer .form-button-submit {
	background: #e1e1e1;
	border: 1px solid #d7d7d7;
	color: #222;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

footer .form-button-submit:hover {
	background: #D7D7D7 !important;
	border: 1px solid #c1c1c1 !important;
	color: #222
}

#form-faq-footer span {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: none;
	border: 1px solid #ccc;
	border-right: none;
	height: 36px;
}

footer .form-input-text {
	}

@media only screen and (min-width: 31.3125em) {
footer .faqForm {
width:41.35546334716459%; /* 299 (5c + 4g + 20p) / 723 */
float:right;
position:relative;
margin-top:0;
padding-left:0;
padding-right:0;
clear:none;
}
footer .faqForm h4 {
padding-left: 3.344481605351171%; /* 10 / 299 */
}
footer .faqForm p {
padding: 1em 3.344481605351171% 0 3.344481605351171%; /* 10 / 299 */
}
.faqForm input[type="submit"], .siteSearchForm input[type="submit"] {
width:24.08026755852843%;	/* 82 (2c + 20p) / 299 */
}
footer .form-autosuggest-box {
height: 14.5em;
}
}

@media only screen and (min-width: 56.25em) {
header .faqForm, header .siteSearchForm {
width:29.98046875%; /* 307 (4c + 3g + 20p) / 1024 */

margin:0;
float:none; 
position:absolute; 
right:2.978515625%; 
top:0;
}	
footer .faqForm {
width:31.879543094496365524402907580478%; /* 307 (4c + 3g + 20p) / 963 */
float:right;
position:relative;
margin-top:0;
}
footer .faqForm h4 {
padding-left: 3.257328990228013%; /* 10 / 307 */
}
footer .faqForm p {
padding: 1em 3.257328990228013% 0 3.257328990228013%; /* 10 / 307 */
}

.faqForm input[type="submit"], .siteSearchForm input[type="submit"] {
width:19.218241042345276872964169381107%;	/* 59 (1c + 20p) / 307 */
}
}

.faqForm .form-autosuggest-box , .siteSearchForm .form-autosuggest-box{
position: relative;

margin-top: 1em;
margin-bottom:1em;
z-index: 1;
display:none;
}
footer .form-autosuggest-box {
position: relative;
margin-top: 1em;
margin-bottom:1em;
border-left:1px solid #e8e8e8;
height: 10em;
overflow-y: scroll !important;

float:left;
}
.col .faqForm .form-autosuggest-box, .col .siteSearchForm .form-autosuggest-box {
float:left;
width:100%;
padding:0;
height: 15em;
overflow-y: scroll !important;
}

.faqForm .form-autosuggest-box ul, .siteSearchForm .form-autosuggest-box ul  {
position:relative;
margin-bottom:0;
}
.faqForm .form-autosuggest-box ul li, .siteSearchForm .form-autosuggest-box ul li {
border-bottom:1px solid #e8e8e8;
position:relative;
}
.faqForm .form-autosuggest-box ul li,
.faqForm .form-autosuggest-box ul li a,
.siteSearchForm .form-autosuggest-box ul li,
.siteSearchForm .form-autosuggest-box ul li a  {
padding:0.5em 0;
}
.faqForm .form-autosuggest-box ul li:last-child, .siteSearchForm .form-autosuggest-box ul li:last-child  {
border-bottom:none;
}

#form-branchfinder-contact span, #form-branchfinder-directions span, #form-branchfinder-apply span, #form-saveforlater span, #mortgageLPSelectorForm span, #form-faq-body span {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: none;
	border: 1px solid #ccc;
	border-right: none;
	/*height: 2.7em;*/
	height: 36px;
	}
	
	#form-branchfinder-contact input[type="submit"], #form-branchfinder-apply input[type="submit"], #form-saveforlater input[type="submit"], #mortgageLPSelectorForm input[type="submit"], #form-faq-body input[type="submit"]{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-appearance: none;
	}
	
#form-branchfinder-directions input[type="submit"]{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

@media only screen and (min-width: 40.625em) {
.faqForm .form-autosuggest-box, .siteSearchForm .form-autosuggest-box {
width:93.31103678929766%; /* 713 / 723 */
}
header .faqForm .form-autosuggest-box, header .siteSearchForm .form-autosuggest-box {
padding:0.5em 3.344481605351171% 0.5em 3.344481605351171%; /* 10 / 299 */
}
footer .faqForm .form-autosuggest-box {
padding:0 3.344481605351171% 0.5em 3.344481605351171%; /* 10 / 299 */
}
.form-autosuggest-box ul {
float:left;
}
.form-autosuggest-box ul li {
padding:0.5em 0;
}
.form-autosuggest-box ul li:last-child {
border-bottom:none;
}

footer .form-autosuggest-box {
width:92.59609120521172638436482084691%; /* 287 (4c + 3g - 1b) / 307 */
padding:1em 3.2573289902280130293159609120521%; /* 10 / 307 */
border-left:1px solid #e8e8e8;
height: 10.5em;
overflow-y: scroll !important;
float:left;
}
}

@media only screen and (min-width: 56.25em) {
header .faqForm .form-autosuggest-box, header .siteSearchForm .form-autosuggest-box {
width:93.48534201954397%;
padding:0 3.257328990228013%; /* 10 / 1024 */
margin:1em 0 1em 0;
height: 19em;
overflow-y: scroll !important;
float:right;
position:relative;
background:#ffffff;
}
header .faqForm p, header .siteSearchForm p {
padding: 0 3.2573289902280130293159609120521%;
margin-top:2em;
clear:both;
}
#primaryNav .faqForm p a , #primaryNav .siteSearchForm p a{
color:#7d2a90;
}
}



/*****************************************************************
 FORM - SAVE PAGE FOR LATER
******************************************************************/

.col .module .save-for-later-form {
padding:0;
position:relative;
}
.col .module .save-for-later-form label {
display:none;
}

.save-for-later-form input[type="submit"] {
width:21.5%;	/* 60 (1c) / 300 */
}

@media only screen and (min-width: 31.3125em) {
.col .module .save-for-later-form {
width:100%;
}
.save-for-later-form input[type="submit"] {
width:28.571428571428571428571428571429%;	/* 62 (1c + 1g) / 217 */
}
}

@media only screen and (min-width: 56.25em) {
.save-for-later-form input[type="submit"] {
width:28.571428571428571428571428571429%;	/* 62 (1c + 1g) / 287 */
}
}


/*****************************************************************
 FORM - BRANCH FINDER
******************************************************************/
#accessibleBranchList {
width:100%;	
min-height:36em;
height:auto !important;
height:36em;
}

.col .branch .form form,
.col .directions .form form {

border:0;
margin:0 0 1em 0;
padding:0; /* 6 / 300 */
position:relative;
}

.branch label,
.directions label {
display:none;
}

.branch .form input[type="submit"],
.directions .form input[type="submit"] {
width:21.5%;	/* 60 (1c) / 300 */
margin:0 0 1em 0;
}

.branch .form .button,
.directions .form .button {
clear:left;
}

@media only screen and (min-width: 31.3125em) {
.col .contact-method .form {
max-width:16.69230769230769em; /* 217 (4c + 3g) / 13 */
}
.col .branch .form form,
.col .directions .form form {
padding:0;
}
.branch .form input[type="submit"],
.directions .form input[type="submit"] {
width:28.571428571428571428571428571429%;	/* 62 (1c) / 217 (4c + 3g) */
}
}

@media only screen and (min-width: 56.25em) {
.col .contact-method .form {
max-width:17.57142857142857em; /* 246 (3c + 3g) / 14 */
}
.branch .form input[type="submit"],
.directions .form input[type="submit"] {
width:39.024390243902439024390243902439%;	/* 80 (1c + 1g) / 205 (3c + 2g) */
max-width: 6.142857142857143em; /* 82 (2c + 2b) / 14 */
}
}


/*****************************************************************
 LINKS
******************************************************************/
a {
color:#7d2a90;
}
a:hover {
text-decoration:underline;
background-color:#e8e8e8;
}
a:hover span {
text-decoration:none;
}
a.link-important {
padding:0.5em 0;
}

.link-important {
font-size:1.0769230769230769230769230769231em; /* 14 / 13 */
line-height:1.5em; /* 21 / 14 */
text-decoration:none;
}
.icon-info-sign.link-important {
color:#cf3087 !important;	
}

#tertiaryNav a {
color:#292929;
text-decoration:none;
}
#primaryNav a {
color:#ffffff;
text-decoration:none;
}
#faqResultsList a {
color:#292929;
text-decoration:none;
line-height:170%;
}
#faqResultsList a:hover {
background:#e8e8e8 !important;
}
header .faqForm {z-index:1000 !important;display: none;}
header .siteSearchForm {
z-index:1010 !important;	
}
#secondaryNav a {
color:#292929;
text-decoration:none;
}
#secondaryNav a:hover {
text-decoration:underline;
}
.compliment a {
text-decoration:none;
}
.pathfinder a {
color:#ffffff;
text-decoration:none !important;	
}
.pageNav a,
.backtotop a,
table th a {
color:#292929;
text-decoration:none;
}
.pageNav a:hover {
background-color:#f7f7f7;
}
footer a {
color:#292929;
text-decoration:none;
padding:0.2em 0;
}
footer h5 {
color:#7d2a90;
font-size:1.43em;
}
footer h5 a{
color:#7d2a90;
}
a.moreInfo:after { 
font-family: 'FontAwesome';
content: "\0000a0 \f05a"; 
color:#cf3087;
text-decoration:none !important;
}
 
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
text-decoration:none;		
}
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
.highlight ul li a:hover,
#faqResultsList a:hover {
text-decoration:underline;
background-color:#e8e8e8;
}
ol li a,
ul li a {
text-decoration:none;	
}
.backtotop a:hover {
text-decoration:underline;
background-color:#f7f7f7;
}
#masthead a#menu-control:hover {
color:#ffffff;
background-color: #268143;
}


/*****************************************************************
 BUTTONS
******************************************************************/
.blue,
.colour-b {
border-color:#cf3087; 
}
.colour-f {
border-color: #cf3087;
}
h2 a {
color:#292929;	 
}


.blue a,
.colour-b a {
color:#cf3087;
}
.colour-f a,
span.colour-f {
color:#cf3087;
}
.green,
.colour-a {
border-color:#7d2a90;
}
span.green,
span.colour-a {
color:#7d2a90;
}
.yellow,
.colour-d {
border-color:#008136;	
}

#mortgages {max-width:20em !important;} 

a.button,
span.button,
a.button-green, span.button-green,
a.button-blue, span.button-blue,
a.button-grey, span.button-grey,
a.button-yellow, span.button-yellow,
a.button-colour-a, span.button-colour-a, 
a.button-colour-b, span.button-colour-b, 
a.button-colour-c, span.button-colour-c, 
a.button-colour-d, span.button-colour-d,
a.button-colour-e, span.button-colour-e, 
a.button-colour-f, span.button-colour-f,
a.button-colour-h, span.button-colour-h{
font-weight: normal;
padding: 0.9em 0; /* was 1.05em */
cursor: pointer;
display:block;
text-align:center;
text-decoration:none;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
border-radius: 0.2em;
clear:left;
}
p a.button,
p span.button,
p a.button-green, span.button-green,
p a.button-blue, span.button-blue,
p a.button-grey, span.button-grey,
p a.button-yellow, span.button-yellow,
td a.button-green, td a.button-blue, td a.button-yellow, td a.button-grey,
p a.button-colour-a, span.button-colour-a, 
p a.button-colour-b, span.button-colour-b, 
p a.button-colour-c, span.button-colour-c, 
p a.button-colour-d, span.button-colour-d,
p a.button-colour-e, span.button-colour-e, 
p a.button-colour-f, span.button-colour-f,
p a.button-colour-h, span.button-colour-h,
td a.button-colour-a, td a.button-colour-b, td a.button-colour-c,
td a.button-colour-d, td a.button-colour-e, td a.button-colour-f, td a.button-colour-h {
padding: 1.1em 0 !important;
}

@media only screen and (min-width: 31.3125em) {
a.button,
span.button,
a.button-green, span.button-green,
a.button-blue, span.button-blue,
a.button-grey, span.button-grey,
a.button-yellow, span.button-yellow,
a.button-colour-a, span.button-colour-a,
a.button-colour-b, span.button-colour-b,
a.button-colour-c, span.button-colour-c,
a.button-colour-d, span.button-colour-d,
a.button-colour-c, span.button-colour-e,
a.button-colour-d, span.button-colour-f,
span.button-colour-h{
min-width:1em;
max-width:11.76923076923077em; /* 153 (3c + 2g - 2b) / 13 */
float:none;
margin-left:0;
}
.headline a.button-green,
.headline a.button-blue,
.headline a.button-grey,
.headline a.button-yellow,
.headline a.button-colour-a,
.headline a.button-colour-b,
.headline a.button-colour-c,
.headline a.button-colour-d,
.headline a.button-colour-e, 
.headline a.button-colour-f,
.headline a.button-colour-h
a.xl {
max-width:14.333333333333333333333333333333em; /* 184 (3c + 3g - 2b) / 13 */
float:none;
margin-left:0;
}
a.xxl {
max-width:16.53846153846154em;  /* 215 (4c + 3g - 2b) / 13 */	
}
.path-item {
max-width:10.333333333333333333333333333333em; /* 203 (4c + 3g - 2b) / 13 */
}
.pageNav-item [class*="button-"] {
min-width:5.846153846153845em ; /* 152 (2c + 2g) / 13 */
}
}
@media only screen and (min-width: 56.25em) {
a.button, a.button-green, a.button-blue, a.button-grey, a.button-yellow,
a.button-colour-a, a.button-colour-b, a.button-colour-c, a.button-colour-d,
a.button-colour-e, a.button-colour-f, a.button-colour-h {
max-width:12.57142857142857em; /* 162z (2c + 2g - 2b) / 14 */
}
.headline a.button-green,
.headline a.button-blue,
.headline a.button-grey,
.headline a.button-yellow, 
.headline a.button-colour-a,
.headline a.button-colour-b,
.headline a.button-colour-c,
.headline a.button-colour-d,
.headline a.button-colour-e, 
.headline a.button-colour-f,
.headline a.button-colour-h,
a.xl {
max-width:14.5em; /* 203 (3c + 2g - 2b) / 14 */	
}
a.xxl {
max-width:22.42857142857143em; /* 244 (3c + 2g - 2b) / 14 */
}
}

/* COLOUR-A (CURRENTLY DARK GREEN, FORMERLY GREEN) */
.button-green,
.green .button,
.button-colour-a,
.colour-a .button,
.branch .button-blue, .branch .button-blue:visited,
span.button-green,
.button-green:visited,  span.button-green:visited, .green .button:visited,
span.button-colour-a, 	 	
.button-colour-a:visited,  span.button-colour-a:visited, .colour-a .button:visited {
color:#ffffff;
background:#7d2a90;
} 


.button-green:hover,  span.button-green:hover, .branch .button-blue:hover, .green .button:hover,
.button-colour-a:hover,  span.button-colour-a:hover, .colour-a .button:hover{
color:#ffffff;
background:#cf3087 !important;
}

/* COLOUR-B (CURRENTLY LIGHT GREEN, FORMERLY BLUE) */
.button-blue,
.blue .button,
.button-blue:visited, .blue .button:visited,
.button-colour-b, 
.colour-b .button, 
.button-colour-b:visited, .colour-b .button:visited{ 
color:#ffffff !important;
background:#cf3087;
}
.button-blue:hover, .blue .button:hover,
.button-colour-b:hover, .colour-b .button:hover{
color:#ffffff;
background:#7d2a90 !important;
}

.mortgageProductTable .button-blue {color:#ffffff;
background:#7d2a90;}


/* COLOUR-C (CURRENTLY AND FORMERLY GREY) */
.button-grey,
.grey .button,
.button-grey:visited, .grey .button:visited,
.button-colour-c, 
.colour-c .button, 
.button-colour-c:visited, .colour-c .button:visited,
.button-green.icon-location-arrow, .button-green.icon-location-arrow:visited{ 
color: #222222;
background:#e1e1e1;
border: 1px solid #d7d7d7;

}

.button-green.icon-location-arrow, .button-green.icon-location-arrow:visited {color: #222222 !important}

.button-grey:hover, .grey .button:hover,
.button-colour-c:hover, .colour-c .button:hover,
.button-green.icon-location-arrow:hover{
color:#222222;
background:#d7d7d7 !important;
border: 1px solid #c0bfbf;
}


/* COLOUR-D (CURRENTLY AND FORMERLY YELLOW) */
.button-yellow,
.yellow .button,
.button-yellow:visited, .yellow .button:visited,
.button-colour-d,
.colour-d .button,
.button-colour-d:visited, .colour-d .button:visited{
color:#ffffff;
background:#008136;
 	
}
.button-yellow:hover, .yellow .button:hover,
.button-colour-d:hover, .colour-d .button:hover {
color:#ffffff;
background:#009C41 !important;
	
}





/*override*/
.form-button-submit.button-yellow {color:#ffffff !important;
background:#cf3087;}

.form-button-submit.button-yellow:hover {color:#ffffff;
background:#7d2a90 !important;}

.request-appointment-branch .button-blue{
background: none repeat scroll 0 0 #7d2a90 !important;
color: #FFFFFF !important;	
}

.request-appointment-branch .button-blue:hover{
background:#cf3087 !important;
}

.contact-method.email .button-green{
background: none repeat scroll 0 0 #E1E1E1;
    border: 1px solid #D7D7D7;
    color: #222222;	
}

.contact-method.email .button-green:hover{
color:#222222 !important;
background:#d7d7d7 !important;
border: 1px solid #c0bfbf !important;
}

/* COLOUR-E (CURRENTLY DARK GREY) */
.button-colour-e, 
.colour-e .button, 
.button-colour-e:visited, .colour-e .button:visited{ 
color: #222222;
background:#969696;

}
.button-colour-e:hover, .colour-e .button:hover{
color:#222222;
background:#969696 !important;
}


/* COLOUR-F (CURRENTLY TEAL) */
.button-colour-f, 
.colour-f .button, 
.button-colour-f:visited, .colour-f .button:visited{ 
color:#ffffff !important;
background:#cf3087;
}
.button-colour-f:hover, .colour-f .button:hover{
color:#ffffff;
background:#1f989e !important;
}

/* COLOUR-H (CURRENTLY AND FORMERLY WHITE) */
.button-colour-h, .button-colour-h:visited {background: #fff; color: #7d2a90 !important}
.button-colour-h:hover {background: #e1e1e1; color: #7d2a90}


.highlight a.button-blue,
.highlight a.button-green,
.highlight a.button-yellow,
.highlight a.button-grey,
.compliment a.button-blue,
.compliment a.button-green,
.compliment a.button-yellow,
.compliment a.button-grey,
.compliment span.button-blue,
.compliment span.button-green,
.compliment span.button-yellow,
.compliment span.button-grey,
.highlight a.button-colour-a, 
.highlight a.button-colour-b, 
.highlight a.button-colour-c, 
.highlight a.button-colour-d,
.highlight a.button-colour-e, 
.highlight a.button-colour-f,
.compliment a.button-colour-a, 
.compliment a.button-colour-b, 
.compliment a.button-colour-c, 
.compliment a.button-colour-d,
.compliment a.button-colour-e, 
.compliment a.button-colour-f,
.compliment span.button-colour-a, 
.compliment span.button-colour-b, 
.compliment span.button-colour-c, 
.compliment span.button-colour-d,
.compliment span.button-colour-e, 
.compliment span.button-colour-f { 
margin-top:1.5em;
}
.compliment a.button {
margin-top:0;	
}
.pageNav .button-green,
.pageNav .button-blue,
.pageNav .button-green:after,
.pageNav .button-blue:after,
.pageNav .button-colour-a, 
.pageNav .button-colour-b, 
.pageNav .button-colour-f, 
.pageNav .button-colour-a:after, 
.pageNav .button-colour-b:after,
.pageNav .button-colour-f:after { 
color:#ffffff !important;
}



/*****************************************************************
 ICONS
******************************************************************/

/*
 *  Font Awesome 3.0.2
 *  the iconic font designed for use with Twitter Bootstrap
 *  -------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation
 *  can be found at: http://fortawesome.github.com/Font-Awesome/
 *
 *  License
 *  -------------------------------------------------------
 *  - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"

 *  Contact
 *  -------------------------------------------------------
 *  Email: dave@davegandy.com
 *  Twitter: http://twitter.com/fortaweso_me
 *  Work: Lead Product Designer @ http://kyruus.com
 */

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="icon-"]:after,
[class*=" icon-"]:after,
[class^="bullet-icon-"] li:before,
[class*=" bullet-icon-"] li:before,
.backtotop a:after,
.pageNav a:after,
a.button-next:before,
a.button-previous:before,
.fa {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
display: inline;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
text-decoration: inherit;
display: inline-block;
speak: none;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
display: inline-block;
}



ul.icons {
list-style-type: none;
text-indent: -0.65em;
}
ul.icons li:before {
margin-right:0.3em;
text-align:left;
}
ul.colour-a {
color: #7d2a90;
}
ul.colour-b {
color: #83B73A;
}
ul.colour-b a {
color: #83B73A;
}
ul.bullet-custom li:before {
margin-bottom: 0;
margin-right:0.5em;
}

/* ADDED BY BEARINGPOINT - 06/02/2014 - LINK LIST */
ul.icons a:before {
margin-left:0.3em;
color: #7d2a90;
text-align:left;
}

ul.bullet-custom a:before {
margin-bottom: 0;
}
/* ADDED BY BEARINGPOINT - 06/02/2014 - LINK LIST */

ul.bullet-icon-pdf {
margin-left:1.5em;
/*text-indent:-1.6em;*/
}

li.icon-pdf  {
text-indent:-1.6em;

}

/* ADDED BY BEARINGPOINT - 06/02/2014 - LINK LIST */
a.icon-pdf {
/*margin-left:-0.9em;*/
text-indent:-1.6em;
}

li a.icon-pdf {
text-indent: -1.6em;
/*margin-left:-0.9em;*/
}

/* ADDED BY BEARINGPOINT - 06/02/2014 - LINK LIST */
ul.bullet-icon-pdf a:before,
.icon-pdf:before {
background: url("/static/img/icons/icon-pdf.gif") no-repeat left;
width:16px;
height:16px;
margin-right:0.43em;
margin-top:0.1em;
display:inline-block;
content: '';
vertical-align:top;
}

/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
	
	/* additional items different CSS based on OWCS section, PK */ 
td.additional-features li { list-style-type: none!important; text-indent: -1.2em; }
td.additional-features li:before   {
background:#7d2a90;
width:10px;
height:10px;
margin-right:0.43em;
display:inline-block;
content: '';
}

.additional-features li:before  {
font-family: 'FontAwesome';
content: "\f058 \0000a0"; color:#cf3087;
-webkit-font-smoothing: antialiased;
font-weight:normal !important;
}

.additional-features li ,
.additional-features li a {
text-decoration: none;
cursor: text!important;
color: #000!important;
}

/* additional items different CSS based on OWCS section, PK END */

.icon-lock:before				  { content:"\f023 \0000a0"; }
.icon-comments:before             { content: "\f086 \0000a0"; color:#7d2a90; }
ul.bullet-icon-comments li:before { content: "\f086"; color:#008738; }
.icon-comments-alt:before         { content: "\f0e6 \0000a0"; color:#7d2a90; }
a.icon-comments-alt:before  	  { color:#ffffff; }
.icon-circle-arrow-up:before      { content: "\f0aa \0000a0"; color:#cf3087; }
.backtotop a:after      		  { content: "\0000a0 \f0aa"; color:#cf3087; }
.pageNav .icon-circle-arrow-down:before    { content: ""; }
.pageNav .icon-circle-arrow-down:after     { content: "\0000a0 \f0ab"; color:#ffffff !important; }


.pageNav .button-grey.icon-circle-arrow-down:after,
.pageNav .button-colour-c.icon-circle-arrow-down:after,
.pageNav .button-colour-e.icon-circle-arrow-down:after { color:#292929 !important; }

[class*="button-"].icon-circle-arrow-down:after { color:#ffffff !important; }
.button-grey[class*="icon-"]:after,
.button-colour-c[class*="icon-"]:after,
.button-colour-e[class*="icon-"]:after { color:#292929 !important; }
[class*="button-"].icon-circle-arrow-up:before { content: "" }
[class*="button-"].icon-circle-arrow-up:after { content: "\0000a0 \f0aa"; color:#ffffff !important; }
.icon-circle-arrow-down:after     { content: "\0000a0 \f0ab"; color:#7d2a90; display:inline; }
.pageNav a:after     			  { content: "\0000a0 \f0ab"; color:#7d2a90; }
.pageNav a.button-green:after,
.pageNav a.button-blue:after,
.pageNav a.button-grey:after,
.pageNav a.button-colour-a:after,
.pageNav a.button-colour-b:after, 
.pageNav a.button-colour-c:after,
.pageNav a.button-colour-e:after,
.pageNav a.button-colour-f:after { content: ""; }
.pageNav a.icon-circle-arrow-down:after { content: "\0000a0 \f0ab"; color:#cf3087; } 
.icon-circle-arrow-left:before,
a.button-previous:before		  { content: "\f0a8"; color:#7d2a90 }
#featured a.button-previous:before { content: "\f0a8"; color:#cf3087 }
.icon-circle-arrow-right:before,
a.button-next:before		  	  { content: "\f0a9"; color:#7d2a90 }
#featured a.button-next:before { content: "\f0a9"; color:#cf3087 }
.icon-map-marker:before           { content: "\f041 \0000a0"; color:#7d2a90; }
[class*="button-"].icon-map-marker:before { color:#fff; }
span.icon-map-marker:before { content: "\f041"; color:#fff; }
.button.icon-map-marker:before    { color:#ffffff; }
.icon-envelope:before             { content: "\f003 \0000a0"; color:#7d2a90; }
h3.icon-envelope:before 		  {font-size:0.82538461538461538461538461538462em; margin-top:-2em;}
.icon-remove-sign:before,
ul.bullet-icon-remove-sign li:before  {content: "\F057";color:#7d2a90;}
h3.icon-remove-sign:before,
h4.icon-remove-sign:before,
h5.icon-remove-sign:before,
h6.icon-remove-sign:before                                         { content: "\f057 \0000a0"; color:#cf3087; }
.form-submission-msg .icon-remove-sign:before { content: "\f057 \0000a0"; color:#fff; }

.icon-envelope-alt:before         { content: "\f0e0"; color:#7d2a90; }
.icon-trophy:before				  {content:"\f091 \0000a0"; color:#7d2a90;}
.icon-user:before                 { content: "\f007 \0000a0"; color:#7d2a90; }
ul.bullet-icon-user li:before  { content: "\f007"; color:#7d2a90;}
ul.bullet-icon-user.colour-b li:before {color: #cf3087}
.icon-reorder:before              { content: "\f0c9"; }
.icon-time:before                { content: "\f017 \0000a0"; color:#7d2a90; }
.icon-time-colour-f:before                { content: "\f017 \0000a0"; color:#cf3087; }
.icon-time-grey:before                { content: "\f017 \0000a0"; color:#292929; }
ul.bullet-icon-time li:before  	  { content: "\f017"; }
.icon-external-link:before        { content: "\f08e \0000a0"; display:inline; }
ul.bullet-icon-external-link li:before { content: "\f08e"; color:#7d2a90; }
.icon-comment:before              { content: "\f075 \0000a0"; }
.icon-phone:before                { content: "\f095 \0000a0"; color:#7d2a90; }
a.icon-phone:before 			  { display:inline }
.button.icon-phone:before      	  { color:#ffffff; }
.icon-ok-sign:before,
ul.bullet-icon-ok-sign li:before  { content: "\f058"; color:#7d2a90; }
h3.icon-ok-sign:before,
h4.icon-ok-sign:before,
h5.icon-ok-sign:before,
h6.icon-ok-sign:before			  { content: "\f058 \0000a0"; color:#cf3087; }
.form-submission-msg .icon-ok-sign:before { content: "\f058 \0000a0"; color:#fff; }
.icon-laptop:before               { content: "\f109"; color: #7d2a90}
.icon-desktop:before 			  { content: "\f108 \0000a0"; color:#cf3087; }
.icon-paper-clip:before           { content: "\f0c6"; }
.icon-info-sign:before            { content: "\f05a \0000a0"; color:#cf3087 !important; }
.icon-info-sign-lg:before         { content: "\f05a \0000a0"; color:#7d2a90 !important; }
ul.bullet-icon-info-sign li:before { content: "\f05a"; color:#7d2a90; }
.notice .icon-info-sign:before,
.important .icon-info-sign:before,
.maintenance .icon-info-sign:before { content: "\f05a \0000a0"; }
.icon-facetime-video:before       { content: "\f03d \0000a0"; }
.icon-star:before,
ul.bullet-icon-star li:before  	  { content: "\f005"; }
.icon-home						  {background:none !important;display: none !important;}
.icon-home:before                 { content: "\f015"; }
.icon-house					  {background:none !important;}
.icon-house:before                 { content: "\f015"; }
.icon-file:before				  {content:"\f016"}
.icon-file-alt:before			  {content:"\f0f6 \0000a0"; color:#7d2a90;}
.icon-location-arrow:before		  {content:"\f124 \0000a0"; color:#7d2a90;}
.icon-location-arrow-white:before		  {content:"\f124 \0000a0"; color:#fff;}
.icon-location-arrow-colour-f:before		  {content:"\f124 \0000a0"; color:#cf3087;}
.icon-credit-card:before		  {content:"\f09d"; color:#7d2a90;}
.icon-mobile-phone:before		  {content:"\f10b \0000a0 \0000a0"; color:#7d2a90;}
ul.bullet-icon-list-alt li:before,
.icon-list-alt:before			  {content:"\f022"; color:#7d2a90;}
.icon-print:before				  {content:"\f02f"}
.icon-search:before 			 {content: "\f002 \0000a0"; color:#cf3087;} 
.icon-asterisk:before            { content: "\2217"; font-weight:bold; color:#292929  }
.icon-dagger:before              { content: "\2020"; font-weight:bold; color:#cf3087 !important; }
.icon-double-dagger:before       { content: "\2021"; font-weight:bold; color:#cf3087 !important; }
.icon-triangle:before       	 { content: "\25CA"; font-weight:bold; color:#cf3087 !important; }
.icon-square:before       	 	 { content: "\25A0"; font-weight:bold; color:#cf3087 !important; }
.icon-delta:before       	 	 { content: "\0394"; font-weight:bold; color:#cf3087 !important; }
.icon-pi:before       	 		 { content: "\03c0"; font-weight:bold; color:#cf3087 !important; }
.icon-sup-1:before               { content: "\00b9"; font-weight:bold; color:#cf3087 !important; }
.icon-sup-2:before               { content: "\00b2"; font-weight:bold; color:#cf3087 !important; }
.icon-sup-3:before               { content: "\00b3"; font-weight:bold; color:#cf3087 !important; }

.icon-twitter:before              {content: "\f099"; color:#4099FF}
.icon-twitter-sign:before		  {content:"\f081"}
.icon-facebook:before			  {content:"\f09a"; color:#3b5998;}
.icon-facebook-sign:before		  {content:"\f082"}
.icon-linkedin-sign:before		  {content:"\f08c"; color: #007bb5;}
.icon-google-plus-sign:before	  {content:"\f0d4"}
.icon-rss-sign:before			  {content:"\f143"}
.icon-pinterest:before		  {content:"\f0d2"; color: #C92228;}
.icon-instagram:before		  {content:"\F16D"; color: #C92228;}


.apply-method .icon span:before   {color:#ffffff;}
.apply-method .icon .icon-comments:before             { content: "\f086"; }
.apply-method .icon .icon-comments-alt:before         { content: "\f0e6"; }
.apply-method .icon .icon-map-marker:before           { content: "\f041"; }
.apply-method .icon .icon-envelope:before             { content: "\f003"; }
.apply-method .icon .icon-user:before                 { content: "\f007"; }
.apply-method .icon .icon-phone:before                { content: "\f095"; }
.apply-methods-item span:before,
.access-item span:before { color:#cf3087; }

.carousel .controls .panelDisplay ul li:before { content: "\f111"; color:#cccccc; }
.carousel .controls .panelDisplay ul li.current:before { color:#7d2a90; }
#featured .carousel .controls .panelDisplay ul li.current:before { color:#cf3087; }



/*****************************************************************
 ICON CUSTOMISATION
******************************************************************/
.green .icon span,
.colour-a .icon span {
background:#7d2a90;
}
.blue .icon span,
.colour-b .icon span {
background:#cf3087;
}
.yellow .icon span,
.colour-d .icon span { 
background:#008136;
}
.colour-f .icon span {
background:#cf3087;
}


.appointment .icon span, .branch .icon span, .text .icon span, .telephone .icon span {background:#7d2a90;}
.online .icon span {background: #cf3087;}
.online .icon .colour-a {background:#7d2a90;}
.how-to-apply-later .icon span, .agency .icon span {background: #cf3087 !important}

span.green,
span.colour-a {
color:#7d2a90;
}
span.blue,
span.colour-b
{
color:#cf3087 !important;
}


span.colour-c {
color:#969696 !important;
}

span.yellow,
span.colour-d {
color:#008136;
}
span.colour-f {
color:#cf3087;
}

.button-green span,
.button-blue span,
.button-yellow span,
.button-colour-a span,
.button-colour-b span,
.button-colour-d span,
.button-colour-f span { 
color:#ffffff;	
}

#tertiaryNav span {
color:#008738;	
}

.benefits span,
.highlight p span {
color:#7d2a90;
}

.backtotop span,
.pageNav span,
.features span {
color:#cf3087;
}



.col .feedback .icon span {
font-size: 150%;
padding:0.5em 0;
color: #7d2a90;
background:none;
}

.col ul.bullet-custom {
text-indent: -1.2em;
list-style-type:none;
}
ul.bullet-custom li:before {
background:#7d2a90;
width:10px;
height:10px;
margin-right:0.43em;
display:inline-block;
content: '';
}

.icon-custom {
text-indent: -1.2em;
list-style-type: none;	
}
.icon-custom:before {
background:#7d2a90;
width:10px;
height:10px;
margin-right:0.43em;
display:inline-block;
content: '';
}

@media only screen and (min-width: 31.3125em) {
ul.bullet-custom li:before {
margin-right:0.2em;
}
}

ul.icons li {
margin-bottom:0.5em;
}
ul.icons li:last-child {
margin-bottom:0;
}


table td ul.icons:last-child,
table td ul.icons:last-child,
table td p:last-child {
margin-bottom:0;	
}



ul.blue li:before,
ul.colour-b li: before {
color: #cf3087;
}
ul.colour-f li: before {
color: #cf3087;
}
.blue ul.bullet-custom li:before,
ul.bullet-custom.blue li:before,
.colour-b ul.bullet-custom li:before,
ul.bullet-custom.colour-b li:before
{
background: #cf3087;
}
.colour-f ul.bullet-custom li:before,
ul.bullet-custom.colour-f li:before
{
background: #cf3087;
}

.blue ul li:before,
.blue p:before,
.colour-b ul li:before,
.colour-b p:before {
color: #cf3087;
}
.colour-f ul li:before,
.colour-f p:before {
color: #cf3087;
}

/* ADDED BY BEARINGPOINT - 06/02/2014 - FOR LINK LIST */
ul.blue a:before,
ul.colour-b a:before {
color: #cf3087;
}
ul.colour-f a:before {
color: #cf3087;
}
.blue ul.bullet-custom a:before,
ul.bullet-custom.blue a:before,
.colour-b ul.bullet-custom a:before,
ul.bullet-custom.colour-b a:before {
background: #cf3087;
}
.colour-f ul.bullet-custom a:before,
ul.bullet-custom.colour-f a:before {
background: #cf3087;
}
/* ADDED BY BEARINGPOINT - 06/02/2014 - FOR LINK LIST */
.blue ul li:before,
.blue p:before,
.colour-b ul li:before,
.colour-b p:before {
color: #cf3087;
}
.colour-f ul li:before,
.colour-f p:before {
color: #cf3087;
}
/*****************************************************************
 LARGE ICONS (HOW TO APPLY)
******************************************************************/
.icon {	
text-align: center;
}
.icon span {
color: #ffffff;
font-size: 180%;
position: relative;
text-decoration: none;
background-color: #cf3087;
padding:5%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
line-height: 90%;
text-align: center;
min-width:1em;
display:inline-block;
}

@media only screen and (min-width: 31.3125em) {
.icon span {
padding:30%;
}
}
@media only screen and (min-width: 56.25em) {
.icon span {
line-height: 110%;
display:inline-block;
}
}


/*****************************************************************
 MISC
******************************************************************/
.smallScreen {
display:none;	
}
@media only screen and (min-width: 31.3125em) {
.smallScreen {
display:block;
}
}

.nomargin {
margin-right:0 !important;
}

@media only screen and (min-width: 31.3125em) {
.noborder {
border:0 !important;	
padding-top:0;
}
}

.clear {
clear:both !important;	
}
.titleonly {
padding-bottom:0 !important;	
}



/*****************************************************************
 SURVEY
******************************************************************/
.survey {
display: none;
z-index: 9999;
background:#fff;
padding:1em 5%;
width:90%;
border-top:21px solid #cf3087;
position: fixed;
bottom: 0;
right: 0;
box-shadow: 0px 0px 15px 3px rgba(119, 119, 119, 0.4);
-moz-box-shadow: 0px 0px 15px 3px rgba(119, 119, 119, 0.4);
-webkit-box-shadow: 0px 0px 15px 3px rgba(119, 119, 119, 0.4);
}
.survey-inner {
position:relative;	
}
.survey-inner .image {
text-align:center;
margin-bottom:1.5em;
}
.survey-inner .image img {
width:40%;
}
.survey-inner a {
float:left;
clear:none;
width:48%;
}
.survey-inner a.survey-close {
margin-left:2%;
}
@media only screen and (min-width: 31.3125em) {
.survey {
width:92.71419537289677%;
padding:1em 1.3642564802182810368349249658936%;
bottom: 1em;
right: 2.2786458333333333333333333333333%;
}
}
@media only screen and (min-width: 40.625em) {
.survey {
max-width:20em;	
}
}
@media only screen and (min-width: 56.25em) {
.survey {
bottom: 1.5em;
}
}


/*****************************************************************
 ACCORDION
******************************************************************/
.accordion-list { 
	position : relative; 
	display:block; 
	clear:both;
	margin-bottom:22px;
}

.accordion-list ul{ 
	margin-left:30px;
}

.accordion-header a{
padding: 10px;
border: 1px solid black;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#e1e1e1')";
	border-radius: 0.2em;
	border: 1px solid #CCCCCC;
	color: #222222;
	text-decoration: none;
	outline: none;
	display: inline-block;
	margin-bottom: 12px;
	width: 96.5354%;
	position: relative;
	font-size: 1.1em;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f9f9f9),color-stop(1, #e1e1e1));
	background-color: #f7f7f7;
}

.accordion-header a:hover {
background-position: 0% 0%;
	color:#222222;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e1e1e1', EndColorStr='#f9f9f9')";
	display: block;
	margin-bottom: 12px;
	width: 96.5354%;
	position: relative;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e1e1e1),color-stop(1, #f9f9f9));
	background-color: #e1e1e1;
	background-repeat: repeat;
	background-attachment: scroll;
	cursor:pointer!important;
	display:inline-block;
}

.dt .dd {
padding: 10px;
border: 1px solid black;
border-bottom: 0;
border-bottom: 1px solid black;
background: -moz-linear-gradient(center top , #F9F9F9, #e1e1e1) repeat scroll 0 0 #CCCCCC;
border: 1px solid #CCCCCC;
color: #222222;
}

.a {
color: black;
font-family: Aller-Bold;
font-weight:noraml;
width:100%;
height:100%;
display:block;
}

.dt a {
width:100%;
height:100%;
display:block;
}

.dd {
border-top: 0;
font-size: 12px;
border-top: 1px solid black;
position: relative;
top: -1px;
 }
  


@-moz-keyframes bounce{0%{-moz-transform:translateY(0);transform:translateY(0)}20%{-moz-transform:translateY(0);transform:translateY(0)}40%{-moz-transform:translateY(-6px);transform:translateY(-6px)}50%{-moz-transform:translateY(0);transform:translateY(0)}60%{-moz-transform:translateY(-3px);transform:translateY(-3px)}80%{-moz-transform:translateY(0);transform:translateY(0)}100%{-moz-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}60%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}80%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes bounce{0%{-o-transform:translateY(0);transform:translateY(0)}20%{-o-transform:translateY(0);transform:translateY(0)}40%{-o-transform:translateY(-6px);transform:translateY(-6px)}50%{-o-transform:translateY(0);transform:translateY(0)}60%{-o-transform:translateY(-3px);transform:translateY(-3px)}80%{-o-transform:translateY(0);transform:translateY(0)}100%{-o-transform:translateY(0);transform:translateY(0)}}@-ms-keyframes bounce{0%{-ms-transform:translateY(0);transform:translateY(0)}20%{-ms-transform:translateY(0);transform:translateY(0)}40%{-ms-transform:translateY(-6px);transform:translateY(-6px)}50%{-ms-transform:translateY(0);transform:translateY(0)}60%{-ms-transform:translateY(-3px);transform:translateY(-3px)}80%{-ms-transform:translateY(0);transform:translateY(0)}100%{-ms-transform:translateY(0);transform:translateY(0)}}@keyframes bounce{0%{transform:translateY(0)}20%{transform:translateY(0)}40%{transform:translateY(-6px)}50%{transform:translateY(0)}60%{transform:translateY(-3px)}80%{transform:translateY(0)}100%{transform:translateY(0)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1,1);transform:scale(1,1)}50%{-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}100%{-moz-transform:scale(1,1);transform:scale(1,1)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1,1);transform:scale(1,1)}50%{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}100%{-webkit-transform:scale(1,1);transform:scale(1,1)}}@-o-keyframes pulse{0%{-o-transform:scale(1,1);transform:scale(1,1)}50%{-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}100%{-o-transform:scale(1,1);transform:scale(1,1)}}@-ms-keyframes pulse{0%{-ms-transform:scale(1,1);transform:scale(1,1)}50%{-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}100%{-ms-transform:scale(1,1);transform:scale(1,1)}}@keyframes pulse{0%{transform:scale(1,1)}50%{transform:scale(1.1,1.1)}100%{transform:scale(1,1)}}.step-1 .image-container div.images img,.step-1 .image-container div.context ul li,.made-grade .step-1 .image-container::after,.made-grade .step-1 .image-container div.context,.made-grade .step-1 p.desc,.made-grade .step-1 p.instruct,.made-grade .step-1 div.hotspot,.made-grade .step-2 p.intro,.made-grade .step-2 a.option{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s}.step-1 .image-container div.images img.active,.step-1 .image-container div.context ul li.active,.frame-10 .step-1 .image-container::after,.frame-10 .step-1 .image-container div.context,.frame-20 .step-1 p.desc,.frame-20 .step-1 p.instruct,.frame-20 .step-1 div.hotspot,.frame-30.frame-30 .step-2 p.intro,.frame-30.frame-40 .step-2 a.opt-two,.frame-30.frame-40 .step-2 a.opt-three,.frame-30.frame-50 .step-2 a.opt-one,.frame-30.frame-60 .step-2 a.opt-four,.frame-30.frame-60 .step-2 a.opt-five,.frame-30.frame-60 .step-2 a.opt-six{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.plan-future{padding:2%;width:96%}.plan-future p.instruct,.plan-future p.intro{font-size:1em;text-align:center;margin:0 0 1.75%}@media only screen and (min-width:51em){.plan-future p.instruct,.plan-future p.intro{font-size:1.4em}}.plan-future div.hotspot img.arrow{display:block;margin:0 auto 1.75%}.plan-future div.hotspot:hover img.arrow{-webkit-animation:bounce;-moz-animation:bounce;-ms-animation:bounce;-o-animation:bounce;animation:bounce;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.step-1 .image-container{position:relative;overflow:hidden}.step-1 .image-container img{display:block}.step-1 .image-container div.images img{position:absolute;left:0;top:0;width:100%}.step-1 .image-container div.context{background-color:#7d2a90;background-color:rgba(0,163,63,0.8);color:#fff;font-size:1.2em;line-height:2.2em;padding:2.4% 2.4% 0;position:absolute;left:2%;top:21px;width:91.2%}.step-1 .image-container div.context p{margin:0 0 1em}.step-1 .image-container div.context ul{padding:0;list-style:none;position:relative;height:1em;margin:0 0 .75em}.step-1 .image-container div.context ul li{margin:0;padding:0;position:absolute;left:0;top:0}@media only screen and (min-width:30em){.step-1 .image-container div.context{font-size:2em}}@media only screen and (min-width:51em){.step-1 .image-container div.context{font-size:2.3em;left:2.9%;width:25.0%;padding:2.4%}}.step-1 .image-container::after{background-color:#7d2a90;background-color:rgba(0,163,63,0.8);position:absolute;top:0;left:0;width:100%;height:21px;content:''}.step-1 p.desc{font-size:1.5em;text-align:center;margin:2.6% 10.5% 2.7%;-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s}@media only screen and (min-width:30em){.step-1 p.desc{font-size:2em}}@media only screen and (min-width:51em){.step-1 p.desc{font-size:2.5em}}.step-1 p.instruct{-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.step-1 div.hotspot{-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s}.step-1 div.hotspot a.lets-get-started{text-align:center;text-decoration:none;margin:0 auto 15px;display:block}.step-2{position:relative}.step-2 p.intro{margin:8% auto 1.75%;width:55%}.step-2 #option_slider{overflow:hidden;position:relative;margin:4em auto 5em;width:100%}.step-2 #option_slider div.options{overflow:hidden;position:relative;height:21.4em}.step-2 #option_slider div.options a.option{float:left;width:100%;position:relative;display:block;background:transparent}.step-2 #option_slider div.options a.option .image-container{border:.7em solid #f1f1f1;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;width:20em;height:20em;max-width:260px;max-height:260px;min-width:200px;min-height:200px;margin:0 auto;-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;-webkit-transition-property:border-color,height,width,left,top;-moz-transition-property:border-color,height,width,left,top;-o-transition-property:border-color,height,width,left,top;transition-property:border-color height width left top;overflow:hidden}.step-2 #option_slider div.options a.option .image-container img{display:block;width:100%}.step-2 #option_slider div.options a.option .desc{background-color:#7d2a90;background-color:rgba(0,163,63,0.8);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;color:#fff;font-size:1.2em;padding:.5em;margin:-2em 0 0 -4.5em;width:8em;height:3em;position:absolute;top:50%;left:50%;z-index:9999}.step-2 #option_slider div.options a.option .desc p{margin:0}.step-2 #option_slider div.options a.option:hover .image-container{border-color:#7d2a90;border-color:rgba(0,163,63,0.8)}.step-2 .flippers a{background:url("/img/plan/hoz-arrows.png") no-repeat 0 0;text-indent:-119988px;overflow:hidden;text-align:left;position:absolute;left:0;top:20em;width:18px;height:32px}.step-2 .flippers a.next{background-position:100% 0;left:inherit;right:0}@media only screen and (min-width:830px){.step-2{margin:0 0 5em}.step-2 #option_slider{overflow:visible;visibility:visible;width:100%;height:54em;margin:0 auto}.step-2 #option_slider div.options{overflow:visible}.step-2 #option_slider div.options a.option{float:none;position:absolute;left:50%;width:14.4em}.step-2 #option_slider div.options a.option .image-container{width:auto;height:auto}.step-2 #option_slider div.options a.option .desc{background-color:#7d2a90;margin-left:0;left:-5.4em}.step-2 #option_slider div.options a.opt-one,.step-2 #option_slider div.options a.opt-six{margin-left:-7.2em}.step-2 #option_slider div.options a.opt-one{top:18em;-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.step-2 #option_slider div.options a.opt-two,.step-2 #option_slider div.options a.opt-three{top:3.6em}.step-2 #option_slider div.options a.opt-two{margin-left:-21.6em}.step-2 #option_slider div.options a.opt-three{margin-left:7.2em;-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}.step-2 #option_slider div.options a.opt-four,.step-2 #option_slider div.options a.opt-five{top:28.8em}.step-2 #option_slider div.options a.opt-four{margin-left:-25.2em;-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}.step-2 #option_slider div.options a.opt-five{margin-left:10.8em;-webkit-transition-delay:2s;-moz-transition-delay:2s;-o-transition-delay:2s;transition-delay:2s}.step-2 #option_slider div.options a.opt-six{top:39.6em;-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s}.step-2 .flippers{display:none}}.made-grade .step-2{display:none}.frame-20 .step-2{display:block}.step-3{background:#7d2a90;padding:0 0 5.5em;margin:0 0 20px;position:relative}.step-3 .hotspot{background:url("/img/plan/arrow-green.png") no-repeat 50% 100%;position:absolute;bottom:-19px;left:0;padding:0 0 10px;width:100%;cursor:pointer}.step-3 .hotspot p{color:#fff;text-align:center;font-size:2.2em; font-weight:bold;}@media only screen and (min-width:51em){.made-grade .step-3{display:none}.made-grade .step-3 .selection .big-img,.made-grade .step-3 .selection li{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s}}.frame-70 .step-3{display:block}.selection{background:#7d2a90;position:relative}.selection .big-img{display:block;width:100%;overflow:hidden;margin:0 auto;background:#fff}.selection .big-img img{width:100%;margin:0}.selection .big-img img.desktop{display:none}.selection .big-img img.mobile{display:block}.selection .intro{color:#fff;margin:2% 2% 4%}.selection .intro h1{font-size:2.1em;font-weight:700;padding:0;margin:0}.selection .intro p{font-size:.9em}.selection .intro sup{color:#fff}.selection ul{list-style:none;margin:0;padding:0}.selection ul li{background:#fbb83b;color:#333;display:block;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;margin:2%;padding:1%;text-align:center;font-size:1.2em}.selection ul li strong{font-size:1.5em}.selection ul li em{font-size:.7em;position:relative;top:-4%;display:block}.selection ul li sup{color:#333}.selection ul li.fact-1 h6{font-size:.7em;line-height:1.2em}.selection ul li.fact-3 strong{font-size:2.5em}.selection .request{background:#fff;color:#000;margin:4% 2% 2%;padding:2%}.selection .request h1{padding:0;margin:0;font-size:2.2em;font-weight:bold}.selection .request p{font-size:.9em}.selection .request a{max-width:100%;font-size:1.1em;}.selection .request strong{font-size:1.3em}.selection .source{color:#fff;margin:4% 2%;text-align:right;font-size:.7em}.selection .source img{display:none}.selection .source sup{color:#fff}.selection .warning{color:#fff;border:1px solid #fff;text-align:center;text-transform:uppercase;font-size:.8em;margin:3.75em 3% 1.5em;padding:.5em}@media only screen and (min-width:51em){.selection{min-height:52em}.selection .intro{position:absolute;top:2.5em;left:43%;width:47%;margin:0}.selection .big-img,.selection li{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-ms-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1}.selection .big-img{border:.7em solid white;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;display:block;width:18em;height:18em;position:absolute;top:1.75em;left:9.2%}.selection .big-img img.desktop{display:block}.selection .big-img img.mobile{display:none}.selection ul{height:33.3em}.selection ul li{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;position:absolute;margin:0;padding:0}.selection ul li h6{margin:28% 0 0}.selection ul li.fact-1{width:8.4em;height:8.4em;top:14em;left:34.3%;-webkit-animation-delay:.25s;-moz-animation-delay:.25s;-ms-animation-delay:.25s;-o-animation-delay:.25s;animation-delay:.25s}.selection ul li.fact-2{width:10.5em;height:10.5em;top:16.7em;left:51%;-webkit-transition-delay:.25s;-moz-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-ms-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}.selection ul li.fact-2 h6{margin:4em 0 0}.selection ul li.fact-3{width:13em;height:13em;top:13.7em;left:72.5%;-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s;-webkit-animation-delay:1s;-moz-animation-delay:1s;-ms-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}.selection ul li.fact-3 h6{margin:3em 0 3%}.selection .request{position:absolute;top:25.5em;left:3%;width:25%;margin:0}.selection .source{position:relative;top:0;left:54%;width:43%;margin:1em 0}.selection .source img{display:block;width:100%}.selection .source p{font-size:1.1em;}.selection.loaded .big-img,.selection.loaded li{opacity:1 !important;filter:alpha(opacity=100) !important;-webkit-animation:pulse;-moz-animation:pulse;-ms-animation:pulse;-o-animation:pulse;animation:pulse;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-ms-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1}.selection.loaded .fact-1{-webkit-animation-delay:.25s;-moz-animation-delay:.25s;-ms-animation-delay:.25s;-o-animation-delay:.25s;animation-delay:.25s}.selection.loaded .fact-2{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-ms-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}.selection.loaded .fact-3{-webkit-animation-delay:1s;-moz-animation-delay:1s;-ms-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}}.island .hotspot{display:none}.step-4 p.intro{font-size:1.5em;text-align:center;margin:2.2em 0 0;font-weight:bold;}@media only screen and (min-width:30em){.step-4 p.intro{font-size:1.9em}}@media only screen and (min-width:51em){.step-4 p.intro{font-size:2.2em}}.step-4 p.instruct{margin:1.75em auto;width:50%;font-size:1.2em}.step-4 form{text-align:center;position:relative;margin:0 auto 1.75em}.step-4 form .location{background:#f9f8f8;border:1px solid #000;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px #cccccc inset;-moz-box-shadow:0 5px 10px #cccccc inset;box-shadow:0 5px 10px #cccccc inset;width:90%;font-size:1.5em;padding:.6em;margin:0 0 .5em;float:none;clear:none}.step-4 form .button-blue{float:none}.step-4 #map-canvas{width:100%;height:480px}.step-4 #map-canvas img{max-width:none}.step-4 #map-canvas .popover{width:175px;height:100px;font-size:1.3em}.step-4 #map-canvas .popover a{background:transparent}@media only screen and (min-width:25em){.step-4 form .location{width:14.8em;max-width:90%}.step-4 form .button-blue{clear:none;width:4em;display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;vertical-align:top;margin:2px 0 0}}.made-grade .step-4{display:none}.frame-70 .step-4{display:block}

.map-wrap{
	overflow:hidden;
	height:0;
	position:relative;
}

.top-margin05em
{
	margin-top:0.5em!important;
}

.top-margin1em
{
	margin-top:1em!important;
}

.top-margin1-5em
{
	margin-top:1.5em!important;
}

.max-width-none
{
	max-width:none!important;
}

/*****************************************************************
 TOUR DE FRANCE MODULES
******************************************************************/
.col .tour-de-france {
padding:0 !important;
margin-bottom: 8px;
width: 100%;
clear: both !important;
margin-bottom: 10px;
}



/*****************************************************************
TOUR DE FRANCE
******************************************************************/

.module.hero-content {padding: 0 !important}

.loading{
	background:url('/img/plan/loading.gif') no-repeat center center;
	height:31px;
	width:31px;
	margin:0 auto 20px auto;
	display:none;
}

/* // $/cmignore */





/*****************************************************************
HEADLINE VI
******************************************************************/

h1 span, .line-1, .line-2, .line-3, .line-4, .line-5, .line-6 {display: block;
width: 100%;
float: left}

.line-grand-depart {
line-height:0.90;
display: block;
width: 100%;
float: left}


.headline h1.title {font-size: 2.5em; line-height: 0.75}
.headline h1.title-squricle  {font-size: 2.5em; line-height: 0.75}

.col .headline h1 {padding-left: 2.1% !important}
.col .headline h2 {font-size: 1.14em; margin-bottom: 0}  /*16 / 14*/


.col .headline .lede-para {margin-top: 1em; font-family: Aller, "Trebuchet MS"; float: left; font-size: 1em; }

.headline.incRate h1.title {font-size: 2.5em; color: #292929;  line-height: 0.75}

.headline .text h1.title .black {font-size: 0.6em; color: #292929;  line-height: 0.75}
.headline .text.black h1.title {font-size: 2em; color: #292929; font-family: Aller, "Trebuchet MS"; text-transform: none; line-height: 1.2}
.headline .text h1.title.size-l {font-size: 3em;}
.headline .text h1.title.size-xl {font-size: 3.4em;}
.headline .text h1.title.size-xxl {font-size: 3.4em;}

h1.rate {font-size: 3em; line-height: 0.75em;}

h1 span.colour-a, h1 span.colour-b, h1 span.colour-c {color: #7d2a90}


@media only screen and (min-width: 21.875em)  { /* 350 / 16 */
.headline h1.title {font-size: 3em; }
.headline h1.title-squricle  {font-size: 3em;}
.headline .text h1.title.size-l {font-size: 3.8em;}
.headline .text h1.title.size-xl {font-size: 4em;}
.headline .text h1.title.size-xxl {font-size: 4em;}
.col .headline .lede-para {font-size: 1em; }
}

@media only screen and (min-width: 30.625em) { /* 490 /16 */
.headline .text-squircle .title {font-size: 3.8em; }
.headline .text h1.title {font-size: 4.2em; }
.headline.incRate h1.title,  h1.rate {font-size: 2.5em;}
.headline .text h1.title.size-l {font-size: 4.6em;}
.headline .text h1.title.size-xl {font-size: 5em;}
.headline .text h1.title.size-xxl {font-size: 6em;}
.col .headline h2 {font-size: 1.29em} 	/* 18/14 */
.col .headline .lede-para {}
}


@media only screen and (min-width: 40.625em) {
.headline .text-squircle .title {font-size: 3.2em; }
.headline .text h1.title {font-size: 3.9em; }
.headline .text.black h1.title {font-size: 1.7em; color: #292929; font-family: Aller, "Trebuchet MS"; text-transform: none; line-height: 1.2}
.headline.incRate h1.title,  h1.rate  {font-size: 2.5em;}
.headline .text h1.title.size-l {font-size: 4em;}
.headline .text h1.title.size-xl {font-size: 4em;}
.headline .text h1.title.size-xxl {font-size: 6em;}
.col .headline h2 {font-size: 1.29em}  /*18 / 14*/
.col .headline .lede-para {}
}

@media only screen and (min-width: 46.875em) { /* 750px / 16*/
 .headline .text-squircle .title {font-size: 3.6em; } /*16 / 14*/
 .headline .text h1.title {font-size: 4.6em; } /*16 / 14*/
 .headline.incRate h1.title, h1.rate {font-size: 2.5em;}
 .headline .text h1.title.size-l {font-size: 4.5em;}
.headline .text h1.title.size-xl {font-size: 5em;}
.headline .text h1.title.size-xxl {font-size: 7em;}
 .col .headline h2 {font-size: 1.43em} /* 20 / 14*/
 .col .headline .lede-para {}
}

@media only screen and (min-width: 56.25em) {
 .headline .text-squircle .title {font-size: 4.2em; }
 .headline .text h1.title {font-size: 4.8em; }
 .headline.incRate h1.title, h1.rate{font-size: 3.2em;}
 .headline .text h1.title.size-l {font-size: 5.14em; } /* 72 / 14*/
 .headline .text h1.title.size-xl {font-size: 5.714em; }  /* 80 / 14*/
.headline .text h1.title.size-xxl {font-size: 8.714em; } 
.col .headline h2 {font-size: 1.57em}  /*22 / 14*/
.col .headline .lede-para {}
}

ul.bullet-custom-squircle li:before {
    background: none repeat scroll 0 0 #7d2a90;
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: 0.43em;
    width: 10px;
}
	
	

/* Banner with Side Panel */

.col .with-side-panel .text {float: left; margin-bottom: 0; padding-bottom: 0}
.swain {background: #e9e9e9; font-family:YBS-Headline; display: inline-block; padding: 0.2em 0.5em 0.1em 0.5em; font-weight: normal; font-size: 1.214em; color: #7d2a90; margin-bottom: 0.8em; margin-left: 2.3%}

.banner-side-panel {padding: 0 2%; margin-top: 2em; float: left}	
.banner-side-panel h3  {font-size: 1.6em; color: #7d2a90; margin-bottom: 0.6em !important}
.banner-side-panel h3.black {color: #292929; margin-bottom: 0.5em !important}
.banner-side-panel p {line-height: 1.2em}
.banner-side-panel ul {margin-bottom: 0; }
.banner-side-panel ul li {margin-bottom: 0.1em;}
.banner-side-panel ul li:before {margin-right: 0.4em;}	

.banner-side-panel .logo.not-full-width img {width: 12em !important; margin: 1em auto 0 auto !important;  }
.banner-side-panel .logo.full-width img {width: 100%; margin: 0em auto 0 auto; max-width: 16em }

.headline .cta.full-width {width: 100%; margin-top: 1em; max-width: 16em; display: block}
.headline .cta.full-width a {width: 100%; max-width: 16em}
.centre-subtitle{text-align:center;}

.with-side-panel.landing .hero {display: block; position: relative; top: 0}

@media only screen and (min-width: 40.625em) {
.col .headline.incHero.medium-size10 {min-height: 10em}		
.col .headline.incHero.medium-size11 {min-height: 11em}	
.col .headline.incHero.medium-size12 {min-height: 12em}	
.col .headline.incHero.medium-size13 {min-height: 13em}	
.col .headline.incHero.medium-size14 {min-height: 14em}	
.col .headline.incHero.medium-size15 {min-height: 15em}
.col .headline.incHero.medium-size16 {min-height: 16em}	
.col .headline.incHero.medium-size17 {min-height: 17em}
.col .headline.incHero.medium-size18 {min-height: 18em}
.col .headline.incHero.medium-size19 {min-height: 19em}
.col .headline.incHero.medium-size20 {min-height: 20em}
.col .headline.incHero.medium-size21 {min-height: 21em}
.col .headline.incHero.medium-size22 {min-height: 22em}
.col .headline.incHero.medium-size23 {min-height: 23em}
.col .headline.incHero.medium-size24 {min-height: 24em}
.col .headline.incHero.medium-size25 {min-height: 25em}
.col .headline.incHero.medium-size26 {min-height: 26em}
.col .headline.incHero.medium-size27 {min-height: 27em}

/* do not remove */
.col .headline.incHero.shortest {min-height: 21.5em}
.col .headline.incHero.xxxxshort {min-height: 24.5em}
.col .headline.incHero.xxxshort {min-height: 25em}
.col .headline.incHero.xxshort {min-height: 25.5em}
.col .headline.incHero.xshort {min-height: 26.0em}
.col .headline.incHero.short {min-height: 26.5em}
.col .headline.incHero.medium {min-height: 27em}	
.col .headline.incHero.long {min-height: 27.5em}
}
.col .headline.white .swain, .col .headline .white.swain {background: #fff}
.col .headline .swain{background: #e9e9e9}

.with-side-panel.landing .hero {position: absolute; top: auto;}

.col .with-side-panel .text {margin-bottom: 1.5em;padding-bottom: 1em;width: 100%;}	
.col .with-side-panel .text.wide{ width: 65%}	
.col .with-side-panel .text.narrow {width: 50%}

@media screen and (min-width: 40.625em){
	.col .headline.incHero.white .title span {
		color: #fff;
	}
	
	.col .headline.white h3.lede-para {
    color:white;
	}
	
	.col .headline.white h3 {
    color:white;
}
	.col .with-side-panel .text {margin-bottom: 1.5em;padding-bottom: 1em;width: 55%;}	
}

    .col .headline.white h3.lede-para {color: #564c4c}
	.col .headline p.white {color: #fff}	
	.col .headline.white a {color: #fff}


.col .headline h3.lede-para {margin-bottom: 1em}
.col .headline h3.lede-para.narrow {width: 75%; }

	
.banner-side-panel-png,
.banner-side-panel {
	background: #fff; 
	height: auto; 
	width: 100%; 
	border-radius: 3px; 
	padding: 0em; 
	float: left; 
	clear: none; 
	margin-top: 0em; 
	margin-right: 0em; 
}


.banner-side-panel li a{color:#292929;}

@media screen and (min-width: 40.625em){
	.incHero.white.headline .text .title span,
	.col .incHero.white.headline h2,
	.col .incHero.white.headline h2 a{
		color: #fff;
	}
}

@media only screen and (min-width: 40.625em) {
.banner-side-panel.grey {
    background: #f8f8f8  none repeat scroll 0 0;
	border: 1px solid #efefef;

}

.banner-side-panel-png,
.banner-side-panel {
	background: #fff; 
	height: auto; 
	width: 35%; 
	border-radius: 3px; 
	/*border-radius: 70% / 0.9em;*/ 
	padding: 1em; 
	float: right; 
	clear: none; 
	margin-top: 2em; 
	margin-right: 0.1em; 
}

.banner-side-panel.width-16 {width:16em;}
.banner-side-panel.width-17 {width:17em;}
.banner-side-panel.width-18 {width:18em;}
.banner-side-panel.width-19 {width:19em;}

.banner-side-panel.image-banner{background: none; padding: 0; float: right; clear: none; margin-top: 2em; margin-right: 0.1em; }
.banner-side-panel.image-banner a:hover{background:none}

.banner-side-panel h3 {font-size: 1.57em !important; line-height: 1.1em !important}

.headline p.large-text {font-family: Aller-Light, "Trebuchet MS"; font-size: 1.14em}
}

@media only screen and (min-width: 56.25em) {
.col .headline.incHero.large-size10 {min-height: 10em}		
.col .headline.incHero.large-size11 {min-height: 11em}	
.col .headline.incHero.large-size12 {min-height: 12em}	
.col .headline.incHero.large-size13 {min-height: 13em}	
.col .headline.incHero.large-size14 {min-height: 14em}	
.col .headline.incHero.large-size15 {min-height: 15em}
.col .headline.incHero.large-size16 {min-height: 16em}	
.col .headline.incHero.large-size17 {min-height: 17em}
.col .headline.incHero.large-size18 {min-height: 18em}
.col .headline.incHero.large-size19 {min-height: 19em}
.col .headline.incHero.large-size20 {min-height: 20em}
.col .headline.incHero.large-size21 {min-height: 21em}
.col .headline.incHero.large-size22 {min-height: 22em}
.col .headline.incHero.large-size23 {min-height: 23em}
.col .headline.incHero.large-size24 {min-height: 24em}
.col .headline.incHero.large-size25 {min-height: 25em}
.col .headline.incHero.large-size26 {min-height: 26em}
.col .headline.incHero.large-size27 {min-height: 27em}	
	
	
.col .headline h3.lede-para.narrow {width: 70%; }
.col .with-side-panel .text {width: 55% !important;}	
.col .with-side-panel .text.narrow {width: 50%}

.banner-side-panel {margin-top: 2em;}
}

/* promo rate banner with side bar */
.with-side-panel h1.rate span {color: #292929}
.with-side-panel.incRate h2 {font-family: "Aller-Bold", "Trebuchet MS", sans-serif; color: #444}
.headline .cta.show-for-mobile, .headline .cta.show-for-mobile  {display: block; margin-top: 1em; width: 100%}
.headline .text .cta.hide-for-mobile, .headline .text-squircle .cta.hide-for-mobile {display: none}

.headline.incRate.with-side-panel .mortgage-rate {background: none; border-bottom: 3px solid #e1e1e1; margin-top: 1em; width: 95.4427%}
.with-side-panel .mortgage-rate .rate {border-top: none; color: #292929}
.with-side-panel .mortgage-rate .rate h4 {color: #cf3087}
.with-side-panel .mortgage-rate .rate .headline-rate {margin-top: 0.2em}

.incRate.with-side-panel .banner-side-panel {margin-top: 0em;}

.incRate.with-side-panel .banner-side-panel h3, .no-background.with-side-panel .banner-side-panel h3  {color: #292929; margin-bottom: 0.6em !important}


@media only screen and (min-width: 40.625em) {	

	
	.headline.incHero.with-side-panel .mortgage-rate {width: 38.0628%; border-bottom: none; margin-top: 2em}

	.headline .cta.show-for-mobile {display: none}
	.headline .text .cta.hide-for-mobile, .headline .text-squircle .cta.hide-for-mobile {display: block; float: left}
	
	.headline.incRate.with-side-panel .banner-side-panel {margin-bottom: 3em; float: left; width: 94.043%; border-top: 3px solid #e1e1e1; border-radius: 0; margin-top: 2em}
	
	/*.headline.no-background.with-side-panel .banner-side-panel  {width: 94.043%; border-top: 3px solid #e1e1e1; border-radius: 0;}*/
	.headline.no-background.with-side-panel .banner-side-panel  {margin-bottom: 0em; width: 30%; border-left: 3px solid #e1e1e1; border-top: none; border-radius: 0;}
		
	
	/*sitecapture test image*/
	.sc-test:before {
	content: url(/img/sc/sc-test-bar.gif);
	height:4px;
	width:550px;
	margin:20px auto 20px 0px;
	/*display:none;*/
}
}

@media only screen and (min-width: 56.25em) {
.headline.incRate.incRate.with-side-panel .text {width: 46%}
.headline.incRate.with-side-panel .mortgage-rate {width: 24.0628%; }
.headline.incRate.with-side-panel .banner-side-panel {margin-bottom: 0em; width: 20%; border-left: 3px solid #e1e1e1; border-top: none; border-radius: 0; min-height: 20.5em}

.headline.no-background.with-side-panel .banner-side-panel  {margin-bottom: 0em; width: 20%; border-left: 3px solid #e1e1e1; border-top: none; border-radius: 0;}

.incRate.with-side-panel .banner-side-panel h3, .no-background.with-side-panel .banner-side-panel h3  {font-size: 1.47em;}
.headline.incRate.with-side-panel .cta.hide-for-mobile {margin-bottom: 3.5em; margin-top: 0.5em; float: left}
}

/* end promo rate banner with side bar */

/*****************************************************************
YOU CHOOSE INSURANCE CAMPAIGN - OCT 2014
******************************************************************/

.you-choose-buildings, .you-choose-contents, .you-choose-combined{
	margin:10px 0px 10px 0px;
}

.you-choose-buildings ul{
	margin:12px 0px 22px 82px;
}

.you-choose-contents ul, .you-choose-combined ul{
	margin:12px 0px 22px 60px;
}

.you-choose-buildings .cta, .you-choose-contents .cta, .you-choose-combined .cta{
		margin: 0 auto;
		margin-bottom:8px;
}

@media only screen and (min-width: 31.3125em) {
.you-choose-buildings .cta, .you-choose-contents .cta, .you-choose-combined .cta{
	margin: 5px 0px 8px 22%;
}
}

/*****************************************************************
MORTGAGES - FEATURED PRODUCT
******************************************************************/

.featured-mortgage {
    background-color: #fafafa;
    border: 1px solid #e8e8e8;
    clear: both;
    float: left;
    height: 100%;
    padding: 1em 1em 2em 1em;
    position: relative;
}

.featured-mortgage h2{
	color:#000;
	font-family:'YBS-Headline';
	font-size: 2.8em;
	line-height:0.8em;
	margin-bottom:8px;
	padding-bottom:0.3em!important;
}

.featured-mortgage h3{
	font-family:'Aller';
	font-weight:normal!important;
}

.featured-mortgage h4{
	font-size: 3.3em!important;
}

.featured-mortgage-cta{
	margin:14px 0px 14px 9px;
}

.featured-mortgage-legal{
	background-color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    clear: both;
    font-size: 12px;
    line-height: 1.2em;
    padding: 12px;
    text-align: center;
    width: 100%;
}

.featured-mortgage ul{
	margin:4px 0px 16px 24px!important;
}


/*****************************************************************
ACCORDION UPDATE - OCT 2014
******************************************************************/

.accordion-header .icon-circle-arrow-down:after, .accordion-header .icon-circle-arrow-up:after, .accordion-header .icon-circle-arrow-up:before   {display: block; float: right; color: #7d2a90; }
.accordion-header .icon-circle-arrow-up:before  {content: '\0000a0 \f0aa'}

/*****************************************************************
LIGHTBOX - OCT 2014
******************************************************************/
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #cccccc; }
.mfp-preloader a:hover { color: white; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close, .mfp-inline-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; }
.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close, .mfp-inline-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; min-height:39em; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; }
/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
 @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0;}
 .mfp-img-mobile img.mfp-img { padding: 0;}
 .mfp-img-mobile .mfp-figure {
/* The shadow behind the image */ }
 .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0;}
 .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px;}
 .mfp-img-mobile .mfp-bottom-bar {
 background: rgba(0, 0, 0, 0.6);bottom: 0;margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
 .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0;}
 .mfp-img-mobile .mfp-counter { right: 5px; top: 3px;
}
 .mfp-img-mobile .mfp-close {
 top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0;}
}
 @media all and (max-width: 900px) {
 .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75);}
 .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0;}
 .mfp-arrow-right {-webkit-transform-origin: 100%; transform-origin: 100%;}
 .mfp-container { padding-left: 6px; padding-right: 6px;}
}
.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

.faq-lb .mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 844px; 
width: 844px;
height: 553px;
}

.toptips-lb .mfp-inline-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 650px; 
width: 650px;
height: 553px;
}

.bbswelcome .mfp-content {
  height: 25em!important;
  top: -8em!important;
}

.faq-lb .mfp-iframe-scaler iframe {background: #fff;}
.faq-lb.mfp-bg {background: #111; opacity: 0.8; }
.mfp-close {font-size: 34px; color: #fff; width: 24px !important;}
.mfp-close:hover {color: #e1e1e1}

/* appointment booking*/


span[role="button"]{cursor: pointer}
.icon-comments.colour-f:before {color: #cf3087}

#masthead.no-navigation {min-height: 6em}

#status-panel{margin: 0 3.125% 1em 3.125%; padding: 0 1.875%;}

#status-panel span {color: #00a33f; text-decoration: underline; }
#appointment-booking-form-wrap section {display: none}

@media only screen and (min-width: 31.3125em) {
	#status-panel{margin: 0 0 1em; padding: 0 1.4%;}
}
#appointment-booking-form-wrap .dataForm form  {border-top: none} 
#appointment-booking-form {margin-top: 0.5em; }
#appointment-booking-form-wrap h1 {color: #00a33f; font-size: 2.5em; margin-left: 0; padding-left: 0; border-bottom: 1px solid #efefef; padding-bottom: 0.25em }	
#appointment-booking-form span {clear: both; border: 0; line-height: 1.2; }
#appointment-booking-form .intro-para {margin-top: 1em}
#appointment-booking-form .intro-para.small {font-size: 0.87em; margin-bottom: 0}
#appointment-booking-form label {margin-top: 0; }
#appointment-booking-form span.no-border {border: 0}
#appointment-booking-form .input-row {border: none}
#appointment-booking-form p.small {font-size: 0.87em}
#appointment-booking-form p.label-title, #label-best-description-1, #label-best-description-2, #label-current-mortgage-customer, #label-enquiry-type, #label-appointment-preference, #label-appointment-type {font-family: Aller-Bold, "Trebuchet MS"; font-weight: normal; font-size: 1.1em; display: block}
 #label-best-description-1, #label-best-description-2 {padding-bottom: 0.5em}

#enquiry-type-wrap {padding-bottom: 0}

#enquiry-type, #best-description-1, #best-description-2 {width: auto; border: 1px solid #d9d9d9; margin: 0.8em 0 0.8em 0}

#appointment-booking-form  #current-customer-wrap.radio .option-1, #appointment-booking-form #current-customer-wrap.radio .option-2 {width: 5em; margin-top: 0.8em;}

form #current-customer-wrap input[type="radio"], #appointment-type-wrap input[type="radio"], #appointment-medium-wrap input[type="radio"]{max-width: 0; min-width: 1em;}
.option-1 label, .option-2 label {margin-left: 0.5em}

#appointment-type-wrap {border-bottom: none; display: none;}

#appointment-type-wrap.radio .option-1, #appointment-type-wrap.radio .option-2 {
	padding: 0; margin-top: 0.8em;
}

#appointment-type-wrap.radio .option-2 { margin-top: 0.8em;}


#appointment-type-wrap.radio span {margin-left: 1.7em; background: none}

#appointment-type-wrap span {margin-top: 0.5em}


#appointment-medium-wrap .option-1, #appointment-medium-wrap.radio .option-2 {
	margin-top: 0.8em;
}

#appointment-booking-form .checkbox {min-height: 0; padding-bottom: 1.5em}
#appointment-booking-form .checkbox.confirm {padding-bottom: 0em; padding-top: 0em}
#appointment-booking-form .checkbox .checkbox-wrap {padding: 0em; }

form .checkbox-wrap input[type="checkbox"] {margin: 0; max-width: 0; min-width: 1em}
form .checkbox-wrap label {margin-left: 0.5em}

#current-customer-wrap, #best-description-1-wrap, #best-description-2-wrap,  #appointment-booking-form .submit-two, #appointment-medium-wrap, #duration, #err-message, #appointment-booking-form-wrap .next-wrap {display: none}
#appointment-booking-form-wrap .branch-select {display: block}

#appointment-branch-finder-wrap .agency {display: none}

#appointment-branch-finder-wrap .contact-method {margin-bottom: 1.5em}

#appointment-booking-form .location-wrap {display:block; position: relative; clear: none; margin-bottom: 1.6em}

#appointment-booking-form .location-wrap span {border: 1px solid #ccc}

#appointment-booking-form .location-lookup {width: 39.02%;  max-width: 6.14em; min-width: 5.857em; border-top-left-radius: 0; border-bottom-left-radius: 0; -webkit-appearance: none; text-indent: 0; cursor: pointer;  position: relative; float:right; margin: 0 0 1em 0; text-align: center; padding: 0; height: 38px; line-height: 38px; top: auto; right: auto;  clear: both; }

#appointment-booking-form .postcode-wrap {border: 1px solid #ccc; border-top-right-radius: 0;
    border-bottom-right-radius: 0; height: 36px; clear: none}



  
   
#branch-no-mortgage-appointments {margin-top: 1em; display: none}

#branch-no-mortgage-appointments span {display: inline; }
#appointment-booking-form  #duration {border: 1px solid #b1b1b1; margin-bottom: 2em; width: 99.8%;}

.err-message {}
#err-message p {color: red; font-size: 1em; margin-bottom: 0em; font-family: "Aller-Bold", "Trebuchet MS"}

#appointment-booking-form .ebt-promo {margin-top: 0.5em; background: #f8f8f8; padding: 1em; border: 1px solid #efefef; border-radius: 4px; display: none}

@media only screen and (min-width: 56.25em) {
	#appointment-booking-form .ebt-promo {background: #f8f8f8 url(../img/laptop-half.png) no-repeat right;}
}
#appointment-booking-form .bg-colour-a {background: #00A33F}
#appointment-booking-form .bg-colour-f {background: #cf3087}

#summary-box-general, #summary-box-ebt {display: none}

#appointment-booking-form-wrap .summary-box {background: #f3f3f3;   border: 1px solid #e3e3e3; border-radius: 0.2em; float: left; margin: 1em 0 1em 0 }
#appointment-booking-form-wrap .summary-box.two-col-container .column-1 {margin: 0.6em 2.5% 0.8em 2.5%; width: 95%; float: left}
#appointment-booking-form-wrap .summary-box.two-col-container .column-2 {margin: 0em 2.5% 0.8em 2.5%; width: 95%; float: left}

#appointment-booking-form-wrap .summary-box.three-col-container .column-1 {margin: 0.6em 2.5% 0.8em 2.5%; width: 95%; float: left}
#appointment-booking-form-wrap .summary-box.three-col-container .column-2 {margin: 0em 2.5% 0.8em 2.5%; width: 95%; float: left}
#appointment-booking-form-wrap .summary-box.three-col-container .column-3 {margin: 0em 2.5% 0.8em 2.5%; width: 95%; float: left}

@media only screen and (min-width: 31.3125em) {
#appointment-booking-form-wrap .summary-box.two-col-container .column-1 {margin: 0.6em 2.5% 0.8em 2.5%; width: 35%;}
#appointment-booking-form-wrap .summary-box.two-col-container .column-2  {margin: 0.6em 2.5% 0.8em 2.5%; width: 50%;}	

#appointment-booking-form-wrap .summary-box.three-col-container .column-1 {margin: 0em 1% 0.8em 0.5%; width: 31.5%;}
#appointment-booking-form-wrap .summary-box.three-col-container .column-2 {margin: 0em 1% 0.8em 0.5%; width: 31.5%;}
#appointment-booking-form-wrap .summary-box.three-col-container .column-3 {margin: 0em 1% 0.8em 0.5%; width: 31.5%;}
}


#appointment-booking-form-wrap .summary-box .text {margin-left: 4em; margin-top: 0.7em}
#appointment-booking-form-wrap .summary-box h4 {margin-bottom: 0}
#appointment-booking-form-wrap .summary-box h3 {margin-left: 2.5%; margin-top: 0.6em; border-bottom: 1px solid #e3e3e3; font-size: 1.42em}
#appointment-booking-form-wrap .summary-box span.small {font-size: 0.86em; border: 0; padding: 0; display: inline; color: #666; background: none}
#appointment-booking-form-wrap .duration-number {background: none; display: inline}

#appointment-booking-form .summary-box #joint-app {clear: both; margin: 1em 2.5% 1em 2.5%; border-top: 1px solid #e3e3e3; padding-top: 1em; line-height: 1.4em}
#appointment-booking-form .summary-box #joint-app:before {color: #00A33F; content: "\f05a"; font-family: 'FontAwesome'; }

#appointment-booking-form .summary-box #please-note {clear: both; margin: 1em 2.5% 1em 2.5%; border-top: 1px solid #e3e3e3; padding-top: 1em;  }
#appointment-booking-form .summary-box #please-note:before {color: #00A33F; content: "\f05a"; font-family: 'FontAwesome'; margin-right: 0.3em}

#appointment-booking-form-wrap .summary-box.three-col-container p {line-height: 1.1em}
#appointment-booking-form-wrap .summary-box.three-col-container .text {margin-top: 0.6em}
#appointment-booking-form-wrap .summary-box .part-a,#appointment-booking-form-wrap .summary-box .part-c  {font-size:0.87em; margin-bottom: 0.3em; }
#appointment-booking-form-wrap .summary-box .part-b {font-family: "Aller-Bold", "Trebuchet MS"; font-size: 1.07em; margin-bottom: 0.3em}
#appointment-booking-form-wrap .summary-box .part-b.space {margin-bottom: 1em}

#appointment-booking-risk {background: #f3f3f3; float: left;  border: 1px solid #e3e3e3; border-radius: 0.2em; margin: 1em 0; width: 99.6%}
#appointment-booking-risk p {text-align: center; font-family: "Aller-Bold", "Trebuchet MS"; margin: 0.5em 0}

#appointment-booking-form-wrap .icon {float: left; min-width: 4em; margin-top: 0.7em/*padding: 0.5em; border: 0; width: 1.5em; float: left*/}
#appointment-booking-form-wrap .icon-duration:before {color: #fff; content: "\f017"; font-size: 2em; background: #00A33F; min-width: 1em; padding: 0.26em 0.29em; min-height: 1em; border-radius:50%;  text-align: center}	
#appointment-booking-form-wrap .icon-info:before {color: #fff; content: "\f129"; font-size: 2em; background: #00A33F; min-width: 1em; padding: 0.26em 0.29em; min-height: 1em; border-radius:50%;  text-align: center}

#appointment-booking-form-wrap .icon-tick:before {color: #fff; content: "\f00c"; font-size: 1.2em; background: #00A33F; min-width: 0.8em; padding: 0.2em 0.2em; min-height: 0.8em; border-radius:50%;  text-align: center} 

#appointment-booking-form-wrap .apply-method {border: 0; background: none; box-shadow: none; margin-top: 3em; }

#appointment-sidebar {background: #f3f3f3; border: 1px solid #b1b1b1; display: none}
@media only screen and (min-width: 40.625em) {
#appointment-sidebar {display: block}	
}
#appointment-sidebar-inner {margin: 0.1em 1em 0.8em 1em; display: none}
#appointment-sidebar .text {margin-left: 5em}
#appointment-sidebar h3 {font-family: Aller-Bold, "Trebuchet MS"; font-size: 1.57em; color: #cf3087; border-bottom: 1px solid #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.2em }
#appointment-sidebar h4 {margin-bottom: 0}
#appointment-branch, #appointment-telephone {display: none}
#appointment-branch, #appointment-advisor {}
#appointment-advisor, #appointment-date {margin-top: 1.1em; display: none; border-top: 1px solid #e3e3e3; padding-top: 1em}
#appointment-sidebar .branch-name, #appointment-sidebar .telephone-name, #appointment-sidebar .advisor-name, #appointment-sidebar .duration-name, #appointment-sidebar .preference-name {font-family: Aller-Bold, "Trebuchet MS"; font-size: 1.14em; display: block; }
#appointment-sidebar .branch-address {font-size: 0.857em; line-height: 1.2em}
#appointment-sidebar .branch-address-title {margin-bottom: 0.2em;}
#appointment-sidebar .branch-title, #appointment-sidebar .telephone-title, #appointment-sidebar .branch-address-title, #appointment-sidebar .advisor-title, #appointment-sidebar .duration-title, #appointment-sidebar .date-title, #appointment-sidebar .time-title, #appointment-sidebar .preference-title {font-size: 0.87em; }

#appointment-sidebar .icon {float: left; min-width: 4em; height: 4.5em; margin-top: 0.1em}	
#appointment-sidebar .icon-branch:before {color: #fff; content: "\f041"; font-size: 2em; background: #cf3087; min-width: 1em; padding: 0.26em 0.3em; min-height: 1em; border-radius:50%; text-align: center }	
#appointment-sidebar .icon-telephone:before {color: #fff; content: "\f095"; font-size: 2em; background: #cf3087; min-width: 1em; padding: 0.26em 0.3em; min-height: 1em; border-radius:50%; text-align: center }	
#appointment-sidebar .icon-advisor:before {color: #fff; content: "\f086"; font-size: 2em; background: #cf3087; min-width: 1em; padding: 0.26em 0.3em; min-height: 1em; border-radius:50%;  text-align: center}	
#appointment-sidebar .icon-calendar:before {color: #fff; content: "\f073"; font-size: 2em; background: #cf3087; min-width: 1em; padding: 0.26em 0.3em; min-height: 1em; border-radius:50%;  text-align: center}	

#appointment-sidebar .colour-c.icon-calendar:before, #appointment-sidebar .colour-c.icon-advisor:before, #appointment-booking-form-wrap .colour-c.icon-phone:before, #appointment-booking-form-wrap .telephone .icon span {background: #969696;}
#appointment-booking-form-wrap .telephone h3 {color: #00A33F; font-size: 1.42em; margin-bottom: 0.3em}
#appointment-booking-form-wrap .telephone .text {padding: 0}
#appointment-booking-form-wrap .telephone .cta	{}
#appointment-results {display: none; margin-top: 1em}
#appointment-results tr td {padding: 0.5em; }


.online-request-appointment-branch .icon-comments:before, .online-request-appointment-branch .icon-map-marker:before, .online-request-appointment-telephone .icon-phone:before {color: #cf3087}

.request-appointment-branch {display: none}

.branch-finder-button-2 {margin-top: 0.6em}

.module.how-to-apply-new.no-border {border-bottom: 0}
.contact-method-new {padding-bottom: 2em !important}
.contact-method-new .icon-map-marker:before {color: #cf3087}

.telephone-cta-title {margin-bottom: 0.8em; margin-top: 0.8em; font-family: Aller-Bold, "Trebuchet MS"}
.telephone-cta-title.second {margin-top: 0.8em;}
@media only screen and (min-width: 31.3125em) {
.telephone-cta-title.second {margin-top: 0em;}
}

#appointment-error-message {display: none; margin-top: 20px; line-height: 1em}

/* Changes to appointment booking form (appointment-booking-v2) */
/* To move to styles.css/GlobalCSS */
.input-row,
#appointment-booking-form .ebt-promo {
	-webkit-animation: slideIn_fromTop 250ms;
	-moz-animation: slideIn_fromTop 250ms;
	-ms-animation: slideIn_fromTop 250ms;
	animation: slideIn_fromTop 250ms;
	position:relative;
	top: 0;
	opacity: 1;
}
@-webkit-keyframes slideIn_fromTop {
	from { top: -10%; opacity: 0; }
	to { top: 0%; opacity: 1; }
}
@-moz-keyframes slideIn_fromTop {
	from { top: -10%; opacity: 0; }
	to { top: 0%; opacity: 1; }
}
@-ms-keyframes slideIn_fromTop {
	from { top: -10%; opacity: 0; }
	to { top: 0%; opacity: 1; }
}
@keyframes slideIn_fromTop {
	from { top: -10%; opacity: 0; }
	to { top: 0%; opacity: 1; }
}

.branch-finder-geo .accuracyString {
	-webkit-animation: slideIn_fromleft 250ms;
	-moz-animation: slideIn_fromleft 250ms;
	-ms-animation: slideIn_fromleft 250ms;
	animation: slideIn_fromleft 250ms;
	position:relative;
	left: 0;
	opacity: 1;
}
@-webkit-keyframes slideIn_fromleft {
	from { left: -10%; opacity: 0; }
	to { left: 0%; opacity: 1; }
}
@-moz-keyframes slideIn_fromleft {
	from { left: -10%; opacity: 0; }
	to { left: 0%; opacity: 1; }
}
@-ms-keyframes slideIn_fromleft {
	from { left: -10%; opacity: 0; }
	to { left: 0%; opacity: 1; }
}
@keyframes slideIn_fromleft {
	from { left: -10%; opacity: 0; }
	to { left: 0%; opacity: 1; }
}

form #branch-no-mortgage-appointments span {
	background-color: transparent;
}

.mfp-content .inner {
	margin-bottom: 0.9em;
	border-radius: 0.25em;
	padding: 2.5em;
	opacity: 0.9;
	background: RGB(255, 255, 255);
	padding: 1.5em;
	text-align: left;
	max-width: 650px;
	position: relative;
	margin: 0 auto;
		margin-bottom: 0px;
}

#appointment-sidebar h3 {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;

}

#appointment-booking-form .box {
	padding: 1em;
	padding: 1em;
	border: solid 1px #afafaf;
	background-color: rgb(243, 243, 243);
	
	margin-bottom: 1em;
}
#appointment-booking-form .box p{
	margin: 0;
	padding: 0;
}

form#appointment-booking-form span.no-style {
	display: inline;
	background-color: transparent;
	clear: none;
}


/* borrowing calculator */ 

.module.borrowing-calculator-wrapper {
	margin: 0 5%;
	border: 1px solid #d8d8d8;
  	background: #e8e8e8;
	
}
@media only screen and (min-width: 31.3125em) {
	.module.borrowing-calculator-wrapper {
		margin: 0 1.3642564802182810368349249658936%;
		width: auto;
	}
}

.borrowing-calculator-wrapper .calculation {padding: 0.5em 0.1em 0.5em 0.4em !important;}	

.borrowing-calculator-wrapper h2 {
  border-color: #d8d8d8;
}
	
@media only screen and (min-width: 40.625em) {
	.borrowing-calculator-wrapper {
		min-height:22em;
	height:auto !important;
	height:22em;
	}
}
@media only screen and (min-width: 56.25em) {
	.borrowing-calculator-wrapper {
		min-height:20em;
	height:20em;
	}
}
	
#formResultsContainer, #formValidationErrorContainer {display: none}

.darkred {color: #D20827}

a.underline {text-decoration: underline}

.module.inline-tokens {display: inline; margin: 0; padding: 0; float: none}
.module.inline-tokens-with-float {display: inline; margin: 0; padding: 0;}

/* end borrowing calculator */





/*
banner with squircle background */

.squircle-text-wrap-wrap {float: left; width: 100%}

.squircle-text-wrap  {
	background: url("../img/green-squircle-l.png") no-repeat;	width: 18.15em;height: 18.15em;
	margin: 3em auto 0 auto;
	padding: 0;
	clear: both;
	float: none; 
 
   }  



.col .headline .squircle-text-wrap h3 {font-size: 2.2em;  margin-top: -0.2em; margin-bottom: 0.35em; line-height: 0.95em; font-family: ybs-headline;}
.squircle-text-wrap h3.black {color: #292929;}
.squircle-text-wrap h3.white {color: white;}
.squircle-text-wrap h3.green {color: #7d2a90}
.squircle-text-wrap p {line-height: 1.2em}
.squircle-text-wrap ul {margin-bottom: 0; }
.squircle-text-wrap ul li {margin-bottom: 0.1em;}
.squircle-text-wrap ul li:before {margin-right: 0.4em;}	
.squircle-text-wrap .logo.not-full-width img {width: 12em !important; margin: 1em auto 0 auto !important;  }
.squircle-text-wrap .logo.full-width img {width: 100%; margin: 0em auto 0 auto; max-width: 16em }

.squircle-text {
	padding: 1.75em; 
	padding-top: 2.5em;
	color: white;
}



.squircle-text a {color: white;}

.squircle-text a:hover {
  text-decoration: underline;
  background-color: #e8e8e8;
background-color: rgba(233, 233, 233, 0.2);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cd6344e, endColorstr=#4cd6344e);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cd6344e, endColorstr=#4cd6344e)";
}

ul.bullet-custom.white li:before { background: #fff;}

.squircle-text a.button-colour-h:hover {
    background: #e1e1e1;
    filter: none;
    -ms-filter: none;
    text-decoration: none;
}



@media only screen and (min-width: 40.625em) {

.squircle-text-wrap-wrap {
	width: auto;
float: none
}

.squircle-text-wrap {
	margin-top: 3.6em;
	float: right;
	clear: none; 
}


.squircle-text-wrap-with-legal {
	margin-top: 2.6em;
	float: right;
	clear: none; 
}


}







/*
banner with pledge background */

.pledge-text-wrap-wrap {float: left; width: 100%}

.pledge-text-wrap  {
background: url("../img/pledge.png") no-repeat;
background-size: contain;
width: 19.15em;
height: 18.15em;
margin-right: 4em;
padding: 0;
clear: both;
float: none; 
   }  



.col .headline .pledge-text-wrap h3 {font-size: 2.2em;  margin-top: -0.2em; margin-bottom: 0.35em; line-height: 0.95em; font-family: ybs-headline;}
.pledge-text-wrap h3.black {color: #292929;}
.pledge-text-wrap h3.white {color: white;}
.pledge-text-wrap h3.green {color: #7d2a90}
.pledge-text-wrap p {line-height: 1.2em}
.pledge-text-wrap ul {margin-bottom: 0; }
.pledge-text-wrap ul li {margin-bottom: 0.1em;}
.pledge-text-wrap ul li:before {margin-right: 0.4em;}	
.pledge-text-wrap .logo.not-full-width img {width: 12em !important; margin: 1em auto 0 auto !important;  }
.pledge-text-wrap .logo.full-width img {width: 100%; margin: 0em auto 0 auto; max-width: 16em }

.pledge-text {
	padding: 1.75em; 
	padding-top: 2.5em;
	color: white;
}



.pledge-text a {color: white;}

.pledge-text a:hover {
  text-decoration: underline;
  background-color: #e8e8e8;
background-color: rgba(233, 233, 233, 0.2);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cd6344e, endColorstr=#4cd6344e);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cd6344e, endColorstr=#4cd6344e)";
}


@media only screen and (min-width: 40.625em) {

.pledge-text-wrap-wrap {
	width: auto;
float: none
}

.pledge-text-wrap {
	margin-top: 3.6em;
	float: right;
	clear: none; 
}

.pledge-text-wrap-with-legal {
	margin-top: 2.6em;
	float: right;
	clear: none; 
}


}











.custom-counter {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;

    margin-left: 2.3em;
}


.custom-counter li {
    counter-increment: step-counter;
}

.custom-counter li::before {
    content: counter(step-counter);
    font-size: 1.5em;
    background-color: #7d2a90;
    color: white;
    padding: 2px 7px;
    border-radius: 3px;
    margin-left: -1.5em;
margin-right:5px;
    font-family: ybs-headline, "Trebuchet MS";


}





.button-white { 
    color: #18a545! important;
    font-family: aller-bold;
    background-repeat: repeat-y;
	background-size: 100% 650%;
	background-position: 0 0%;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s ease-in-out;
	height: 1em !important;
	padding: 9px 3.6em;
	text-decoration: none;
	margin-top: 50px;
	border-radius: 0.2em;
	background-image: linear-gradient(to bottom, #fff, #82c43e, #18a545);
}


.button-white:hover {  
    color: white! important;
    background-position: 0 70%;
    text-decoration: none! important;
}



.button-whiteie { 
    color: #18a545! important;
    font-family: aller-bold;
background-color: #fff;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s ease-in-out;
    height: 1em !important;
    padding: 9px;
    padding-left: 3.6em;
    padding-right: 3.6em;
    min-width: 100%;
    min-width: 17em !important;
    text-decoration: none;
    border-radius: 0.2em;
margin-left: 0.5em;
}


.button-whiteie:hover {  
    color: #454545! important;
background-color: #f5f5f5;
    text-decoration: none! important;
}

#aboutyoulend {
padding-bottom: 0em;
}

#documentslend .accordion-header a {
    font-family: aller-bold;
    color: #474747;
}

.big-number {
	float: left;
    margin-top: -0.em;
    padding-right: 0.3em;
    font-family: ybs-headline;
    font-size: 7.5em;
    color: #82c43e;
    background: -webkit-linear-gradient(#82c43e, #18a545);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-mask-image: -webkit-gradient(linear, left top, » left bottom, from(rgba(0,0,0,1)), to(rgba (0,0,0,0)));
    -webkit-mask-image: -webkit-gradient(linear, left top, » left bottom, from(rgba(0,0,0,1)), to(rgba (0,0,0,0)));
    margin-top: -19px;
    margin-left: 0.1em;
    height: 85px;
    margin-bottom: 0.7em;
    margin-right: -0.04em;
}
	
	
.greybeast {
    background-color: #f8f8f8;
    border-radius: 0.2em;
    border: 1px solid #efefef;
	padding: 1em;
    margin: 0 0 0 0;
}

@media only screen and (min-width: 31.3125em) {
	.greybeast {
    padding: 2.4em;
	}
}



.greybeast-center {
text-align: center;
    background-color: #f8f8f8;
    border-radius: 0.2em;
    border: 1px solid #efefef;
    padding: 1.4em;
    margin: 6px 12px 18px 12px;
    padding: 2.15em 1.4em 1.5em;
    transition: all 0.2s ease-in-out;
    
}

.greybeast-fullwidth {
    display: inline-block;
    float: left;
    background-color: #f8f8f8;
    border-radius: 0.2em;
    border: 1px solid #efefef;
    padding: 1.4em;
    margin: 17px 12px 18px 12px;
    padding: 2.15em 1.5em 1.5em;
    min-height: 9em;
}

.greybeast-fullwidth .subtitle {
    font-family: aller-light, trebuchet;
    font-size: 1.1em;
}



#expenditure-100 > div:nth-child(1) {
width: 99%;
    margin: 0 0.125% 0 0.128%;
}


.legal h6 {
    margin-left: 8px;
    margin-right: 8px;
    background-color: rgba(233, 233, 233, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E9E9E905, endColorstr=#FFE9E9E9);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFE9E9E9, endColorstr=#FFE9E9E9)";
    border-radius: 2px;
}


#squircle-legal {
top:-15px;
}


@media only screen and (min-width: 40.625em) {
.investments-lp-header-working-with-landg-badge2{
	position: absolute !important;
    right: 19px;
    top: 0;
}
}

@media only screen and (min-width: 56.25em) {
.investments-lp-header-working-with-landg-badge2{
	position: absolute !important;
    right: 0px;
    top: 0;
}
}

.bullet-span {
color: #454545! important;
}

.bullet-span:before {
    background: none repeat scroll 0 0 #7d2a90;
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: 0.43em;
    width: 10px;
}

.bullet-icon-span {
color: #454545! important;
}

.bullet-icon-span:before { 
content: color: #7d2a90; content: "\f05a"; font-family: 'FontAwesome'; margin-right: 0.3em; !important;
}

/* mortgage tips */
#mortgagetipswrapper {
display: none;
}

.mortgage-tips {
	margin:auto;
    line-height: 0;
    width: 100%;
    max-width: 844px;
    width: 844px;
    height: 553px;
}

.mfp-bg toptips-lb mfp-ready {
	background: #0b0b0b! important;
	opacity: 0.6! important;
}



.greenbox a:hover {
  text-decoration: underline;
  background-color: #e8e8e8;
background-color: rgba(233, 233, 233, 0.2);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cd6344e, endColorstr=#4cd6344e);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cd6344e, endColorstr=#4cd6344e)";
}

.greenbox a {
font-family: aller-bold, "Trebuchet MS";
color: white;
}

.inner greenbox a:hover {
  text-decoration: underline;
  background-color: #e8e8e8;
background-color: rgba(233, 233, 233, 0.2);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cd6344e, endColorstr=#4cd6344e);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cd6344e, endColorstr=#4cd6344e)";
}





#mortgagetipswrappermobile {
    background: transparent;
    border: none;
    box-shadow: none;
}

#mortgagetipswrappermobile #page-controls {
    display: none;
}
	#mortgagetipswrappermobile page-controls {
    display: none;
}


	#mortgagetipswrappermobile .block:last-child {
		margin-bottom: 2em;
}


	#mortgagetipswrappermobile .block {
		width: 97%;
		    margin-left: 0.6em;
	}
	
#mortgagetipswrappermobile 	.inner {
    padding-left: 2em;
    margin-right: 2em;
}

#mortgagetipswrappermobile h3 {
	float: left;
    margin-top: -0.em;
    padding-right: 0.3em;
    font-family: ybs-headline;
    font-size: 7.5em;
    color: #82c43e;
    background: -webkit-linear-gradient(#82c43e, #18a545);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-mask-image: -webkit-gradient(linear, left top, » left bottom, from(rgba(0,0,0,1)), to(rgba (0,0,0,0)));
    -webkit-mask-image: -webkit-gradient(linear, left top, » left bottom, from(rgba(0,0,0,1)), to(rgba (0,0,0,0)));
    margin-top: -19px;
    /* padding-top: 8px; */
    margin-left: 0.1em;
    height: 1em;
    padding-bottom: 2px;
    margin-right: -0.04em;
}


#mortgagetipswrappermobile .greenbox a {
font-family: aller-bold, "Trebuchet MS";
color: #7d2a90;
}




/* JS Video */

.videoWrapper {
    position: relative;
    width: 100%;
    height: 0;
    background-color: #000;
}
.videoWrapper43 {
    padding-top: 75%;
}
.videoWrapper169 {
    padding-top: 56%;
}

.videoIframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.videoPoster {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: none;
    background-position: 50% 50%;
    background-size: 100% 100%;
    background-size: cover;

    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 800ms, height 0s;
    -moz-transition: opacity 800ms, height 0s;
    transition: opacity 800ms, height 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}



.videoPoster:before {

content: url('../img/green-squircle-play.png');
    position: absolute;
    top: 47.5%;
    left: 50%;
    width: 86px;
    height: 80px;
    margin: -31px 0 0 -40px;
    /* border: 5px solid #fff; */
    border-radius: 100%;
    -webkit-transition: border-color 300ms;
    -moz-transition: border-color 300ms;
    transition: border-color 300ms;

}


.videoPoster:after {
  
content: '';
    position: absolute;
    top: 48%;
    left: 51%;
    width: 0;
    height: 0;
    margin: -17px 0 0 -13px;
    border-left: 31px solid #fff;
    border-top: 17px solid transparent;
    border-bottom: 23px solid transparent;
    -webkit-transition: border-color 300ms;
    -moz-transition: border-color 300ms;
    transition: border-color 300ms;

}


.videoPoster:hover:before, 

.videoPoster:focus:before {
    border-color: #f00;

}


.videoPoster:hover:after, 

.videoPoster:focus:after {
    border-left-color: #95c41c;
}

.videoWrapperActive .videoPoster {
    opacity: 0;
    height: 0;
    -webkit-transition-delay: 0s, 800ms;
    -moz-transition-delay: 0s, 800ms;
    transition-delay: 0s, 800ms;
}


h2.greentitle {
    line-height: 1.4117em;
    padding-top: 0.4em;
    margin: 0 0 0 0;
    font-family: "Aller-Bold", "Trebuchet MS";
    color: #00A33F;
    font-size: 1.42em;
    border: 0;
}

/* Savings + Investment Video */

main {
    max-width: 800px;
    margin: 20px auto;
}

h4 .green-title {
    font-size: 1.1076923076923076923076923076923em;
    line-height: 1.4117647058823529411764705882353em;
    padding-top: 0.5em;
    margin: 0 0 0.5em 0;
    font-family: "Aller-Bold", "Trebuchet MS";
    color: #00A33F;
    font-size: 1.42em;
    margin-top: -0.2em;
}

#investment-video {
    padding-bottom: 0;
}

#investment-video .class {
    padding-bottom: 0;
}

#investment-video h2 {
    font-family: ybs-headline;
    font-size: 3.3em;
    font-weight: normal;
    color: #00A33F;
    margin-bottom: -0.8em;
    border-bottom: 0;
}

#investment-video h3 {
    color: #00A33F;
    font-size: 1.5em;
    margin-top: 0.4em;
    margin-bottom: 0.3em;
    font-family: aller-bold, trebuchet ms;
    margin-top: -1em;
}


#investment-video h4 {
    font-family: Aller-Light, 'Trebuchet MS';
    font-size: 1.22em;
    color: #666;
    line-height: 1.3809523809523809523809523809524em;
    margin: 0 0 0.55em 0;
    padding-bottom: -0.1em;
    margin-top: -0.2em;
    margin-bottom: 0.9em;
}

#investment-video .cta {
    margin-top: -1.2em;
}


#investment-video #button1 {
    display: inline-block;
    width: 47.5%;
}

#investment-video #button2 {
    display: inline-block;
    float: right;
    width: 47.5%;
}

}


/* Full width style */

a .nostyle {
    text-decoration: none;
    color: #454545;
}


.greybeast-center:hover {
    background-color: #f1f1f1;
}

a.nostyle {
    text-decoration: none;
    color: #454545;
}


#full-width-grid .dw-4, .full-width-grid .dw-4  {
    width: 100%! important; /* 733 (12c + 11g + 20p) / 750.5 */
}

#full-width-grid .dw-6, .full-width-grid .dw-6  {
    width: 100%! important; /* 733 (12c + 11g + 20p) / 750.5 */
}

#how-it-works .big-number {
    font-size: 4.5em;
    height: 50px; 
    margin-top: -0.2em;
}

/*#full-width-grid h4 {
    font-size: 1.6em;
    margin-top: 0.6em;
    color: #454545;
}*/

#full-width-grid .dw-12, .full-width-grid .dw-12  {
    width: 100%!important;
    padding: 0 !important;
    margin: 0 !important;
}
    
div.block.grid-in-grid.what-next {
    width: 93.7%! important;
}

    
    #full-width-grid .dw-5,  .full-width-grid .dw-5 {
    width: 100%!important;
    padding: 0 !important;
    margin: 0 !important;
}
    
 	.big-subheader {   
 	width: 70%;
    text-align: center;
    margin: 0 auto;
    padding-right: 5%;
    font-family: Aller-Light,"Trebuchet MS";
    
}  
}

@media only screen and (min-width: 21.875em)  {

    div.block.grid-in-grid.what-next {
     width: 97.5%! important;
    margin-left: 1%;
}
    
a.nostyle {
    text-decoration: none;
    color: #454545;
}

#full-width-grid .dw-4, .full-width-grid .dw-4 {
    width: 97.5%! important;
    margin-left: 1%;
}
#full-width-grid h4, .full-width-grid h4 {
    font-size: 1.6em;	
    margin-top: 0.6em;
    color: #454545;
}
}

@media only screen and (min-width: 31.3125em) {
    
    div.block.grid-in-grid.what-next {
    width: 98%! important;
    margin-left: 1%;
}
    
#full-width-grid #listpad, .full-width-grid #listpad {
    padding-left: 3em! important;
    width: 90%;
    margin-top: 0.5em;
}

#full-width-grid .col tw-4 dw-4, .full-width-grid .col tw-4 dw-4 {
    width: 100%! important;
}

#full-width-grid .block grid-in-grid, .full-width-grid .block grid-in-grid  {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%! important;
}


#full-width-grid .dw-4, .full-width-grid .dw-4 {
    width: 100%!important;
    padding: 0 !important;
    margin: 0 !important;
}

/*#full-width-grid h4 {
    font-size: 1.6em;
    margin-top: 0.6em;
    color: #454545;
}*/
}


@media only screen and (min-width: 40.625em) {
   
	#full-width-grid .dw-3, .full-width-grid .dw-3 {
    width: 25%!important;
    padding: 0 !important;
    margin: 0 !important;
	}
	
	#full-width-grid .dw-4, .full-width-grid .dw-4 {
    width: 33.3%!important;
    padding: 0 !important;
    margin: 0 !important;
	}
	
	#full-width-grid .dw-5, .full-width-grid .dw-5 {
    width: 41.4%!important;
    padding: 0 !important;
    margin: 0 !important;
	}
	
	#full-width-grid .dw-6, .full-width-grid .dw-6 {
    width: 50%!important;
    padding: 0 !important;
    margin: 0 !important;
}
	

#full-width-grid .tw-12, .full-width-grid .tw-12 {
    width: 100%;
}


#full-width-grid .tw-12 .highlight, .full-width-grid .tw-12 .highlight {
    width: 94%;
    margin-bottom: 1em;
}

#full-width-grid .greybeast-center, .full-width-grid .greybeast-center {
    margin-bottom: -0.1em;
}

@media only screen and (min-width: 56.25em) {


#full-width-grid .col ul.bullet-custom, .full-width-grid .col ul.bullet-custom {
    margin-left: 1.8em;
}

#full-width-grid .dw-12, .full-width-grid .dw-12 {
    width: 100%! important;
}
#full-width-grid .tw-12, .full-width-grid .tw-12 {
    width: 100%! important;
}


#full-width-grid .tw-12 .highlight, .full-width-grid .tw-12 .highlight {
    width: 96%;
    padding: 0.4em  1.5748031496062992125984251968504%;
    padding-bottom: 0em;
    border: 0;
    margin-bottom: 0.15em;

}

#full-width-grid .dw-12 .module p, .full-width-grid .dw-12 .module p  {
    padding-right: 10%;
}



#full-width-grid .col tw-4 dw-4, .full-width-grid .col tw-4 dw-4 {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}


#full-width-grid .block grid-in-grid, .full-width-grid .block grid-in-grid  {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%! important;
}


#full-width-grid .dw-4, .full-width-grid .dw-4  {
    width: 33.3%!important;
    padding: 0 !important;
    margin: 0 !important;
}
}




h2.greentitle {
    line-height: 1.4117em;
    padding-top: 0.4em;
    margin: 0 0 0 0;
    font-family: "Aller-Bold", "Trebuchet MS";
    color: #00A33F;
    font-size: 1.42em;
    border: 0;
}

.greybeast h2.greentitle {
    padding-top: 0em;
}

h2.greentitleaff {
    line-height: 1.4117em;
    padding-top: 0.4em;
    margin-top: -0.5em;
    margin-bottom: 0.3em;
    font-family: "Aller-Bold", "Trebuchet MS";
    color: #00A33F;
    font-size: 1.71em;
    border: 0;
}




#masthead #secondaryNav .link-sectionTitle a {
    color: #00A33F! important;
}

#secondaryNav h6 {
    color: #333;
}

#map_canvas{width:400px;height:400px;}


}






/* Infographics */

.canvas-graph {
    width: 100%;
    height: 100%;
}

.chart-info {
    text-align: center;
    color: #575757;
}

.chart-info {
    text-align: center;
    color: #575757;
}

.chart-info-1 {
    font-family: aller-bold, trebuchet ms;
    font-size: 0.9em;
    color: #565656;
}

.chart-title {
	font-family: Aller-Light,"Trebuchet MS";
    font-size: 1.6em;
    color: #565656;
    text-align: center;
    font-weight: 600;
}
.left-align {
	text-align: left;	
}


@media only screen and (min-width: 17.8125em) {

.chart-text-child {
    margin-top: -60%;
    text-align: center;
    font-family: YBS-Headline;
    color: #7d2a90;
    font-size: 2.4EM;
    position: relative;
    text-align: center;
}
.parent-text-child {
	text-align: center;
}

#doughnut1 { 
	position: relative; 
	z-index: 1; 
    width: 180px;
    height: 180px;
} 

#doughnut2 { 
	position: relative; 
	z-index: 1; 
} 

.doughnutChart {
	width: 180px;
	height: 180px;
}

.moneyg { 
	text-align: center; 
	height: auto; 
	margin: 0 auto; 
	font-family: YBS-Headline;
	color: #7d2a90; 
	font-size: 2.4EM; 
	margin-bottom: 0.2em;
	line-height: 0.9em;
}

.donut-legend-1 {
	padding: 0 0 0 0;
	margin: 5px 0 15px 0;
	padding-left: 2%;
	padding-right: 2%;
    background: none;
    width: 45%;
    float: left;
	text-align: center;
	margin-top: 0em;
    margin-bottom: 0.65em;   
	line-height: 1.5em;
	font-weight:bold;
	font-size:1.05em;
}

.donut-legend-2 {
	padding: 0 0 0 0;
	margin: 5px 0 15px 0;
	padding-left: 2%;
	padding-right: 2%;
    background: none;
    width: 45%;
    float: left;
	text-align: center;
	margin-top: 0em;
    margin-bottom: 0.65em; 
	line-height: 1.5em;
		font-weight:bold;
	font-size:1.05em;
}


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

.donut-label {
	padding: 0 0 0 0;
	padding-left: 2%;
	padding-right: 2%;
    background: none;
    width: 45%;
    float: left;
    padding-bottom: 24%;
}

.donut-container { 
	width:100%;
}

.donut-holder { 
	width:100%;
	height: auto;
}

#chart-canvas-holder { 
	width: 100%; 
	display: inline-block; 
	position: relative;
}
}

.chart-text-child {
	font-size: 1.6em;
}

@media only screen and (min-width: 31.3125em) {
	.chart-text-child {
    font-size: 2EM;
}
}

@media only screen and (min-width: 56.25em) {
	.chart-text-child {
    font-size: 2.4EM;
}
}

@media only screen and (min-width: 65em) {

.canvas-graph {
    width: auto;
    height: auto;
}
}

.offset-infographic-legend h4 {
    font-size: 0.95em! important; 
    color: #696969;
}

.offset-infographic-legend {
    margin-top: 1em;
}

@media only screen and (min-width: 17.8125em) {
.offset-infographic-legend h4 {
    font-size: 1em! important; 
    color: #696969;
}
}
	
@media only screen and (min-width: 31.3125em) {
.offset-infographic-legend h4 {
	font-size: 1.1em! important; 
	color: #696969;
}
}

.nohtml5 {
display: none;	
}



.rep-example {

margin-top:0em! important;
padding-bottom: 1em! important;
}



.col .mortgage-rate h4 .aprlabel {
font-family:aller; 
font-size:0.29em; 
color: #454545;
display: inline;
}

.aprlabel {
display: inline;
}


.representativeb {
	font-size:90%;
}

.interest-page-only {
display: none;
}



.greengradient {
background: #3db134! important; /* Old browsers */
background: -moz-linear-gradient(top,  #3db134 0%, #7d2a90 100%)! important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3db134 0%,#7d2a90 100%)! important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3db134 0%,#7d2a90 100%)! important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3db134', endColorstr='#7d2a90',GradientType=0 )! important; /* IE6-9 */   
}

/* ------ START Logout - Survey promo August 2016 ------ */

.logout-survey-promo {
   padding: 2.2em 0 1.4em;
   display: inline-block;
   border-radius: 0.2em;
   padding: 2.3em 2.6em 1.4em 2.6em;
   background-color: #f8f8f8;
   margin:26px 0px 18px 0px;
   clear:both;
   display:none;
}
.logout-survey-promo h1 {
   color: #7d2a90;
   text-transform: uppercase;
   font-size: 3.8em;
   margin: 0px 0px 12px 0px;
   padding-left:0px;
}

.logout-survey-promo h2{
   font-family: Aller-Light;
   border:none;
   padding-left:0px;
}

@media only screen and (min-width: 56.25em) {
.logout-survey-promo {
   background: #f8f8f8 url("../images/bg-img-logout-survey.jpg") no-repeat scroll right center;
   width:90%;
}
}
@media only screen and (min-width: 40.625em) {
.logout-survey-promo h1 {
   width: 55%;
}
.logout-survey-promo h2{
   width: 65%;
}
.logout-survey-promo .cta {
  max-width: 11.5714em;
}
}
.logout-survey-promo-credit{
   font-size: 0.8em;
   margin-top:1.0em;
   color:#999;
}

/* ------ END Logout - Survey promo August 2016 ------ */

.toggle-body {display: none}

.multi-buttons .cta {float: left}
.multi-buttons .button-1 {margin-right: 1.5em}


/* new bullet link class to override default behaviour*/

ul.underline-links li a, ol.underline-links li a {text-decoration: underline}

/* END - new-style.css */



/*Generic Form*/

#genericForm input[type=text] {
    outline: none;
    padding: 0.5em 0.5em;
    box-sizing: border-box;
    margin-top: 0.3em
}
#genericForm .button-colour-a {
    float: none;
    margin-top: 1.47em;
}

#genericForm input {
display:none;
}
#genericForm input.show {
display:block;
}

#genericForm {
width: 21em;
padding: 1em;
}

#genericForm.highlight {
    border: 1px solid red !important;
}

/*END - Generic Form*/



















.big-title {
    font-family: Aller-Light,"Trebuchet MS";
    width: 98.068%;
    border: none!important;
    font-size: 2.275em;
    line-height: 1.381em;
    padding: 0px!important;
    margin: 0 auto!important;
    clear: both;
    float: left;
	text-align: center;
	margin-bottom: 0.1em! important;
	}

	.big-title.titlepadding {
	margin-bottom: 0.7em! important;
	}

	.big-subheader {
    margin-bottom: 1.5em;
	width:77%;
}

	@media only screen and (min-width: 40.625em) {
	.what-next .greybeast {
	height: 22em;
	}
	}


@media only screen and (min-width: 45.25em) {
.what-next .greybeast {
    height: 18em;
}
}


@media only screen and (min-width: 56.25em) {
.what-next .greybeast {
    height: 16em;
}
}
.what-next .big-number {
    text-align: center;
    clear: both;
    float: none;
    margin: 0 auto;
    padding: 0;
    width: auto;
    font-size: 8em;
    height: auto;
    margin-top: -0.1em;
}
.what-next .greybeast {
    padding: 1.4em;
    margin-bottom: 1em;
}
.what-next p {
text-align: center;
}



.insurancehelpmedecide .big-subheader {
margin-bottom: 1em;
}
.insurancehelpmedecide .big-title {
margin-top: 1.3em! important; margin-bottom: 0.9em
}

.insurancehelpmedecide {
    width: 94.4%;
    background-size: 117%;
background-image:none;
    background-position: 0% 54%;
    background-repeat: no-repeat;
    margin-left: 10px;
    margin-right: 130px;
    margin-top: 2.5em;
    padding-bottom: 1.8em;
}
@media only screen and (min-width: 40.65em) {
.insurancehelpmedecide {
background-image: url(../images/investments/headline-your-guide-to-investments-m.jpg);
}
.insurancehelpmedecide .narrow {
    width: 47%;
}
}
.insurancehelpmedecide .cta { padding-right:3%;}






.greybeast h2.greentitle {
padding-left:0;
}
#full-width-grid .tw-8 .greybeast, .full-width-grid .tw-8 .greybeast {
margin-top: 6px! important;  margin-left: 2%;  padding: 2.15em 1.5em 1.5em;
}


#full-width-grid .dw-3 .greybeast, .full-width-grid .dw-3 .greybeast {
    margin: 6px 12px 18px 12px;
    padding: 2.15em 1.5em 1.5em;
}

#full-width-grid .dw-4 .greybeast, .full-width-grid .dw-4 .greybeast {
    margin: 6px 12px 18px 12px;
    padding: 2.15em 1.5em 1.5em;
}

#full-width-grid .dw-6 .greybeast, .full-width-grid .dw-6 .greybeast {
    margin: 6px 12px 18px 12px;
    padding: 2.15em 1.5em 1.5em;
}



/* FCA REVIEW START*/

.fcareviewtable th {
width:25%! important;
vertical-align: top;
}

.small-title {   font-size: 0.9em;    line-height: 1.5em;    padding: 0px!important;    margin: 0 auto!important;    clear: both;    float: left;text-align: left;margin-bottom: 0.1em! important;}

savingsSummaryBoxTable table th {
	text-align:center!important;
}

savingsSummaryBoxTable table td{
text-align: center!important;	
}
.savingsSummaryBoxTable table th:first-child {
text-align:center!important;	
}
.savingsSummaryBoxTable table td:first-child {
text-align:center!important;	
}

.fcareviewtable table th {
text-align:center!important;
}

.fcareviewtable table th:first-child {
width:50%!important;
}

.fcareviewtable table td:first-child {
width:50%!important;
}

.fcareviewtable table td {
text-align:center!important;
}




.headline-badge {
	width: 14em;
	position: relative! important;
}

@media only screen and (min-width: 32.8125em) {
.headline-badge {
	width: 13em;
	position: absolute! important;
	float: right;
	right: 30px;
    bottom: 105px;
}
}
@media only screen and (min-width: 40.8125em) {
.headline-badge {
	width: 14em;
    position: absolute! important;
    float: right;
    right: 50px;
    bottom: 50px
}

}
/* MW: Added for for allowing a more resoponsive grid layout.*/
#media-centre-listing .col .highlight.no-clear {
	clear: none;
}
#media-centre-listing .col .dw-6:nth-child(even) {
	clear: right;
}

#media-centre-listing .col .dw-6:nth-child(odd) {
	clear: left;
}

/* MW: Profile class for images - Expects children of img and caption (or p)*/
.media-centre-profile {
	float: left;
	display: inline;
	width: 135px;
	margin-right: 30px;
}
.media-centre-profile img {
	border: solid 5px #eee;
	border-radius: 50%;
}

.white-popup-box {
	background: RGB(255, 255, 255);
	padding: 20px 30px;
	text-align: left;
	max-width: 650px;
	margin: 40px auto;
	position: relative;
}

.multi-buttons-inline-block .cta { 
	display: inline-block; 
	float:none; 
}





/* COLLUMN HEIGHT EQUALIZER */



	@media only screen and (min-width: 40.625em) { 
	.collheight1 .greybeast { height: 9em!important; }
	.collheight2 .greybeast { height: 12em!important; } 
	.collheight3 .greybeast { height: 16em!important; } 
	.collheight4 .greybeast { height: 16em!important; }
	.collheight5 .greybeast { height: 19em!important; }
	} 

	@media only screen and (min-width: 45.25em) { 
	.collheight1 .greybeast { height: 5em!important; } 
	.collheight2 .greybeast { height: 8em!important; } 
	.collheight3 .greybeast { height: 11em!important; }
	.collheight4 .greybeast { height: 14em!important; }
	.collheight5 .greybeast { height: 17em!important; } 
	} 

	@media only screen and (min-width: 56.25em) { 
	.collheight1 .greybeast { height: 4em!important; }
	.collheight2 .greybeast { height: 7em!important; } 
	.collheight3 .greybeast { height: 10em!important; }
	.collheight4 .greybeast { height: 13em!important; }
	.collheight5 .greybeast { height: 16em!important; }
	} 




	.collayout0 .big-number {
	margin-bottom:0.7em;
	}

	@media only screen and (max-width: 40.0675em)  {
	.collayout0 .big-number {
	margin-bottom:0em;
	}
	}

div.block.grid-in-grid.center {
    width: 93.7%! important;
}

@media only screen and (min-width: 21.875em)  {

    div.block.grid-in-grid.center {
     width: 97.5%! important;
    margin-left: 1%;
}
}

@media only screen and (min-width: 31.3125em) {
    
    div.block.grid-in-grid.center {
    width: 98%! important;
    margin-left: 1%;
}

	}
	
.center .big-number {
    text-align: center;
    clear: both;
    float: none;
    margin: 0 auto;
    padding: 0;
    width: auto;
    font-size: 8em;
    height: auto;
    margin-top: -0.1em;
}
.center .greybeast {
    padding: 1.4em;
    margin-bottom: 1em;
}
.center p {
text-align: center;
}
	
	.greenbg {
	  background: #cf3087!important;
    background: -moz-radial-gradient(center, ellipse cover, #cf3087 0%, #008d3f 100%)!important;
    background: -webkit-radial-gradient(center, ellipse cover, #cf3087 0%,#008d3f 100%)!important;
    background: radial-gradient(ellipse at center, #cf3087 0%,#008d3f 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf3087', endColorstr='#008d3f',GradientType=1 )!important;

}
		

	.bullets {
	text-align:left;	
	margin-bottom: 0.1em;
	list-style: none;
	margin-left:1.5em;
	}
	@media only screen and (min-width: 40.625em) {
	.bullets {
	text-align:left;	
	margin-bottom: 0.1em;
	list-style: none;
	margin-left:0;
	}
	}
	.bullets li {
    margin-bottom: 0.6em;
    margin-left: 2em;
	}	

	.bullets li:before {
	position: absolute;
    content: " ";
    width: 1.35em;
    height: 1.35em;
    background-size: cover;
    margin-left: -1.85em;
    margin-top: 1px;
	}
	
	.tick li:before {
	background-image: url('../imgs/bullet-tick.png');
	background-size:100% auto;
	}
		
		
		.equalized .greybeast {
	/* The equation should be: 100% - PADDING TOP - PADDING BOTTOM */
	height: -webkit-calc(100% - 2.15em - 2.8em);
	height: -moz-calc(100% - 2.15em - 2.8em);
	height: -ms-calc(100% - 2.15em - 2.8em);
	height: -o-calc(100% - 2.15em - 2.8em);
	height: calc(100% - 2.15em - 2.8em);
	margin: auto 12px!important;
}
.equalize-me .align-bottom,
.equalized .align-bottom {
	padding-bottom: 1.5em;
}
	#full-width-grid .equalized, .full-width-grid .equalized {
		margin-bottom: 1em!important;
	}
	
	/* New */
/**
 * #notifications
 */
 /* New */
 .notification-container {
	 position: fixed;
	left: 50%;
	bottom: 5%;
	transform: translateX(-50%);
	z-index:1000000;
	transition: 250ms;
 }
 

 .notification-container .notification-count {
	 position:absolute;
	 top: -2em;
	 right: 0;
	 padding: 0.5em;
	 background-color: #fff;
	 border-radius: 5px 5px 0 0;
	 border: 1px solid #c3c3c3;
	 border-bottom: 1px solid #fff;
 }
 
.notification,
.notification.notification-position-3 {	
	position: relative;
	background-color: #fff;
	box-shadow: 0px 0px 5px #3c3c3c;
	border: 1px solid #e1e1e1;
	padding:1em;
	
	border-radius: 0.2em;
	
	-webkit-animation: 500ms notificationSlideIn;
	-moz-animation: 500ms notificationSlideIn;
	-ms-animation: 500ms notificationSlideIn;
	animation: 500ms notificationSlideIn;
	
	transition: 250ms;
	
}


.notification.notification-position-2,
.notification.notification-position-1,
.notification.notification-position-0{
	display: none;
}


.notification.notification-closing {
	/*-webkit-animation: 500ms notificationSlideOut;
	-moz-animation: 500ms notificationSlideOut;
	-ms-animation: 500ms notificationSlideOut;
	animation: 500ms notificationSlideOut;*/
}


.notification.notification-fail {
	border-color: #ff5656;
	box-shadow: 0 0 5px #ff5656;
	background-color: #ff9696;
}

.notification.notification-success {
	border-color: #11fa11;
	box-shadow: 0 0 5px #aafFaa;
	backgrpund-color: #60ff60;
}

@keyframes notificationSlideOut {
	0% {
		opacity: 1;
	}
	100% {
		box-shadow: 0 0 5px #aaa;
		opacity: 0;
		transform: translateX(50%) scale(0.4);
	}
}
@-webkit-keyframes notificationSlideOut {
	0% {
		opacity: 1;
	}
	100% {
		box-shadow: 0 0 5px #aaa;
		opacity: 0;
		transform: translateX(50%) scale(0.4);
	}
}
@-moz-keyframes notificationSlideOut {
	0% {
		opacity: 1;
	}
	100% {
		box-shadow: 0 0 5px #aaa;
		opacity: 0;
		transform: translateX(50%) scale(0.4);
	}
}
@-ms-keyframes notificationSlideOut {
	0% {
		opacity: 1;
	}
	100% {
		box-shadow: 0 0 5px #aaa;
		opacity: 0;
		transform: translateX(50%) scale(0.4);
	}
}

@keyframes notificationSlideIn {
	0% {
		opacity: 0;
		bottom: -5%;
	}
	75% {
		opacity: 1;
	}
	100% {}
}
@-webkit-keyframes notificationSlideIn {
	0% {
		opacity: 0;
		bottom: -5%;
	}
	75% {
		opacity: 1;
	}
	100% {}
}
@-moz-keyframes notificationSlideIn {
	0% {
		opacity: 0;
		bottom: -5%;
	}
	75% {
		opacity: 1;
	}
	100% {}
}
@-ms-keyframes notificationSlideIn {
	0% {
		opacity: 0;
		bottom: -5%;
	}
	75% {
		opacity: 1;
	}
	100% {}
}

.notification .notification-close {

	line-height: 0.5em;
	cursor: pointer;

	padding: 0.5em;
}

.notification .notification-body {
	padding-right: 2em;
}

.notification .notification-body > p {
	vertical-align: middle;
	display:inline-block;
	margin: 0;
}

@media screen and (max-width: 31.25em){	
	.notification-container {
		left: 0;
		right:0;	
		max-width: 100%;
		bottom: 0;
		transform: none;
	}
	
	.notification,
 	.notification.notification-position-3	{
		border-radius: 0;
		
		transform: none;
	}
}
	
@media screen and (max-width: 25em){
	.notification .notification-body > p {
		width:100%;
	}
}


/* Hide the default notification at the tp of the screen */
#cookie-notice{
	display: none;
}




#full-width-grid .icons .greybeast, .full-width-grid .icons .greybeast {
    padding: 3em 2.15em 1em 1.5em! important;
}

#full-width-grid .center, .full-width-grid .center {
  text-align: center;
}

/* Better grouping */

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}


.group {
    zoom:1;
}

#mobileMenu {
	display: none; 
}

#mobileMenu.mm-menu.mm-opened {
	display: block; 
}



/* mmenu logo fix */
.mm-navbar > .mmenu-logo {
	padding: 2.25em 1em 0 1em;
}

@media screen and (min-width: 25em){
	.mm-navbar > .mmenu-logo {
		padding: 1.25em 0.5em 0 0.5em;
	}
}

/*
 * Guides - Navbar addon
 */
@media screen and (max-width: 56.25em){
	#form-faq-header-autosuggest-box {
		display: none !important;
	}
}
#form-faq-header-autosuggest-box {
	display: none;
}
#form-faq-header-autosuggest-box.guides-mode {
	overflow-y: visible !important;
}

#form-faq-header-autosuggest-box .guide-container {
	display: block;
}

#form-faq-header-autosuggest-box .guide-container .guide-image-container{
	position:relative;
}

#form-faq-header-autosuggest-box .guide-container .guide-image-container .guide-category-title{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0.25em;
	
	font-size: 2em;
	font-family: YBS-Headline;
	
	background-color: rgba(0, 156, 65,0.85);
	
	border-radius: 0 5px 0 0;

}

#form-faq-header-autosuggest-box .guide-container .guide-image-container .guide-category-title a:hover {
	background-color: initial;
	text-decoration: underline;
}


#form-faq-header-autosuggest-box .guide-container .guide-list {
	border: solid 1px rgb(232, 232, 232);
	border-top: none;
	display: block;
}

#form-faq-header-autosuggest-box .guide-container .guide-list > .inner{
	padding: 0.75em 0.5em;
}


#form-faq-header-autosuggest-box .guide-container .guide-list > .inner .guide{
	margin: 0.5em 0;
	background-color: transparent;
}

#form-faq-header-autosuggest-box .guide-container .guide-list > .inner .guide .guide-content{
	padding: 0 1em;
}

#form-faq-header-autosuggest-box .guide-container .guide-list > .inner .guide .guide-content h3{
	font-size: 1em;
	margin: 0;
}


#form-faq-header-autosuggest-box .guide-container .guide-list > .inner.last{
	border-top: solid 1px rgb(232, 232, 232);
	width: 90%;
	display: block;
	padding: 0;
	margin: 0 auto;
	padding: 0.75em 0;

}

#form-faq-header-autosuggest-box .guide-container > .view-all-heading{
    padding: 1em 0.5em;
    display: block;
}

#form-faq-header-autosuggest-box .guide-container > .view-all-heading a{
	color: RGB(0, 156, 65);
    font-size: 1.20em;
    font-family: Aller-bold;
}

.guides-article-meta time,
[class^='guides-category-meta-'] {
	margin-right: 0.5em;
}

#form-faq-header-autosuggest-box .guide-container .guide-list > .inner a:before{
	font-family: "FontAwesome";
	font-size: inherit;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 0.5em;
}


#form-faq-header-autosuggest-box .guide-container .guide-list > .inner.life-moments a:before{
	content: "\f007";
}

#form-faq-header-autosuggest-box .guide-container .guide-list > .inner.homeowners a:before{
	content: "\f015";
}

#form-faq-header-autosuggest-box .guide-container .guide-list > .inner.homebuyers a:before{
	content: " ";
	background-image: url(../assets/img/icon-homebuyers.png);
	background-size: 15px auto;
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
	height: 15px;
	width: 15px;
	vertical-align: top;

}

#form-faq-header-autosuggest-box .guide-container .guide-list > .inner.my-money a:before{
	content: "\f080";
}

#form-faq-header-autosuggest-box .guide .guide-content h3 a{
	color: rgb(0, 156, 65);
font-size: 1em;
	margin: 0;
}

#form-faq-header-autosuggest-box .guide{
	background-color: #fafafa;	
	margin-bottom: 1.5em;
}

.guides-other-articles .guide{
	box-shadow: 0px 3px 0px 0px rgba(221, 227, 224, 0.1);
	border: 1px solid #e9e9e9
}

#form-faq-header-autosuggest-box .guide [class^='guide-category-']{
	padding: 1em 1em 0.5em 1em;	
}

#form-faq-header-autosuggest-box .guide .guide-content h3{
	font-family: Aller;
	font-size: 1em;
}


/* Proper styles */
.col .incHero.headline .text .inline.group > .cta {
	clear:none;
	float:none;
	display: inline-block;
	margin-left: -2px;
}
.col .incHero.headline .text .inline.group {
	display: block;
	width: 100%;
}

.col .headline.display-centre .text {
	float:none;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 2em;
}
.col .headline.display-centre > .swain {
	margin-bottom: -2em;
	position: relative;
	top: 2em;
}


/*
 * #addsearch
 * Search Overrides for the AdSearch stylesheet.
 */
 
[title="View all previously asked questions"] {
	display: none !important;
 }
 
#restrict{
	position: relative;
}

.ybs-search{
	border-radius: 0.4em;
	position:absolute;
	z-index: 10000000;
	display: none;
	background-color: #fff;
	box-shadow: 0 0 5px #aaa;
	width: auto;
	right: 1em;
	left: 1em;
	display: none;
	overflow: hidden;
}


@media screen and (min-width: 67.5em){
	.ybs-search{
		width: 600px;
		left: auto;
	}
}

.ybs-search > .inner .results {
	max-height:450px;
	min-height: 150px;
	overflow-y: auto;
}

.ybs-search > .inner .results > .results-container {
	width: 100%;
	display: block;
	position: relative;
}

.ybs-search > .inner .results > .results-errors .result-item {
	padding: 1em;
}

#mobileSearchResults .resultsContainer > .inner .result-item,
.ybs-search > .inner .results > .results-container > .result-item {
	background-repeat: no-repeat;
	background-position: center left 10px;
	background-size: 100px auto;
	min-height: 140px;
	display: block;
	clear:both;
    border-bottom: solid #d7d7d7 1px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
	
	cursor: pointer;
}

#mobileSearchResults .resultsContainer > .inner .result-item:nth-last-child(1),
.ybs-search > .inner .results > .results-container > .result-item:nth-last-child(1) {
	border-bottom: none;
}

#mobileSearchResults .resultsContainer > .inner .result-item:hover,
.ybs-search > .inner .results > .results-container > .result-item:hover {
	background-color: #f0f0f0;
}

#mobileSearchResults .resultsContainer > .inner .result-item {
	background-image: none !important;
	min-height: auto;
	padding: 0.5em 0;
}

#mobileSearchResults .resultsContainer > .inner .result-item + .result-item {
	padding: 1em 0;
}


#mobileSearchResults .resultsContainer > .inner .result-item > .inner,
.ybs-search > .inner .results > .results-container > .result-item > .inner{
	padding-left: 130px;
	padding-top: 0.5em;
	padding-right: 1em;
}

#mobileSearchResults .resultsContainer > .inner .result-item > .inner{
	padding: 0; 
}

#mobileSearchResults .resultsContainer > .inner .result-item > .inner h3,
.ybs-search > .inner .results > .results-container > .result-item > .inner h3{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0.5em;
	line-height: 1em;
}

#mobileSearchResults .resultsContainer > .inner .result-item > .inner h3 a,
.ybs-search > .inner .results > .results-container > .result-item > .inner h3 a{
	color: #7d2a90;
}

#mobileSearchResults .resultsContainer > .inner .result-item > .inner h3 a:hover,
.ybs-search > .inner .results > .results-container > .result-item > .inner h3 a:hover{
	text-decoration: none;
	background-color: transparent;
}


#mobileSearchResults .resultsContainer > .inner .result-item > .inner p,
.ybs-search > .inner .results > .results-container > .result-item > .inner p{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0.5em;
}

#mobileSearchResults .resultsContainer > .inner .result-item > .inner p{
	margin-bottom: 0em;
}

.mm-search input[type="text"] {
	padding: 0 0.9em;
}

/* FAQs plugin */

@media screen and (min-width: 67.5em){
	.ybs-search-faqs .ybs-search {
		width: 750px;
	}
}


.ybs-search-faqs .ybs-search > .inner .results  {
	width: 65%;
	display:inline-block;
	margin: 0;
	vertical-align: top;
}

.ybs-search-faqs .ybs-search > .inner .results  {
	width: 65%;
	display:inline-block;
	margin: 0;
	vertical-align: top;
}

.ybs-search-faqs .ybs-search > .inner .faq-search  {
	width: 35%;
	display:inline-block;
	vertical-align: top;
	margin: 0 -4px 0 0;
}

.ybs-search-faqs .ybs-search > .inner .faq-search > .inner {
	padding: 1em;
}

.ybs-search-faqs .ybs-search > .inner .faq-search > .inner > p{
	font-size: 1.2em;
}

.ybs-search-faqs .ybs-search > .inner .faq-search > .inner > .faq-results ul {
	list-style: none;
}

.ybs-search-faqs .ybs-search > .inner .faq-search > .inner > .faq-results ul > li{
	cursor: pointer;
	position: relative;
	color: #7d2a90;	
	margin-bottom: 1em;
}



.ybs-search-faqs .ybs-search > .inner .faq-search > .inner > .faq-results ul > li:hover{
	background-color: #f0f0f0;
}

.ybs-search-faqs .ybs-search > .inner .faq-search > .inner > .faq-results ul > li:before{
	font-family: FontAwesome;
	content: "\f059";
	position: absolute;
	top: 0em;
	left: -1.2em;	
}

.ybs-search-faqs .ybs-search > .inner .faq-search > .inner > .faq-results ul > li.faq-result-nohits,
.ybs-search-faqs .ybs-search > .inner .faq-search > .inner > .faq-results ul > li.faq-result-nohits:hover{
	cursor: inherit;
	position: relative;
	color: inherit;
	margin-bottom: 1em;
	background-color: transparent;
	margin-left: -1.3em;
}

.ybs-search-faqs .ybs-search > .inner .faq-search > .inner > .faq-results ul > li.faq-result-nohits:before{
	content: "";
	display: none;
}
/*FAQ answer  */

.ybs-search-faqs .ybs-search > .inner .faq-answer-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	border-radius: 5px;
	
	display: none;
	
	overflow-y: auto;
	overflow-x: hidden;
	animation: 500ms appearGrow;
	-webkit-animation: 500ms appearGrow;
	-moz-animation: 500ms appearGrow;
	-ms-animation: 500ms appearGrow;
	-o-animation: 500ms appearGrow;
}

@keyframes appearGrow {
	from { 
		top: 30%;
		bottom: 30%;
		left: 30%;
		bottom: 30%;
	}
	to { 
		top: 0;
		bottom: 0;
		left: 0;
		bottom: 0;
	}
}

@-webkit-keyframes appearGrow {
	from { 
		top: 30%;
		bottom: 30%;
		left: 30%;
		bottom: 30%;
	}
	to { 
		top: 0;
		bottom: 0;
		left: 0;
		bottom: 0;
	}
}

@-moz-keyframes appearGrow {
	from { 
		top: 30%;
		bottom: 30%;
		left: 30%;
		bottom: 30%;
	}
	to { 
		top: 0;
		bottom: 0;
		left: 0;
		bottom: 0;
	}
}

@-ms-keyframes appearGrow {
	from { 
		top: 30%;
		bottom: 30%;
		left: 30%;
		bottom: 30%;
	}
	to { 
		top: 0;
		bottom: 0;
		left: 0;
		bottom: 0;
	}
}

@-o-keyframes appearGrow {
	from { 
		top: 30%;
		bottom: 30%;
		left: 30%;
		bottom: 30%;
	}
	to { 
		top: 0;
		bottom: 0;
		left: 0;
		bottom: 0;
	}
}


.ybs-search-faqs .ybs-search > .inner .faq-answer-container.faq-answer-open {
	display: block;
}
.ybs-search-faqs .ybs-search > .inner .faq-answer-container.faq-answer-loading {
	opacity: 0.8;
}

.ybs-search-faqs .ybs-search > .inner .faq-answer-container > .inner{
	padding: 1em;
}

.ybs-search-faqs .ybs-search > .inner .faq-answer-container > .inner .close-faq{
	display: inline-block;
	position: static;
	top: 0.2em;
	left: 0.4em;
	font-size: 1em;
	cursor: pointer;
	margin-bottom: 1em;
	color: #7d2a90;
}

.ybs-search-faqs .ybs-search > .inner .faq-answer-container > .inner .close-faq:before{
	display: inline-block;
	font-size: 1em;
	cursor: pointer;
	font-family: FontAwesome;
	content: "\f053";
	padding-right: 0.5em;
	vertical-align: middle;
}

.ybs-search-faqs .ybs-search > .inner .faq-answer-container > .inner .question{
	padding-right: 1.5em;
}

/* No images */
.search-no-images .ybs-search > .inner .results > .results-container > .result-item {
	background-image: none !important;
	min-height: 100px;
}
.search-no-images .ybs-search > .inner .results > .results-container > .result-item > .inner {
	padding-left: 1em;
}

@media screen and (max-width: 56.25em) {
	header .faqForm {
		display: none;
		padding: 4em 0 0 1em;
	}
}

#masthead #primaryNav {
	max-height: inherit;
}

#form-faq-header > span {
	position:relative;
	border-radius: 5px;
}

.mm-menu .mm-navbars-top .mm-navbar,
.mm-menu .mm-navbars-top .mm-navbar.mm-navbar-size-2,
.mm-menu .mm-navbars-top .mm-navbar.mm-navbar-size-3 {
	height: auto;
}
.mm-menu .mm-navbars-top .mm-navbar.mm-navbar-size-2{
	height: 67px;
}

.mm-menu .mmenu-search{
	padding: 0 1em;
}

.mm-menu .mmenu-search:before,
#form-faq-header > span::before {
    content: "";
    font-family: FontAwesome;
    display: block;
    height: inherit;
    width: 2em;
    color: #292929;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 12px;
    left: 0;
    bottom: 0;
    z-index: 1000;
}

.mm-menu .mmenu-search:before {
	left: 1.5em;
	top: 0em;
}

.mm-menu .mmenu-search .search-panel-close{
	display: none;
	position: absolute;
   top: 0.65em;
	right: 0.5em;
	z-index: 100000;
	font-size: 2em;
	cursor: pointer;
	font-family: FontAwesome;
	
	background-color: transparent;
	border: none;
	
	width: 40px;
}

.mm-menu .mmenu-search.searching .search-panel-close{
	display: block;
}

.mm-menu .mmenu-search input{
	background: rgba(0,0,0,0.1);
	color: rgba(0,0,0,0.8);
	border: none;
	line-height: 1.5em;
	padding: 0.5em 2.5em 0.5em 3em;
	width: 100%;
	box-sizing: border-box;
	font-family: Aller;
	border-radius: 5px;
}

[placeholder="Ask a question..."]::-webkit-input-placeholder {
	color: #fff;
}

[placeholder="Ask a question..."]:-ms-input-placeholder {
	color: #fff;
}

[placeholder="Ask a question..."]:-moz-placeholder,
[placeholder="Ask a question..."]::-moz-placeholder {
	color: #fff;
}

[placeholder="Ask a question..."]::placeholder {
	color: #fff;
}

#form-faq-header-searchtext {
	padding-left: 2em;
	box-sizing: border-box;
}

#form-faq-header-search { 
	display: none; 
	visibility: hidden;
}

.mm-panels > #mobileSearchResults.mm-panel.mm-hasnavbar {
	padding-top: 0;
}

#mobileSearchResults .mm-navbar {
	display: none;
}
/* END SEARCH */
/**
 * Remove X in MS Edge inpout boxes
 */
 input[type=text]::-ms-clear {
	display: none;
 }


.grey {
    background-color: #f8f8f8! important;
}

.greybeast.white {
    background: #ffffff;
    border: 1px solid #efefef;
}

.full-width-grid .icons .title{
font-size:1.6em;
font-family: aller;
color: #444;
font-weight: bold;
margin-top:0.5em;
}

.full-width-grid .icons .subtitle{
font-size:1.4em;
font-family: aller-light;
color: #333;
margin-top:0.5em;
}

.full-width-grid .icons .subtitle strong{
font-weight: bold;
font-family: aller;
} 

/**
 * #columns-new
 *
 * New Responsive Columns
 * - Fully responsive over 5 breakpoints!
 * - nest and nest. youll never need a min-height again!
 */
 
[class^="col-"],
[class*="col-"] {
	float:left;
	margin: 0;
	margin-right: 1.5%;
	margin-bottom: 1em;
	display: block;
	
}

.col-2:nth-child(2n),
.col-3:nth-child(3n),
.col-4:nth-child(4n),
.col-5:nth-child(5n),
.col-6:nth-child(6n),
.col-sidebar {
	margin-right: 0;
	clear:right;
}

.col-2:nth-child(2n+1),
.col-3:nth-child(3n+1),
.col-4:nth-child(4n+1),
.col-5:nth-child(5n+1),
.col-6:nth-child(6n+1) {
	clear:left;
}
 
 /* 1 columns width */
 .col-1 { 
	width: 99.3%;
	margin: 0 auto;
 }
 
 /* 2 Columns width */
 .col-2 {
	width: 49.25%;
}

/* 3 Columns width  */
.col-3 {
	width: 32.334%;
}

/* 4 Columns width */
.col-4 {
	width: 23.875%;
}
 
/* 5 Columns width */
.col-5 {
	width: 18.8%;
}
 
 /* 6 columns width */
.col-6 {
	width: 15.4166667%;
}

.col-content {
	width: 64.666667%;
}

.col-sidebar {
	width: 32.33333333333%;
}

.g.content {
	display: block;
	width: 100%;
}

.g.col-sidebar {
	display: none;
}

@media screen and (max-width: 768px){
	.col-4 {
		width: 49.25%;
	}
	
	.col-6 {
		width: 32.334%;
	}
	
	.col-4:nth-child(2n),
	.col-6:nth-child(3n) {
		margin-right: 0;
		clear:right;
	}

	.col-4:nth-child(2n+1),
	.col-6:nth-child(3n+1) {
		clear:left;
	}
	
	
	
}

@media screen and (max-width: 700px){
	.col-5 {
		width: 100%;
		clear:both;
		margin-right: 0;
	}
	
	.col-content,
	.col-sidebar {
		width: 100%;
		clear:both;
		margin-right: 0;
	}
}

@media screen and (max-width: 550px){
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6{
		width: 100%;
		clear:both;
		margin-right: 0;
	}
}

/* In the case we flip .col-sidebar and col-content... */
.col-sidebar + .col-content {
	margin-right: 0;
	margin-left: 1.5%;
}

/**
 * Input fields - New
 */
.input-group {
	display: block;
	clear:both;
}
.input-group label {
	font-weight: bold;
	padding: 0.5em 0;
	display: inline-block;
	vertical-align: middle;

}
.input-group .input {
	border: 1px solid #f1f1f1;
	border-bottom: none;
	border-radius: 0.2em;
	background-color: #fff;
	box-shadow: 0px 2px 0px 0px rgba(233, 235, 236, 1);
	color: #666;
	padding: 0.5em 1em;
	width: 78%;
	width: 98%;
	margin-left: 1%;
	margin-bottom: 0.3em;
	box-sizing: border-box;
	font-size: 1.2em;
	vertical-align: middle;
}
.form-control,
.input-group {
	/* margin-bottom: 2em; */
	position:relative;
}

/* Range sliders */
.slider {
	width:100%;
	display: block;
	position:relative;
	
	padding: 0;
	margin: 0.5em 0;
	border-radius: 0.18em;
}

.slider .small-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.slider .progress {
	display: block;
	position:relative;
	height: 0.5em;
	margin-bottom: 0.5em;
	
	border-radius: 0.18em;
	background-color: #11A140;
}


.slider .progress-empty {
	display: block;
	height: 0.5em;
	position: absolute;
	right: 0;
	top: 0;
	
	background-color: #000;
	background-color: rgba(0,0,0,0.15);
	border-radius: 0.18em;
}

.slider .handle {
	position:absolute;
	top: -0.5em;
	width: 1.5em;
	height: 1.5em;
	
	border-radius: 8px;
	background-color: #fff;
	border: 2px solid rgba(0,0,0,0.3);
	border-bottom: 3px solid rgb(167, 175, 177);
}

.slider .flex-container {
	margin-top: 0.25em;
	display: -ms-flexbox;
	display: flex;
	width:100%;
}

.slider .range-curr-value {
	text-align: center;
	font-family:aller-bold;
	padding: 0.5em 0.1em;
	width: 75%;
	margin: 0 auto;
	display: block;
}

.slider .range-min,
.slider .range-max {
	color: rgb(102, 102, 102);
	box-sizing: border-box;
	-ms-align-self: center;
	align-self: center;
}

.slider .range-min {
	text-align: left;
	padding-left: 0.5em;
}

.slider .range-max {
	text-align: right;
	padding-right: 0.5em;
}

input[type=text].range {
	width: 85px;
	display: inline-block;
	background-color: transparent;
	border: none;
	float: right;
	text-align: right;
	font-size: 1em;
	font-family: Aller;
	color: inherit;
	border: solid 2px #E9E9E9;
	padding: 0.3em;
	border-radius: 0.3em;
}


.range-disabled + .slider .range-curr-value,
.input-disabled {
	background-color: #cecece;
	-webkit-user-select: none;
	-webkit-user-input: disabled;
	-moz-user-select: none;
	-moz-user-input: disabled;
	user-select: none;
	user-input: disabled;
	cursor: default;
}

/**
 * Guides affordability map
 */
#affordmap .control-box {
	padding: 1em;
	background-color: rgb(250, 250, 250);
	border: 1px solid rgb(233, 233, 233);
}

#affordmap #affordmap_mapresult {
	font-size: 1.25em;
}

#affordmap #affordmap_mapresult .affordmap_rating{
	border: solid 1px #cacaca;
	padding: 0.25em 0.5em;
	display: block;
	font-size: 2em;
	margin: 0 auto;
	width: inherit;
	text-align: center;
}

#affordmap #affordmap_mapresult h2{
	padding: 0;
    border: none;
    margin-bottom: 0.25em;
	margin-right: 0;
	width: auto;
}

#affordmap #affordmap_mapresult .col-2{
	text-align: center;
}
#affordmap #affordmap_mapresult .col-2 p{
	margin: 0.5em 0;
}
#affordmap #affordmap_mapresult .col-2 > p > span{
	font-weight: bold;
}

#affordmap #affordmap_mapresult .col-2:nth-child(first):after{
	height: 100%;
	position: absolute;
	top:0;
	right: 0;
	border-right: solid 1px #cacaca
}


#affordmap .stats > .inner  p {
	cursor: pointer;
	margin: 0;
}
#affordmap .stats > .inner  p.stat {
	font-size: 1.5em;
}

#affordmap .stats .stat {
	font-size: 1.5em;
	cursr: pointer;
	margin: 0;
}

#affordmap .stats > .inner > .group {
	margin-bottom: 1em;
	margin-top: 1em;
}

#affordmap .stats  .marker-affordability {
	float: left;
	display:inline-block;
	padding-right: 1em;
	margin-top: -0.5em;
	width: 3em;
	text-align: center;
}
#affordmap .stats  .marker-affordability img{
	display: block;
	margin: 0 auto;
}
#affordmap .stats  .marker-affordability .value{
	font-size: 1.5em;
font-weight: bold;
}

#affordmap_mapresult h2{
	font-family: ybs-headline;
	font-size: 2em;
	margin-bottom: 0.25em;
	padding-bottom: ;
	line-height: 1em;
	text-align: center;
	color: #7d2a90;
}

#affordmap .affordmap_range_value{
	font-weight: bold;
	text-align: center;
	
}
.range-labels .min,
.range-labels .max{
	width: 50%;
	float:left;
	margin:0;
	padding:0;
}

.range-labels .min,
.range-labels .prev {
	text-align: left;
}
.range-labels .max,
.range-labels .next {
	text-align: right;
}
.range-labels .current {
	text-align: center;
}

.range-labels .prev,
.range-labels .current,
.range-labels .next{
	width: 33.332%;
	float:left;
	margin:0;
	padding:0;
	
}
.range-labels .prev,
.range-labels .next{
	font-family: FontAwesome;
	cursor: pointer;
}


/*
==============================================
Relax campaign
==============================================
*/


#liloVideo {
      position: absolute;
    opacity: 0.6;
    bottom: 0;
    display: inline-block;
    z-index: 999;
    width: 185%;
    left: -1%;
    right: -1%;
    max-height: 414.98px;
    left: -1%;
    right: 0;
    max-width: auto! important;
    min-width: 123%;
    min-height: 132%;
    max-height: 130%;
}

@media only screen and (max-width: 50em) {
.col .lilohero {
    width: 130%;
}
}



.floating {
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(3%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(3%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

.lilo-man img {

}
.lilo-man {
	position: absolute;
	display: block;
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-image: url(../img/home/lilo-man.png);
	z-index: 1;
	transition: 500ms;
	-webkit-animation-name: floaty;
	-moz-animation-name: floaty;
	-ms-animation-name: floaty;
	-o-animation-name: floaty;
	animation-name: floaty;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	animation-duration: 6s;
	-webkit-animation-duration: 6s;
	-moz-animation-duration: 6s;
	-ms-animation-duration: 6s;
	-o-animation-duration: 6s;
}

@keyframes floaty {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(1%);

	}	
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes floaty {
		0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(1%);	
transform: translateY(1%);	
	}	
	100% {
		transform: translateY(0%);
	}	
}

@-moz-keyframes floaty {
	0% { 
		transform: scale(1), translate(0,0);
	}
	20% { 
		transform: translate(-4px,-3px);
	}
	40% { 
		transform: translate(-1px,-2px);
	}
	40% { 
		transform: translate(3px,3px);
	}
	60% { 
		transform: translate(2px,2px);
	}
	80% { 
		transform: translate(1px,3px);
	}
	100% { 
		transform: scale(1.1), translate(1px,2px);
	}
}

@-ms-keyframes floaty {
	0% { 
		transform: scale(1), translate(0,0);
	}
	20% { 
		transform: translate(-4px,-3px);
	}
	40% { 
		transform: translate(-1px,-2px);
	}
	40% { 
		transform: translate(3px,3px);
	}
	60% { 
		transform: translate(2px,2px);
	}
	80% { 
		transform: translate(1px,3px);
	}
	100% { 
		transform: scale(1.1), translate(1px,2px);
	}
}

.lilo-man {
right: 5%;
display:none;
-webkit-filter: drop-shadow(-8px 12px 10px rgba(69, 69, 69, 0.4));
filter: drop-shadow(-8px 12px 10px rgba(69, 69, 69, 0.4));
}

@media only screen and (min-width: 40.625em) {
.lilo-man {
right: -18%;
display:inline;
}
}

@media only screen and (min-width: 50em) {
.lilo-man {
right: -10%;
}
}

@media only screen and (min-width: 64em) {
 .lilo-man {   
right: 5%;
}
}


.transparent { 
	background-color: transparent !important; 
}

/*Genericified loading animation, just add the class! */
.loadingAnim:after {
	content: "";
	display:block;
	height:50px;
	width: 50px;
	
	position: absolute;
	top: 2em;
	left: 45%;
	
	background-color: transparent;
	
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-ms-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;
	
	border: 6px solid rgba(0,156,65,.15);
	border-top: 6px solid rgba(0,156,65,.8);
	border-radius: 100%;
	
	
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-ms-keyframes rotation {
   from {-ms-transform: rotate(0deg);}
   to {-ms-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}

.plain-table tr td, .plain-table tr th  {
    background: none;
    border: none;
}



/* COMPLETE MORTGAGE GUIDE - TIMELINE */

.timeline-section:after {
	content: "";
	display: block;
	background: url("circle3.png") center center no-repeat;
	position: absolute;
}
ul.bullet-custom li:before {
	margin-right: 0.45em;
}
#full-width-grid .dw-12 .module p {
	padding-right: 0! important;
}
ul.new-icon-tick {
	text-indent: 0em;
}
ul.new-icon-tick > li {
	margin-left: 1.2em;
	margin-bottom:0.75em;
	color: #444;
}
ul.new-icon-tick > li:before {
	content: "";
	height: 1.2em;
	width: 1.2em;
	display: inline-block;
	float: left;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 1.45em;
	height: 1.45em;
	vertical-align: middle;
	margin-left: -2.4em;
}
ul.new-icon-tick > li:before {
	background-image: url("data:image/svg+xml;base64,DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDcgNDcuMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDcgNDcuMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMDhBMzRBIiBkPSJNNDcsMjMuNmMwLDMuNS0wLjIsNi45LTAuNiwxMC40Yy0wLjQsMy41LTAuOSw2LjYtMS41LDkuNmMtMC4zLDAuOS0wLjgsMS40LTEuNiwxLjUNCgkJYy0zLDAuNy02LjIsMS4yLTkuNiwxLjZjLTMuNCwwLjQtNi44LDAuNS0xMC4zLDAuNWMtMy40LDAtNi45LTAuMi0xMC41LTAuNWMtMy42LTAuNC02LjctMC45LTkuNC0xLjZjLTAuOS0wLjItMS40LTAuNy0xLjUtMS41DQoJCWMtMC43LTMtMS4yLTYuMi0xLjUtOS42QzAuMiwzMC40LDAsMjcsMCwyMy42YzAtMy41LDAuMi02LjksMC41LTEwLjJDMC45LDEwLDEuNCw2LjgsMi4xLDMuN2MwLjEtMC45LDAuNi0xLjQsMS41LTEuNg0KCQljMi45LTAuNiw2LTEuMSw5LjYtMS41YzMuNS0wLjQsNy0wLjYsMTAuNC0wLjZjMy41LDAsNywwLjIsMTAuNSwwLjdjMy42LDAuNCw2LjcsMC45LDkuNCwxLjVDNDQuMiwyLjQsNDQuOCwzLDQ1LDMuNw0KCQljMC4yLDEuMSwwLjUsMi40LDAuNyw0YzAuMiwxLjYsMC41LDMuMiwwLjcsNWMwLjIsMS44LDAuNCwzLjYsMC41LDUuNEM0NywyMCw0NywyMS44LDQ3LDIzLjZ6IE00MSw0MS4yYzEuMS01LjYsMS43LTExLjUsMS43LTE3LjYNCgkJYzAtNi4xLTAuNi0xMS45LTEuNy0xNy41Yy0yLjktMC42LTUuNy0xLTguNi0xLjJjLTIuOS0wLjItNS44LTAuNC04LjktMC40Yy0zLDAtNiwwLjEtOC45LDAuNEMxMS43LDUuMSw4LjgsNS41LDYsNi4xDQoJCWMtMC42LDIuOS0xLDUuNy0xLjIsOC42Yy0wLjIsMi45LTAuNCw1LjgtMC40LDguOWMwLDMsMC4xLDYsMC40LDguOUM1LDM1LjQsNS40LDM4LjMsNiw0MS4yYzIuOSwwLjUsNS43LDAuOSw4LjYsMS4yDQoJCWMyLjksMC4yLDUuOCwwLjQsOC45LDAuNGMzLDAsNi0wLjEsOC45LTAuNEMzNS4yLDQyLjEsMzguMSw0MS43LDQxLDQxLjJ6Ii8+DQoJPHBhdGggZmlsbD0iIzA4QTM0QSIgZD0iTTE2LjgsMjkuN2MzLjgtMi45LDYuMi00LjUsOS42LTcuOWMzLjUtMy40LDQuOC00LjgsNy42LTguNGMwLjQtMC41LDAuOS0wLjgsMS41LTAuOA0KCQljMC43LDAsMS4yLDAuMiwxLjcsMC42YzAuNSwwLjQsMC44LDEsMC44LDEuN2MwLDAuNS0wLjEsMC45LTAuNCwxLjJjLTMuMSwzLjktNC43LDUuNy04LjYsOS40Yy0zLjgsMy43LTYuNyw1LjYtMTAuOSw4LjgNCgkJYy0wLjIsMC4yLTAuNywwLjQtMS4zLDAuNGMtMC4zLDAtMC42LTAuMS0wLjgtMC4yYy0wLjItMC4xLTAuNy0wLjQtMS4zLTAuN2MtMS0wLjYtMi0xLjItMi45LTJDMTAuOSwzMSw5LjksMzAuMiw5LDI5LjQNCgkJYy0wLjUtMC41LTAuNy0xLjEtMC43LTEuOGMwLTAuNSwwLjItMSwwLjYtMS41YzAuNC0wLjQsMC45LTAuNywxLjYtMC43YzAuNiwwLDEuMSwwLjIsMS40LDAuNUMxMy4zLDI3LjMsMTUsMjguNSwxNi44LDI5Ljd6Ii8+DQo8L2c+DQo8L3N2Zz4=");
}
.timeline-info {
	display: none;
}
#full-width-timeline .dw-12 {
	width: 100%! important;
}
#full-width-timeline a:hover {
	text-decoration: none;
	background-color: transparent;
	cursor: pointer; 
	cursor: hand;
}
.mat-inner-circle {
	transition: all 0.5s ease;
}
.checked {
	transition: all 0.5s ease;
	color: #7d2a90;
	font-size:0.9em;
	opacity:0.4;
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	filter: grayscale(100%);

}
.mat-inner-circle:hover {
	background-image: url("/mortgages/mortgage-application-timeline/circle7.png");
}
.mat-inner-circle:hover .mat-icon{
	opacity: 1;
}
.circle7 .mat-icon {
	background-position: 49% 50%;
	background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQxLjcgNDUuNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDEuNyA0NS43IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNi45LDM5LjdjLTEuMSwwLTItMC45LTItMnYtNy44YzAtMS4xLDAuOS0yLDItMmg3LjZjMS4xLDAsMiwwLjksMiwydjcuN2MwLDEuMS0wLjksMi0yLDJzLTItMC45LTItMg0KCQl2LTUuN2gtMy43djUuOEMxOC45LDM4LjgsMTgsMzkuNywxNi45LDM5Ljd6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIwLjMsNDUuN2MtOC42LDAtMTQtMS40LTE0LjMtMS40Yy0wLjctMC4yLTEuMi0wLjctMS40LTEuNGMtMS0zLjEtMS43LTgtMS43LTExLjdjMC0zLjUsMC41LTcsMS41LTEwLjINCgkJYzAuMS0wLjQsMC40LTAuNywwLjctMUwxOS45LDguMmMwLjgtMC42LDEuOS0wLjYsMi42LDAuMWwxNC4xLDEyLjJjMC4xLDAuMSwwLjMsMC4zLDAuNCwwLjRjMC4zLDAuNSwxLjUsMi44LDEuNSw5LjgNCgkJYzAsNS4zLTEuNiwxMS43LTEuNywxMmMtMC4yLDAuOC0wLjgsMS4zLTEuNSwxLjVDMzUsNDQuMywyOC45LDQ1LjcsMjAuMyw0NS43eiBNOC4yLDQwLjVjMS45LDAuNCw2LjIsMS4xLDEyLjEsMS4xDQoJCWM1LjksMCwxMC42LTAuNywxMi44LTEuMWMwLjQtMi4xLDEuMi02LjMsMS4yLTkuN2MwLTQuNy0wLjYtNi44LTAuOC03LjVMMjEuMSwxMi41TDguMiwyMi45Yy0wLjgsMi43LTEuMiw1LjUtMS4yLDguNA0KCQlDNy4xLDM0LDcuNSwzNy44LDguMiw0MC41eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zOS43LDE4LjhjLTAuNSwwLTAuOS0wLjItMS4zLTAuNWMtMS4yLTEtMi42LTIuMS00LjEtMy40QzMwLDExLjQsMjQuNyw3LjEsMjEuMSw0LjUNCgkJYy00LjUsMy0xMi42LDkuNy0xNi4yLDEyLjZjLTAuNiwwLjUtMS4xLDAuOS0xLjUsMS4yYy0wLjksMC43LTIuMiwwLjYtMi45LTAuM2MtMC43LTAuOS0wLjYtMi4yLDAuMy0yLjljMC4zLTAuMywwLjgtMC43LDEuNC0xLjINCgkJYzQtMy4zLDEzLjQtMTEsMTcuOC0xMy43YzAuNy0wLjQsMS41LTAuNCwyLjIsMGMzLjksMi41LDkuOSw3LjUsMTQuNywxMS41YzEuNSwxLjIsMi45LDIuNCw0LDMuM2MwLjksMC43LDEsMiwwLjMsMi45DQoJCUM0MC45LDE4LjYsNDAuMywxOC44LDM5LjcsMTguOHoiLz4NCjwvZz4NCjwvc3ZnPg0K");
}
.circle4 .mat-icon {
	background-position: 53% 50%;
	background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUyLjkgNDcuMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTIuOSA0Ny4xIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOS40LDIzLjdjMC0xLjUtMC43LTIuMi0yLjItMi4ySDExLjljLTEuNSwwLTIuMiwwLjctMi4yLDIuMmMwLDEuNSwwLjcsMi4yLDIuMiwyLjJoMTUuMw0KCQlDMjguNywyNS45LDI5LjQsMjUuMiwyOS40LDIzLjd6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTM3LjcsMTMuNGMwLTEuNS0wLjctMi4yLTIuMi0yLjJIMTEuOWMtMS41LDAtMi4yLDAuNy0yLjIsMi4yYzAsMS41LDAuNywyLjIsMi4yLDIuMmgyMy42DQoJCUMzNi45LDE1LjYsMzcuNywxNC45LDM3LjcsMTMuNHoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTEuOSwzMS41Yy0xLjUsMC0yLjIsMC43LTIuMiwyLjJjMCwxLjUsMC43LDIuMiwyLjIsMi4yaDExLjZjMS41LDAsMi4yLTAuNywyLjItMi4yDQoJCWMwLTEuNS0wLjctMi4yLTIuMi0yLjJIMTEuOXoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNTIuOCwxMWMtMC4yLTAuMy0wLjYtMC45LTEuMS0xLjVjLTAuNS0wLjctMC45LTEuMS0xLjMtMS4zYy0wLjgtMC42LTEuNS0wLjktMi4zLTEuMQ0KCQljLTAuNy0wLjEtMS4yLTAuMi0xLjItMC4yYy0wLjUsMC0wLjksMC4yLTEuMywwLjdMMzMuMSwyNGMtMC4zLDAuMy0wLjQsMC43LTAuNCwxYzAsMC40LDAuMiwwLjgsMC41LDEuMWMwLjMsMC4zLDAuNywwLjQsMS4yLDAuNA0KCQljMC41LDAsMC45LTAuMiwxLjItMC42bDExLjktMTUuOGMwLjMsMCwwLjYsMC4yLDEsMC40YzAuNCwwLjIsMC43LDAuNSwwLjksMC45Yy0wLjQsMC42LTEsMS4zLTEuNywyLjNjLTAuNywxLTEuNSwyLTIuNCwzLjINCgkJYy0wLjksMS4yLTEuOCwyLjQtMi43LDMuNmMtMC45LDEuMy0xLjgsMi41LTIuNywzLjZjLTAuOCwxLjEtMS42LDIuMS0yLjIsM2MtMC43LDAuOS0xLjEsMS42LTEuNCwyTDMzLDMxbDAuMy0xYzAtMC4xLDAtMC4yLDAtMC4yDQoJCWMwLTAuMSwwLTAuMSwwLTAuMmMwLTAuNC0wLjEtMC44LTAuNC0xLjJjLTAuMy0wLjMtMC43LTAuNS0xLjEtMC41Yy0wLjgsMC0xLjMsMC40LTEuNSwxLjJsLTEuNSw0LjhjMCwwLjEsMCwwLjIsMCwwLjMNCgkJYzAsMC4xLDAsMC4yLDAsMC4zYzAsMC40LDAuMSwwLjgsMC40LDEuMWMwLjMsMC40LDAuNywwLjUsMS4yLDAuNWMwLjIsMCwwLjQtMC4xLDAuOC0wLjNsNy4xLTRjMC4yLTAuMSwwLjQtMC4zLDAuNS0wLjUNCgkJYzAuMi0wLjMsMC41LTAuOCwxLjEtMS41YzAuNi0wLjcsMS4yLTEuNywyLTIuN2MwLjgtMS4xLDEuNi0yLjIsMi42LTMuNWMxLTEuMywxLjktMi41LDIuOS0zLjhjMS0xLjMsMS45LTIuNiwyLjktMy44DQoJCWMwLjktMS4yLDEuOC0yLjMsMi41LTMuM2MwLjItMC4yLDAuMy0wLjUsMC4zLTAuOUM1Mi45LDExLjUsNTIuOSwxMS4yLDUyLjgsMTF6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQ1LjQsMjYuM2MtMC43LTAuMS0xLjQsMC0xLjksMC4zYy0wLjUsMC4zLTAuOCwwLjgtMC45LDEuM2MwLDAuMSwwLDAuMiwwLDAuM2MtMC4xLDAuNC0wLjEsMS0wLjIsMS44DQoJCWMtMC4xLDAuOS0wLjIsMi0wLjMsMy4yYy0wLjEsMS4yLTAuMiwyLjUtMC40LDMuOWMwLDAuMy0wLjEsMC41LTAuMSwwLjhjLTAuMiwxLjEtMC40LDIuMi0wLjYsMy4zYy0yLjksMC41LTUuNywwLjktOC42LDEuMg0KCQljLTIuOSwwLjItNS44LDAuNC04LjksMC40Yy0zLDAtNi0wLjEtOC44LTAuNGMtMi45LTAuMi01LjctMC42LTguNi0xLjJjLTAuNS0yLjktMS01LjctMS4yLTguN2MtMC4zLTIuOS0wLjQtNS45LTAuNC04LjkNCgkJYzAtMywwLjEtNiwwLjQtOC45YzAuMy0yLjksMC43LTUuOCwxLjItOC42YzIuOS0wLjYsNS43LTEsOC42LTEuMmMyLjktMC4yLDUuOC0wLjQsOC44LTAuNGMzLDAsNiwwLjEsOC45LDAuNA0KCQljMi45LDAuMiw1LjcsMC43LDguNiwxLjJjMCwwLjIsMC4xLDAuNSwwLjEsMC43YzAuMywxLDEuMSwxLjUsMi40LDEuNGMxLjQtMC4yLDIuMS0wLjksMi4xLTIuMmMtMC4xLTAuNy0wLjMtMS40LTAuNC0yLjENCgkJYy0wLjItMS0wLjctMS41LTEuNy0xLjdjLTEuMS0wLjItMi4xLTAuNC0zLjItMC42QzM0LjcsMC41LDI5LjIsMCwyMy41LDBjLTMuNCwwLTYuNywwLjItMTAsMC41Yy0zLjMsMC4zLTYuNSwwLjgtOS43LDEuNg0KCQlDMy4zLDIuMiwzLDIuNCwyLjYsMi43QzIuMywzLDIuMSwzLjMsMi4xLDMuN2MtMC41LDMuMy0xLDYuNi0xLjQsOS45QzAuMiwxNi45LDAsMjAuMiwwLDIzLjZjMCw2LjYsMC43LDEzLjIsMi4xLDE5LjkNCgkJYzAuMSwwLjQsMC4zLDAuNywwLjYsMUMzLDQ0LjcsMy4zLDQ0LjksMy43LDQ1YzEuMSwwLjMsMi41LDAuNiw0LjEsMC44YzEuNiwwLjIsMy4yLDAuNSw1LDAuN2MxLjgsMC4yLDMuNSwwLjQsNS40LDAuNQ0KCQljMS44LDAuMSwzLjYsMC4yLDUuMywwLjJjMy41LDAsNi45LTAuMiwxMC4zLTAuNWMyLjMtMC4yLDQuNC0wLjUsNi4zLTAuOWMwLjktMC4yLDEuNy0wLjMsMi41LTAuNWMwLjgtMC4yLDEuNC0wLjQsMS44LTAuNg0KCQljMC40LTAuMiwwLjYtMC42LDAuNy0xLjFjMC43LTIuNiwxLjEtNS43LDEuNS05LjNjMC4yLTIuMSwwLjMtNC4yLDAuNC02LjNjLTAuMS0wLjQtMC4yLTAuNy0wLjUtMC45DQoJCUM0Ni4xLDI2LjYsNDUuNywyNi4zLDQ1LjQsMjYuM3oiLz4NCjwvZz4NCjwvc3ZnPg0KDQo=");
}
.circle6 .mat-icon {
	background-position: 49% 51%;
	background-size: 44% 44%;
	background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ3IDQ3LjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ3IDQ3LjEiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQ3LDIzLjZjMCwzLjUtMC4yLDYuOS0wLjYsMTAuNGMtMC40LDMuNS0wLjksNi42LTEuNSw5LjZjLTAuMywwLjktMC44LDEuNC0xLjYsMS41DQoJCWMtMywwLjctNi4yLDEuMi05LjYsMS42Yy0zLjQsMC40LTYuOCwwLjUtMTAuMywwLjVjLTMuNCwwLTYuOS0wLjItMTAuNS0wLjVjLTMuNi0wLjQtNi43LTAuOS05LjQtMS42Yy0wLjktMC4yLTEuNC0wLjctMS41LTEuNQ0KCQljLTAuNy0zLTEuMi02LjItMS41LTkuNkMwLjIsMzAuNCwwLDI3LDAsMjMuNmMwLTMuNSwwLjItNi45LDAuNS0xMC4yQzAuOSwxMCwxLjQsNi44LDIuMSwzLjdjMC4xLTAuOSwwLjYtMS40LDEuNS0xLjYNCgkJYzIuOS0wLjYsNi0xLjEsOS42LTEuNWMzLjUtMC40LDctMC42LDEwLjQtMC42YzMuNSwwLDcsMC4yLDEwLjUsMC43YzMuNiwwLjQsNi43LDAuOSw5LjQsMS41QzQ0LjIsMi40LDQ0LjgsMyw0NSwzLjcNCgkJYzAuMiwxLjEsMC41LDIuNCwwLjcsNGMwLjIsMS42LDAuNSwzLjIsMC43LDVjMC4yLDEuOCwwLjQsMy42LDAuNSw1LjRDNDcsMjAsNDcsMjEuOCw0NywyMy42eiBNNDEsNDEuMmMxLjEtNS42LDEuNy0xMS41LDEuNy0xNy42DQoJCWMwLTYuMS0wLjYtMTEuOS0xLjctMTcuNWMtMi45LTAuNi01LjctMS04LjYtMS4yYy0yLjktMC4yLTUuOC0wLjQtOC45LTAuNGMtMywwLTYsMC4xLTguOSwwLjRDMTEuNyw1LjEsOC44LDUuNSw2LDYuMQ0KCQljLTAuNiwyLjktMSw1LjctMS4yLDguNmMtMC4yLDIuOS0wLjQsNS44LTAuNCw4LjljMCwzLDAuMSw2LDAuNCw4LjlDNSwzNS40LDUuNCwzOC4zLDYsNDEuMmMyLjksMC41LDUuNywwLjksOC42LDEuMg0KCQljMi45LDAuMiw1LjgsMC40LDguOSwwLjRjMywwLDYtMC4xLDguOS0wLjRDMzUuMiw0Mi4xLDM4LjEsNDEuNyw0MSw0MS4yeiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNi44LDI5LjdjMy44LTIuOSw2LjItNC41LDkuNi03LjljMy41LTMuNCw0LjgtNC44LDcuNi04LjRjMC40LTAuNSwwLjktMC44LDEuNS0wLjgNCgkJYzAuNywwLDEuMiwwLjIsMS43LDAuNmMwLjUsMC40LDAuOCwxLDAuOCwxLjdjMCwwLjUtMC4xLDAuOS0wLjQsMS4yYy0zLjEsMy45LTQuNyw1LjctOC42LDkuNGMtMy44LDMuNy02LjcsNS42LTEwLjksOC44DQoJCWMtMC4yLDAuMi0wLjcsMC40LTEuMywwLjRjLTAuMywwLTAuNi0wLjEtMC44LTAuMmMtMC4yLTAuMS0wLjctMC40LTEuMy0wLjdjLTEtMC42LTItMS4yLTIuOS0yQzEwLjksMzEsOS45LDMwLjIsOSwyOS40DQoJCWMtMC41LTAuNS0wLjctMS4xLTAuNy0xLjhjMC0wLjUsMC4yLTEsMC42LTEuNWMwLjQtMC40LDAuOS0wLjcsMS42LTAuN2MwLjYsMCwxLjEsMC4yLDEuNCwwLjVDMTMuMywyNy4zLDE1LDI4LjUsMTYuOCwyOS43eiIvPg0KPC9nPg0KPC9zdmc+DQo=");
}
.circle1 .mat-icon {
	background-size: 44% 44%;
	background-image:	url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ3IDQ3LjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ3IDQ3LjEiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAsMjMuNmMwLTMuNCwwLjItNi43LDAuNi0xMEMxLDEwLjQsMS41LDcuMSwyLjEsMy43QzIuMSwzLjMsMi4zLDMsMi42LDIuN0MzLDIuNCwzLjMsMi4yLDMuNywyLjENCgkJYzMuMi0wLjcsNi40LTEuMiw5LjctMS42YzMuMy0wLjMsNi43LTAuNSwxMC0wLjVjNi44LDAsMTMuNCwwLjcsMTkuOSwyLjFjMSwwLjIsMS41LDAuNywxLjcsMS43YzAuNywyLjksMS4xLDYsMS41LDkuNQ0KCQljMC4zLDMuNSwwLjUsNi45LDAuNSwxMC40YzAsMy41LTAuMiw3LTAuNSwxMC42Yy0wLjMsMy42LTAuOCw2LjctMS41LDkuM2MtMC4xLDAuNS0wLjQsMC44LTAuNywxLjFjLTAuNCwwLjItMSwwLjQtMS44LDAuNg0KCQljLTIuNSwwLjYtNS40LDEuMS04LjgsMS40Yy0zLjQsMC40LTYuOCwwLjUtMTAuMywwLjVjLTEuNywwLTMuNS0wLjEtNS4zLTAuMmMtMS44LTAuMS0zLjYtMC4zLTUuNC0wLjVjLTEuOC0wLjItMy40LTAuNC01LTAuNw0KCQljLTEuNi0wLjItMi45LTAuNS00LjEtMC44Yy0wLjQtMC4xLTAuOC0wLjMtMS4xLTAuNWMtMC4zLTAuMi0wLjUtMC42LTAuNi0xQzAuNywzNi44LDAsMzAuMiwwLDIzLjZ6IE00MSw2LjENCgkJYy0yLjktMC42LTUuNy0xLTguNi0xLjJjLTIuOS0wLjItNS44LTAuNC04LjktMC40Yy0zLDAtNiwwLjEtOC44LDAuNGMtMi45LDAuMi01LjcsMC43LTguNiwxLjJjLTAuNSwyLjktMSw1LjctMS4yLDguNg0KCQljLTAuMywyLjktMC40LDUuOC0wLjQsOC45YzAsMywwLjEsNiwwLjQsOC45YzAuMywyLjksMC43LDUuOCwxLjIsOC43YzIuOSwwLjUsNS43LDAuOSw4LjYsMS4yYzIuOSwwLjIsNS44LDAuNCw4LjgsMC40DQoJCWMzLDAsNi0wLjEsOC45LTAuNGMyLjktMC4yLDUuOC0wLjYsOC42LTEuMmMxLjEtNS41LDEuNy0xMS4zLDEuNy0xNy42QzQyLjcsMTcuNSw0Mi4xLDExLjcsNDEsNi4xeiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNi4zLDMzLjhoMy4xYzAuNiwwLDEuMSwwLjIsMS41LDAuNmMwLjQsMC40LDAuNiwxLDAuNiwxLjZjMCwwLjYtMC4yLDEuMS0wLjYsMS41DQoJCWMtMC40LDAuNC0wLjksMC42LTEuNSwwLjZIMTcuOGMtMC43LDAtMS4yLTAuMi0xLjYtMC42Yy0wLjQtMC40LTAuNi0wLjktMC42LTEuNWMwLTEuNSwwLjctMi4yLDIuMi0yLjJoNFYyMy4ySDE4DQoJCWMtMS41LDAtMi4yLTAuNy0yLjItMi4yYzAtMS40LDAuNy0yLjEsMi4yLTIuMUgyNGMwLjYsMCwxLjEsMC4yLDEuNiwwLjZjMC40LDAuNCwwLjcsMC45LDAuNywxLjZWMzMuOHogTTIyLjksMTUuMw0KCQljLTAuOSwwLTEuNy0wLjMtMi4zLTAuOWMtMC43LTAuNi0xLTEuNC0xLTIuNGMwLTAuOSwwLjMtMS43LDEtMi4zYzAuNy0wLjcsMS40LTEsMi4zLTFjMSwwLDEuOCwwLjMsMi40LDFjMC43LDAuNywxLDEuNCwxLDIuMw0KCQljMCwxLTAuMywxLjctMSwyLjRDMjQuNiwxNSwyMy44LDE1LjMsMjIuOSwxNS4zeiIvPg0KPC9nPg0KPC9zdmc+DQo=");
}
.circle3 .mat-icon {
	background-position: 49% 51%;
	background-size: 44% 44%;
	background-image:	url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ0LjggNDQuOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDQuOCA0NC44IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNOS4xLDIyLjRjMC0xLjIsMC45LTIuMSwyLjEtMi4xbDEyLjEsMGMxLjIsMCwyLjEsMC45LDIuMSwyLjFjMCwwLDAsMCwwLDBjMCwxLjItMC45LDIuMS0yLjEsMi4xbC0xMi4xLDANCgkJCUMxMCwyNC41LDkuMSwyMy42LDkuMSwyMi40QzkuMSwyMi40LDkuMSwyMi40LDkuMSwyMi40eiIvPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjEuOCwzMi4yYzAtMC43LDAuMy0xLjQsMS0xLjhjMS44LTEuMiw1LjMtMy43LDguMy04Yy0yLjMtMy4zLTUuMy02LjMtOC4yLTcuOWMtMS0wLjYtMS4zLTEuOS0wLjgtMi45DQoJCQlzMS45LTEuMywyLjktMC44YzMuOCwyLjIsNy44LDYuMiwxMC41LDEwLjVjMC40LDAuNywwLjQsMS42LDAsMi4yQzMyLjcsMjcuOCwyOSwzMS41LDI1LDM0Yy0xLDAuNi0yLjMsMC4zLTIuOS0wLjcNCgkJCUMyMS45LDMzLDIxLjgsMzIuNiwyMS44LDMyLjJ6Ii8+DQoJPC9nPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDIyLjRDMCwxNS45LDAuNyw5LjUsMiwzLjZDMi4xLDIuOCwyLjgsMi4xLDMuNiwyYzYtMS4zLDEyLjMtMiwxOC44LTJjNi41LDAsMTIuOSwwLjcsMTguOSwyDQoJCWMwLjgsMC4yLDEuNCwwLjgsMS42LDEuNmMxLjMsNiwyLDEyLjMsMiwxOC45YzAsNi41LTAuNywxMi45LTIsMTguOWMtMC4yLDAuOC0wLjgsMS40LTEuNiwxLjZjLTYsMS4zLTEyLjMsMi0xOC45LDINCgkJYy02LjUsMC0xMi45LTAuNy0xOC44LTJjLTAuOC0wLjItMS40LTAuOC0xLjYtMS42QzAuNywzNS4zLDAsMjksMCwyMi40eiBNNS44LDUuOGMtMSw1LjMtMS42LDEwLjktMS42LDE2LjZTNC43LDMzLjgsNS44LDM5DQoJCWM1LjMsMS4xLDEwLjksMS42LDE2LjYsMS42YzUuOCwwLDExLjMtMC41LDE2LjYtMS42YzEtNS4zLDEuNi0xMC45LDEuNi0xNi42YzAtNS44LTAuNS0xMS4zLTEuNi0xNi42Yy01LjMtMS4xLTEwLjktMS42LTE2LjYtMS42DQoJCUMxNi43LDQuMiwxMS4xLDQuNyw1LjgsNS44eiIvPg0KPC9nPg0KPC9zdmc+DQo=");
}
.mat-time {
	margin-top: 0.15em;
}
.mat-time::before {
	color: #999;
}
.big-title {
	font-family: Aller-Light,"Trebuchet MS";
	width: 98.068%;
	border: none!important;
	font-size: 2.275em;
	line-height: 1.381em;
	padding: 0px!important;
	margin: 0 auto!important;
	clear: both;
	float: left;
	text-align: center;
	margin-bottom: 0.1em! important;
}
.big-subheader {
	margin-bottom: 0.5em;
	width:77%;
}
.mortgage-timeline {
	margin: 0 auto;
	width: 90%;
	background-color: transparent;
	height: auto;
	border-radius: 10em;
	margin-bottom: 0.7em;
	-webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 0.2em rgba(0,0,0,0.2);
	box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
	position: relative;
}
#full-width-timeline {
	padding-left: 0;
	margin-right: 0;
	width: 100%;
}
.timeline-section {
	position: relative;
	width: 14.285714285714285714285714285714%;
	display: inline-block;
	text-align: center;
	padding: 0%;
	height: 70%;
	line-height: 1.26667em;
	font-family: aller-light;
	color: #555;
	float: left;
	font-weight: bold;
}
.mat-inner-circle {
	background-size: 75% 75%;
	background-position: center;
	background-repeat: no-repeat;
	padding-bottom: 100%;
	width: 100%;
	transition: all 0.2s ease;
}
.mat-icon {
	opacity: 0.85;
	background-repeat: no-repeat;
	background-position: center;
	background-position: 50% 50%;
	background-size: 46% 46%;
}
.circle1 {
	background-image: url("http://192.168.209.12/mortgages/mortgage-application-timeline/circle1.png");
}
.circle2 {
	background-image: url("http://192.168.209.12/mortgages/mortgage-application-timeline/circle2.png");
}
.circle2 .mat-icon {
	background-position: 52% 51.5%;
	background-image:url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDY5NC4xIDYxMC4yIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2OTQuMSA2MTAuMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMC4xLDI4NC44Yy0wLjUtMjMuNywwLjctNDkuNSwyLjItNzUuMmMyLjktNDguMiw5LjEtOTYsMTguMy0xNDMuM2MxLjItNi4yLDIuNS0xMi40LDMuNy0xOC42DQoJCUMyNi44LDM1LjEsMzQuNSwyNy41LDQ3LDI0LjhDODUuOSwxNi4zLDEyNS4xLDEwLDE2NC43LDYuMmMyNy42LTIuNyw1NS40LTQuNSw4My4xLTUuNWMyMC43LTAuNyw0MS4zLTAuOSw2MS45LTAuNQ0KCQljMzAuOCwwLjcsNjEuNSwyLjYsOTIuMSw1LjVjNDEuNiwzLjksODIuOCwxMC4zLDEyMy42LDE5YzEyLjYsMi43LDE5LjgsMTAuNCwyMi40LDIyLjZjNy4zLDM0LjIsMTIuOSw2OC42LDE2LjksMTAzLjMNCgkJYzIuNiwyMi4zLDQuMiw0NC43LDUuNSw2Ny4xYzEuNiwyNywxLjgsNTMuOSwxLjksODAuOWMwLDQtMC45LDUuNS01LjIsNS40Yy0xNC41LTAuNS0yOC45LDAuNS00My40LDJjLTMuOSwwLjQtNC45LTAuOS00LjgtNC42DQoJCWMwLjYtMjEuOC0wLjItNDMuNi0xLjEtNjUuNGMtMS0yMy43LTIuOC00Ny41LTUuNS03MS4xYy0zLjItMjcuOS03LjItNTUuNy0xMi4xLTgzLjRjLTEtNS40LTIuNy03LjgtOC43LTguOQ0KCQljLTQwLjctNy42LTgxLjctMTIuOS0xMjMuMS0xNS44Yy0zOS42LTIuOC03OS4yLTMuNS0xMTguOC0yLjRjLTM5LjYsMS4xLTc5LjEsNC4yLTExOC4zLDkuOWMtMTcuOSwyLjYtMzUuNyw2LTUzLjYsOC45DQoJCWMtMy4xLDAuNS00LjQsMi4xLTUsNS4yYy0zLjMsMTcuNy02LjEsMzUuNC04LjcsNTMuMmMtMy40LDIzLjItNS43LDQ2LjUtNy43LDY5LjljLTEsMTIuMS0xLjcsMjQuMi0yLjEsMzYuNA0KCQljLTAuNiwxOC41LTEuMiwzNy0wLjksNTUuNGMwLjQsMzUuNCwxLjksNzAuOCw1LjUsMTA2LjFjMy4yLDMxLjYsOC4xLDYzLDEzLjMsOTQuM2MwLjgsNC43LDIuOSw2LjYsNy40LDcuNA0KCQljMzQsNi40LDY4LjIsMTEuMSwxMDIuNywxNC4xYzIyLjksMiw0NS44LDMuMyw2OC43LDQuMmMyMiwwLjksNDQsMC45LDY1LjksMC4zYzIxLjktMC42LDQzLjgtMi4yLDY1LjctMy44YzUtMC40LDYsMS44LDYuMiw1LjgNCgkJYzAuNywxNC4zLDIuNCwyOC41LDUsNDIuNmMwLjYsMy4zLDAsNC42LTMuOCw0LjljLTIxLjUsMS45LTQzLjEsMy4yLTY0LjcsMy44Yy0xMC42LDAuMy0yMS4zLDAuOC0zMS45LDAuOA0KCQljLTM3LjEsMC03NC4yLTEuMy0xMTEuMi00LjdjLTQ1LjItNC4xLTkwLjEtMTAuNC0xMzQuNS0yMGMtMTMuNC0yLjktMjAuOS0xMC44LTIzLjctMjQuM2MtNi44LTMzLjYtMTIuNi02Ny4zLTE2LjUtMTAxLjMNCgkJYy0yLjYtMjIuOC00LjQtNDUuNy01LjYtNjguNkMwLjgsMzMyLjItMC4xLDMwOS41LDAuMSwyODQuOHoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjgzLDE4NS4xYy01MC4xLDAtMTAwLjMsMC0xNTAuNCwwYy03LjcsMC0xNC45LTEuMi0yMC44LTYuN2MtOC42LTgtOC42LTE4LjUtNy4yLTI4LjgNCgkJYzEuOC0xMy43LDExLTIxLjMsMjUuMS0yMS40YzI1LjYtMC4yLDUxLjMtMC4xLDc3LTAuMWM3NC4zLDAsMTQ4LjYsMCwyMjIuOSwwYzQsMCw4LTAuMywxMS45LDAuNmMxMi42LDIuOCwxOS42LDEwLjYsMjAuNSwyMy41DQoJCWMwLjIsMy4zLDAuMyw2LjctMC4xLDEwYy0xLjksMTQuNy0xMSwyMi44LTI2LDIyLjlDMzg0LjksMTg1LjEsMzM0LDE4NSwyODMsMTg1LjFDMjgzLDE4NS4xLDI4MywxODUuMSwyODMsMTg1LjF6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIzMC43LDI1OS45YzMyLDAsNjQsMCw5NiwwYzMuMywwLDYuNy0wLjEsMTAsMC41YzE2LjMsMywyMiwxNS44LDIwLjEsMzIuNmMtMS44LDE2LjMtMTAuNiwyMy44LTI3LjIsMjMuOA0KCQljLTY2LDAuMS0xMzIsMC4yLTE5OC0wLjFjLTIzLjEtMC4xLTMwLTE1LTI2LjgtMzYuNmMyLTEzLjUsMTAuOC0yMC4yLDI1LjQtMjAuM0MxNjMuNywyNTkuOCwxOTcuMiwyNTkuOSwyMzAuNywyNTkuOQ0KCQlDMjMwLjcsMjU5LjksMjMwLjcsMjU5LjksMjMwLjcsMjU5Ljl6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIwNywzODguOGMyNC41LDAsNDksMC40LDczLjQtMC4xYzI0LjUtMC41LDMwLjgsMTUuOSwyOC4yLDM0LjdjLTIsMTQuOC05LjUsMjEtMjQuNiwyMS43DQoJCWMtMjcuNiwxLjQtNTUuMywwLjQtODIuOSwwLjZjLTIxLjEsMC4yLTQyLjMsMC4xLTYzLjQsMGMtNS41LDAtMTEtMC4yLTE2LjMtMS43Yy04LjItMi4yLTEzLjctNy4zLTE1LjktMTUuNg0KCQljLTEuOC02LjUtMi0xMy4yLTAuNy0xOS44YzIuNi0xMi45LDEwLjYtMTkuNywyMy44LTE5LjhDMTU0LjcsMzg4LjcsMTgwLjgsMzg4LjksMjA3LDM4OC44QzIwNywzODguOCwyMDcsMzg4LjgsMjA3LDM4OC44eiIvPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjkzLjMsNDYwLjhjLTEuNi0yNS44LTUtNTEuMy05LjMtNzYuN2MtMS41LTguOS02LjQtMTMuOS0xNS4xLTE1LjZjLTI2LjMtNS4yLTUyLjgtOS03OS42LTEwLjINCgkJCWMtNDAuNi0xLjktODAuOCwxLjUtMTIwLjYsOS43Yy0xMy45LDIuOC0xNC44LDMuNS0xNy41LDE3Yy03LjgsMzkuNi0xMS41LDc5LjYtOS41LDEyMGMxLjQsMjcuNiw0LjcsNTUsMTAuMiw4Mi4xDQoJCQljMS4zLDYuNiw0LjgsMTAuNCwxMS41LDEyLjFjMzQuMSw4LjgsNjguOSwxMC44LDk4LjMsMTEuMWMxNy40LTAuMSwyOS4yLTAuMyw0MS0xYzIzLjQtMS41LDQ2LjYtNC44LDY5LjUtMTAuMg0KCQkJYzUuNS0xLjMsOS00LjksMTAuNy0xMC4yYzAuOC0yLjUsMS4yLTUuMiwxLjYtNy44QzY5MS41LDU0MS4yLDY5NS45LDUwMS4zLDY5My4zLDQ2MC44eiBNNjYyLjEsNDkxYy0wLjQsMjUuMy0zLDUwLjQtNy4xLDc1LjQNCgkJCWMtMC42LDMuOC0yLjcsNC45LTUuOSw1LjRjLTE0LjksMi40LTMwLDQuMi00NS4xLDVjLTEyLjEsMC42LTI0LjMsMS42LTMzLjUsMS4yYy0zMC4zLDAtNTcuNS0xLjktODQuNS02LjENCgkJCWMtMy41LTAuNS01LjQtMS44LTYuMS01LjhjLTMuNS0xOS45LTUuMS0zOS44LTYuMi02MGMtMS4yLTIzLTAuMi00NS45LDEuNS02OC44YzAuOS0xMi4zLDIuOC0yNC40LDUuMS0zNi41DQoJCQljMC40LTIuMywxLjUtMy41LDQuMi00YzE1LjctMywzMS42LTQuNyw0Ny41LTUuNmMxNi4zLTAuOSwzMi42LTEuNyw0OC45LTFjMjMuMywxLDQ2LjUsMi4xLDY5LjUsNi42YzIuOSwwLjYsMy44LDEuOCw0LjMsNC40DQoJCQljMi4zLDEzLjgsNC4zLDI3LjYsNS41LDQxLjVDNjYxLjYsNDU4LjcsNjYyLjMsNDc0LjgsNjYyLjEsNDkxeiIvPg0KCTwvZz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNTMzLjEsNTQ1LjJjLTguNS0wLjMtMTQuOS01LjMtMjEuNC05LjhjLTcuMS00LjktMTMuOC0xMC40LTIwLjMtMTYuMWMtNy4xLTYtOC44LTEzLjYtNS41LTIxDQoJCWM0LjQtMTAsMTYuNC0xMi40LDI1LjEtNWM1LjgsNSwxMS45LDkuNiwxOC4xLDE0LjFjMi41LDEuOCw0LjEsMS44LDYuOC0wLjJjMzEuNC0yMi42LDU5LTQ5LjIsODMuMS03OS40YzUuMi02LjYsMTYuNC03LDIzLjQtMS4xDQoJCWM2LjUsNS40LDYuOSwxNS4xLDEuNiwyMS45Yy0xMy45LDE3LjUtMjkuMSwzMy43LTQ1LjMsNDkuMWMtMTcuNSwxNi43LTM3LjEsMzAuNy01Ni41LDQ1LjFDNTM5LjUsNTQ0LjksNTM2LjQsNTQ1LjMsNTMzLjEsNTQ1LjJ6Ii8+DQo8L2c+DQo8L3N2Zz4=");
}
.circle3 {
	background-image: url("http://192.168.209.12/mortgages/mortgage-application-timeline/circle3.png");
}
.circle4 {
	background-image: url("http://192.168.209.12/mortgages/mortgage-application-timeline/circle4.png");
}
.circle5 {
	background-image: url("http://192.168.209.12/mortgages/mortgage-application-timeline/circle5.png");
}
.circle5 .mat-icon {
	background-position: 52% 50%;
	background-image:url("data:image/svg+xml;base64, DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzA5LjIgNjI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3MDkuMiA2MjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTM5OCw1NTAuN2MtMi4xLTIuMS00LjItMi45LTcuMS0yLjdjLTE4LjEsMS0zNi4yLDIuNC01NC4zLDIuOGMtMzIuNSwwLjYtNjQuOSwwLjQtOTcuNC0xLjQNCgkJYy0yNy42LTEuNi01NS0zLjktODIuNC03LjJjLTI0LjYtMy00OS03LjEtNzMuMy0xMS4zYy00LjMtMC44LTUuNy0yLjgtNi4zLTYuNmMtNi42LTM2LjgtMTItNzMuNy0xNS4zLTExMQ0KCQljLTIuMy0yNi4yLTQtNTIuNC00LjYtNzguN2MtMC44LTM4LjMtMC4zLTc2LjYsMi42LTExNC44YzEuNS0xOS43LDMuMS0zOS40LDUuNS01OS4xYzMtMjQuOSw2LjYtNDkuNywxMS42LTc0LjMNCgkJYzEuNi03LjksMS40LTcuOSw5LjEtOS4zYzM2LjQtNi45LDczLjEtMTEuOSwxMTAtMTUuMmMyNi4yLTIuMyw1Mi40LTMuOSw3OC43LTQuNWMzMS44LTAuNyw2My42LTAuMyw5NS40LDEuNg0KCQljMTkuNCwxLjEsMzguOCwyLjUsNTguMiw0LjVjMjkuNiwzLDU5LDcuNCw4OC4yLDEyLjdjMTIuNSwyLjMsMTIuNCwyLjIsMTQuNiwxNC40YzUuMSwyOC4xLDkuMyw1Ni4zLDEyLjMsODQuOA0KCQljMS45LDE4LDMuNSwzNi4xLDQuNiw1NC4xYzEsMTcuOCwxLjUsMzUuNiwyLDUzLjRjMC4xLDIuNSwxLDMuNywzLjMsNC4xYzE4LjksMy43LDM3LDkuNCw1My44LDIxLjFjMC0yLDAtMi44LDAtMy42DQoJCWMwLjEtMzIuNi0xLjMtNjUuMi0zLjgtOTcuOGMtMS42LTIxLjctMy44LTQzLjQtNi41LTY1Yy0zLjktMzAuOC05LjMtNjEuNC0xNS44LTkxLjdjLTIuNS0xMS43LTkuMy0xOS44LTIxLjEtMjIuOQ0KCQljLTUuOC0xLjUtMTEuNi0yLjctMTcuNS0zLjhjLTQyLjctOC40LTg1LjgtMTQuNi0xMjkuMi0xOC4zYy0yNy40LTIuMy01NC44LTMuOS04Mi4yLTQuNWMtNDEuOC0wLjktODMuNSwwLjMtMTI1LjIsMy42DQoJCWMtMjEuNCwxLjctNDIuNywzLjctNjQsNi41Yy0zMSw0LTYxLjcsOS40LTkyLjMsMTUuOUMzNy4xLDI4LjksMjkuMywzNi42LDI2LjMsNDljLTEuMyw1LjMtMi4yLDEwLjctMy4zLDE2LjENCgkJQzE0LjYsMTA4LDguNSwxNTEuMiw0LjgsMTk0LjhjLTIuMywyNy4yLTMuOCw1NC40LTQuNSw4MS43Yy0xLDQyLDAuMyw4My45LDMuNiwxMjUuN2MxLjcsMjEuNSwzLjgsNDMsNi41LDY0LjUNCgkJYzMuOSwzMC42LDkuMyw2MSwxNS43LDkxLjNjMi42LDEyLjYsMTEuMiwyMS41LDIzLjgsMjRjNS43LDEuMSwxMS40LDIuMSwxNy4xLDMuM2MzOS45LDguMyw4MC4yLDEzLjcsMTIwLjcsMTcuNg0KCQljMjgsMi43LDU2LjEsNC4xLDg0LjIsNC45YzMwLjMsMC44LDYwLjYsMC40LDkwLjktMWM2LjYtMC4zLDEzLjMtMC40LDE5LjktMWMxOC40LTEuNSwzNi44LTMuMSw1NS4xLTQuOGM2LTAuNSwxMS45LTEuMywxNy44LTINCgkJYzUuNy0wLjcsMTEuNS0xLjUsMTguMS0yLjRjLTEuNS0wLjctMi4xLTEuMS0yLjctMS4zQzQ0MS44LDU4OC40LDQxOC42LDU3MS43LDM5OCw1NTAuN3oiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjkwLjgsNTI5LjNjLTE3LjctMTcuNC0zNS4xLTM1LjEtNTIuOC01Mi41Yy0yLjItMi4yLTMuMS00LTIuMy03LjNjNC4xLTE2LjUsNC42LTMzLjMsMC44LTQ5LjkNCgkJQzYyNCwzNjMuMyw1NzUuOSwzMjUsNTE2LjksMzI1Yy0zLjMtMC4xLTcuOCwwLjMtMTIuMywwLjhjLTMyLjIsMy45LTU5LjQsMTcuNi03OS42LDQyLjljLTMwLjQsMzguMi0zNi4yLDgwLjYtMTQuOSwxMjQuOA0KCQljMjQuMyw1MC42LDgyLjIsNzYuNiwxMzYuNyw2M2MzLjctMC45LDYtMC4yLDguNiwyLjRjMTcuNSwxNy40LDM1LjEsMzQuNyw1Mi44LDUxLjhjMTQuMywxMy45LDMxLjUsMTkuOSw1MS4yLDE2LjENCgkJYzIzLjUtNC41LDM5LjktMTguNCw0Ny4xLTQxLjJDNzEzLjQsNTY0LDcwNi45LDU0NS4yLDY5MC44LDUyOS4zeiBNNTE3LjksNTEzLjljLTM5LjItMC41LTcyLjgtMzEuMS03Mi43LTcxDQoJCWMwLjEtMzkuNCwzMi41LTcxLjUsNzIuNy03MS42YzQwLjcsMCw3My45LDMyLjgsNzMuNyw3MS45QzU5MS42LDQ4Mi42LDU1Ny4yLDUxMy43LDUxNy45LDUxMy45eiBNNjU1LjMsNTgyLjMNCgkJYy00LjksMi40LTEwLjEsMi41LTE0LjQtMS42Yy0xNS4xLTE0LjYtMzAtMjkuMy00NS00My45Yy0yLjEtMi0xLjUtMy4xLDAuNC00LjZjNS42LTQuMiwxMC41LTkuMiwxNC45LTE0LjcNCgkJYzEuNS0xLjksMi40LTIuMSw0LjItMC4zYzE0LjksMTQuOSwzMCwyOS44LDQ1LDQ0LjdjMi40LDIuMywzLjQsNS4yLDMuNiw5LjJDNjYzLjUsNTc2LjEsNjYwLjEsNTc5LjksNjU1LjMsNTgyLjN6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQ4OC43LDE3Ny40YzEuNC01LjUsMS43LTExLjIsMS4xLTE2LjhjLTEuNC0xMy41LTguOS0yMS45LTIxLjktMjQuMWMtMy42LTAuNi03LjMtMC40LTExLTAuNA0KCQljLTEwNC40LDAtMjA4LjksMC0zMTMuMywwYy0yLjgsMC01LjcsMC04LjUsMC4xYy0xMi4xLDAuNy0yMC44LDcuNy0yMy43LDE5LjRjLTAuNiwyLjYtMS4xLDUuMi0xLjIsNy45Yy0wLjEsNywwLjMsMTQsMy44LDIwLjMNCgkJYzUsOC45LDEzLjMsMTIuNCwyMywxMi40YzU0LjUsMC4xLDEwOC45LDAuMSwxNjMuNCwwLjFjMCwwLDAsMC4xLDAsMC4xYzE3LjMsMCwzNC42LDAsNTIsMGMzNy4xLDAsNzQuMywwLDExMS40LTAuMQ0KCQlDNDc2LjUsMTk2LDQ4NS44LDE4OC43LDQ4OC43LDE3Ny40eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zNTkuOCwzMzQuNWMxMy0zLjMsMTcuOS0xMywxOC44LTI1LjJjMS4xLTE1LjgtMy42LTI5LjItMTkuNy0zMi45Yy00LTAuOS04LjItMS4zLTEyLjQtMS4zDQoJCWMtNDkuOCwwLTk5LjYsMC0xNDkuNCwwYy0xOC44LDAtMzcuNi0wLjEtNTYuNCwwYy0xNi4zLDAuMS0yNS42LDYuNS0yOSwxOS44Yy0xLjksNy41LTEuNywxNS4xLDAuNCwyMi42DQoJCWMyLjgsMTAsOS42LDE1LjUsMTkuNywxNy40YzMuOCwwLjcsNy42LDAuOSwxMS40LDAuOWMzMy42LDAsNjcuMywwLDEwMC45LDBjMzQuMSwwLDY4LjMsMCwxMDIuNCwwDQoJCUMzNTEsMzM2LjEsMzU1LjUsMzM1LjYsMzU5LjgsMzM0LjV6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI0MC4yLDQxMS45Yy0zNC41LDAtNjksMC0xMDMuNSwwLjFjLTEyLjksMC4xLTIxLjgsNy0yNSwxOC45Yy0yLDcuNy0yLDE1LjUsMC4zLDIzLjENCgkJYzIuNiw5LjEsOC43LDE0LjcsMTcuOSwxN2MzLjksMSw3LjksMSwxMS45LDFjMjUuOCwwLDUxLjcsMCw3Ny41LDBjMCwwLDAsMCwwLDBjMjYuOCwwLDUzLjcsMC4xLDgwLjUsMA0KCQljMTYuOC0wLjEsMjUuNy03LjMsMjcuOC0yMy44YzIuNi0yMC00LjQtMzYuNi0yOS45LTM2LjNDMjc4LjUsNDEyLjEsMjU5LjQsNDExLjksMjQwLjIsNDExLjl6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
}
.circle6 {
	background-image: url("http://192.168.209.12/mortgages/mortgage-application-timeline/circle6.png");
}
.circle7 {
	background-image: url("http://192.168.209.12/mortgages/mortgage-application-timeline/circle7.png");
}
.mat-icon {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.timeline-section {
	font-size: 0.8em;
}
.mortgage-timeline-inner {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.mortgage-timeline {
	margin: 0 auto;
	width: 100%;
	background-color: transparent;
	height: auto;
	border-radius: 10em;
	margin-bottom: 0.7em;
	-webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 0.2em rgba(0,0,0,0.2);
	box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
	position: relative;
}
.mortgage-timeline-legend {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 1em;
}
.onmobile {
	display: block;
}
.nomobile {
	display: none;
}
.ontablet {
	display: none;
}
li.mat-time {
	display:none
}
@media only screen and (min-width: 10em)  {
li.mat-time {
display:block;
font-size: 0em;
color: #777;
}
}
@media only screen and (min-width: 15.875em)  {
.timeline-section {
font-size: 1em;
}
}
@media only screen and (min-width: 21.875em)  {
.timeline-section {
font-size: 1em;
}
}
@media only screen and (min-width: 31.875em)  {
li.mat-time {
font-size: 0.95em;
}
.mortgage-timeline {
margin: 0 auto;
width: 90%;
}
.mortgage-timeline-legend {
width: 90%;
}
.timeline-section {
font-size: 1.05em;
}
}
@media only screen and (min-width: 35.875em)  {
.timeline-section {
font-size: 1.15em;
}
.nomobile {
display: block;
}
.onmobile {
display: none;
}
}
@media screen and (max-width: 760px) and (min-width: 570px) {
.nomobile {
display: none;
}
.onmobile {
display: none;
}
.ontablet {
display: block;
}
}


#glossary-search {
    border: 1px solid #ccc;
    height: 25px;
    border-radius: 0.2em;
    margin-bottom: 2.25em;
}

#glossary-search:before {
	content: "";
    font-family: FontAwesome;
    display: block;
    height: inherit;
    width: 2em;
    color: #292929;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 12px;
    left: 0;
    bottom: 0;
    z-index: 1000;
}
.mfp-close-btn-in .interstatial-modal .mfp-close {
	color: #444;
	right: 1.7%;
	top: 2.4%;
}
.interstatial-modal {
	text-align: center;
	position: relative;
}
	
.interstatial-modal .logos {
	margin-top: -1em;
	margin-bottom: 2em;
	text-align: left;
}
	
.interstatial-modal img{
	max-width: 100%;
	max-height:90px;
	
}

.interstatial-modal .logos .ybs,
.interstatial-modal .logos .supplier {
	width: 50%;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

.interstatial-modal .logos .ybs .ybs-inner {
	padding: 0.5em;
}

.interstatial-modal .logos .supplier {
	margin-left: -0.25em;
	text-align: right;
}

.interstatial-modal .logos .supplier .supplier-inner {
	padding: 0.5em 1em;
	text-align: center;
}

.interstatial-modal .logos .supplier {
	display: none;
}

.interstatial-modal .logos .supplier.is-active {
	display: inline-block;
}

.interstatial-modal .logos .supplier[data-company="meerkat"] .welcoming-from,
.interstatial-modal .logos .supplier[data-company="meerkat"] .supplier-inner {
	display: block;
}

.interstatial-modal .logos .supplier[data-company="meerkat"] .welcoming-from {
	text-align: left;
	margin-left: 23%;
}

.interstatial-modal .logos .supplier[data-company="msm"] .welcoming-from {
	display: inline-block;
	vertical-align: middle;
	width: 55%;
	box-sizing: border-box;
	
	text-align:right;
	font-size :1.4em;
	padding-right: 0;
}

.interstatial-modal .logos .supplier[data-company="msm"] .supplier-inner {
	display: inline-block;
	vertical-align: middle;
	width: 45%;
	margin-left: -0.25em;
	box-sizing: border-box;
}

.interstatial-modal h1 {
	margin-bottom: 0.5em;
	color: rgb(0, 156, 65);
}
.interstatial-modal ul {
	margin-bottom: 1.5em;
	font-size: 1.5em;
}

.interstatial-modal ul.intermediate-icon-list{
	text-align: left;
	width: 70%;
	margin: 0 auto;
	padding-left: 2em;
}
.interstatial-modal li[class^='intermediate-icon-']{
	margin: 1.5em 0;
	list-style: none;
	position:relative;
}
.interstatial-modal li[class^='intermediate-icon-']:before {
	content: "";
	background-position: center center;
	background-size: 100% auto; 
	position: absolute;
	top: -0.25em;
	left: -2.5em;
	height:40px;
	width:40px;
	background-repeat: no-repeat;
}
.interstatial-modal li.intermediate-icon-calculator:before {
	background-image: url("../img/pre-fma/products.png");
}
.interstatial-modal li.intermediate-icon-home:before {
	background-image: url("../img/pre-fma/customer-trust.png");
}
.interstatial-modal li.intermediate-icon-checklist:before {
	background-image: url("../img/pre-fma/building-society.png");
}
.interstatial-modal .welcoming-from {
	display: none;
	margin-bottom: 0;
	font-size: 1em;
	padding-right: 1.5em;
}

.interstatial-modal {
	display: none;
}
	
.mfp-content .interstatial-modal {
	display:block;
	background-color: #fff;
	width: 90%;
	margin: 0 auto;
	padding: 3em;
	box-sizing: border-box;
}

@media screen and (min-width: 900px){
	.mfp-content .interstatial-modal {
		width: 60%;
	}
}

@media screen and (min-width: 1024px){
	.mfp-content .interstatial-modal {
		width: 50%;
	}
}
.interstatial-modal .mfp-close:after {
	content: "";
	display: none;
}

/* Some small CSS fixes that should have been here since the beginning */
@media screen and (min-width: 56.25em){
	.dw-4:nth-of-type(3n+3){
		clear:right;
	}
	.dw-4:nth-of-type(3n+4){
		clear:left;
	}
}

@media screen and (min-width: 40.625em and max-width: 56.25em){
	.tw-6:nth-of-type(2n+2){
		clear:right;
	}
	.tw-6:nth-of-type(2n+3){
		clear:left;
	}
}

/******************************************************************
YBS-AIG LIFE INSURANCE PAGE
******************************************************************/
/* ------ Intro ------*/

.aig-big-subheader {  
 	width: 85%;
    text-align: center;
    margin: 0 auto;
    padding-right: 5%;
    font-family: Aller-Light,"Trebuchet MS";
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 50px;
  width:auto;
  max-width: 500px;
  margin: 20px auto;
}

.aig-img {
	 float: right;
	 padding-left: 50px
}

.aig-footer {
	overflow: auto;
}

.aig-cta {
	margin: auto; 
	padding: 20px; 
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.aig-box {
	clear:both;
    width: 90%;
    font-family: "Aller","Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 1em;
    margin:0 auto;
	background-color: #fff;
    border: 1px solid #cf3087;
	border-radius: 0.2em;
	padding: 15px;
	text-align:center;
}

.aig-logo {
	display: block;
    margin-left: auto;
    margin-right: auto;
    height: 80px;
}


/* ------ Mobile Banner on/off ------*/

.mobile-off {display:none;}
 .mobile-on {display:block;}
 
 
 

@media only screen and (min-width: 40.625em) 

{
 .mobile-off {display:block;}
 .mobile-on {display:none;}}



/* Rate led savings banners */



    .rate-squircle-wrap-green {
    display:none;
}

 .rate-squircle-wrap-grey {
    display:none;
}
    
@media only screen and (min-width: 40.625em) {
.rate-squircle-wrap-green {
    display:block; 
   position: absolute !important;
    margin-left: 65%;
    margin-top: 2%;
    background: url(../img/green-squircle-l.png) no-repeat;
    background-size: contain;
    background-position: center;
    width: 25%;
    height: 18.15em;
    margin-right: 4em;
    padding: 0;
 color:#fff;
}

.rate-squircle-wrap-grey {
    display:block; 
   position: absolute !important;
    margin-left: 65%;
    margin-top: 2%;
    background: url(../img/grey-squircle-l.png) no-repeat;
    background-size: contain;
    background-position: center;
    width: 25%;
    height: 18.15em;
    margin-right: 4em;
    padding: 0;
 color:#000;
}

.rate-wrap {font-size: 4em;
    font-family: ybs-headline;
text-align:center; line-height:1em;
  
    margin-top: 1.2em;} .rate-sub-wrap {
    font-size: 1.3em; 
    text-align: center;     font-weight: bold; padding-left: 1em; padding-right:1em;
    line-height: 1.3em; } 

} 

@media only screen and (min-width: 52.625em) {

.rate-wrap {font-size: 5em;
    font-family: ybs-headline;
text-align:center;
  
    margin-top: 0.8em;} .rate-sub-wrap {
    font-size: 1.4em; 
    text-align: center;} 

} 

@media only screen and (min-width: 56.25em) {
    
    .rate-wrap {font-size: 6em;
    font-family: ybs-headline;
text-align:center;
  
    margin-top: 0.5em;} .rate-sub-wrap {
    font-size: 1.6em; 
	text-align: center;} }
	
.is-submitted .hide-on-submitted,
.is-submitting .hide-on-submitting,
.show-on-submitted,
.show-on-submitting {
	display: none;
}

.hide-on-submitted,
.hide-on-submitting,
.is-submitting .show-on-submitting,
.is-submitted .show-on-submitted {
	display: block;
}

.input-group .input.input-invalid,
.input-group .input.select-invalid,
.input-group .input.textarea-invalid {
	border-color: #f00;
	border-bottom: solid 1px #f00;
}




 .comm-3 {text-transform: uppercase;
    font-family: ybs-headline; font-size:2.24em !important; line-height:1em !important;} 

 .legal-block {
      background: #e9e9e9;
margin-left: 2em;
    margin-right: 2em;
margin-top:0.5em;
margin-bottom:0.5em;
    background-color: rgba(233, 233, 233, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E9E9E905, endColorstr=#FFE9E9E9);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFE9E9E9, endColorstr=#FFE9E9E9)";
    border-radius: 2px;
 
    text-align: center;
    padding: 1em;
    color: #292929;
    text-transform: uppercase;
    font-size: 0.9em;
    
}