* {
	margin: 0;
	padding: 0;
	border: 0;
}
.no-styles {
	background: none !important;
	text-decoration: underline !important;
	color: #182745 !important;
	padding:0px !important;
	font-size: 1.0em !important;
line-height: 130% !important;
	display:inline !important;
}
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* ---------------------------------------------------------------------------------------------------------- 
Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* Clearing for modern browsers */
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
/* Clearing for IE 6/7 (trigger hasLayout) */
.group {
    zoom:1;
}

::-moz-selection {
  /* Moz text selection colours */
  background: #ffd900;
  color: #032143;
}

::selection {
  /* Text selection colours */
  background: #ffd900;
  color: #032143;
}

/* ----------------------------------------------------------------------------------------------------------
BASE (Wherever this element is on the page, it should look like this)----------------------------------------
---------------------------------------------------------------------------------------------------------- */

body {
	background: #fff;
	font-size: 62.5%;
	font-family: "effra", Arial, sans-serif;
	font-weight: 400;
	color: #182745;
	
	-webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 93.75em) { /* 1500px breakpoint */

	body {
		background: #f4f4f5;
	}

}

a {
	color: #182745;
	text-decoration: underline;
}

a:hover {
	color: #254d8a;
	text-decoration: underline;
}

.l-tertiary p a {
	font-weight: 700;
}

h3 a,
h3 a:hover {
	text-decoration: none;
	color: #182745;
}

.bg-1 h3 a,
.bg-1 h3 a:hover {color: #fff;}

.bg-4 li a,
.bg-4 li a:hover {color: #fff;}
	
			
		

img {
	display: block;
	width: 100%;
}

small,
.small {
	font-size: 80%;
	line-height: 120%;
	font-weight: 400;
}

iframe {
	max-width: 100%;
	border-collapse: collapse;
}

pre {
	font-family: monospace;
	padding: 20px;
	border: 1px solid #e8eaec;
	font-size: 1.6em;
	font-weight: 400;
}

/* ------------------------------------ 
Colours -------------------------------
------------------------------------ */

.bg-1 { background-color: #535d68!important; color: #fff; }
.bg-2 { background-color: #d3e8f8!important; }
.bg-3 { background-color: #e7eaec!important; }
.bg-4 { background-color: #254d8a!important; color: #fff; }
.bg-5 { background-color: #182746!important; color: #fff; }
.bg-6 { background-color: #f5f9fd!important; }
.bg-7 { background-color: #e8f3fb!important; }

	.your-society .third .bg-2 {
		background: #fff!important;
	}

	@media screen and (min-width: 28.75em) { /* 460px breakpoint */
		.your-society .third .bg-2 {
			background: #d3e8f8!important;
		}
	}
	
	

/* ------------------------------------ 
Typography ----------------------------
------------------------------------ */

h1, h2, h3, h4, h5 {
	font-weight: 400;
	margin: 0;
}

h1 {
	font-size: 2.6em;
}
	
	.page-title h1 {
		font-size: 4.0em;
		font-weight: 300;
		margin-top: -40px;
		position: relative;
		z-index: 10;
		-webkit-font-smoothing: subpixel-antialiased;
	}

	.main-article h1 {
		font-weight: 300;
		font-size: 3.0em;
		padding-bottom: 16px;
		-webkit-font-smoothing: subpixel-antialiased;
	}

		.main-article h1 small {
			font-size: 50%;
			font-weight: 300;
			-webkit-font-smoothing: subpixel-antialiased;
		}

	@media screen and (min-width: 28.75em) { /* 460px breakpoint */

		.page-title h1 {
			font-size: 5.0em;
		}

	}

	@media screen and (min-width: 43.75em) { /* 700px breakpoint */

		.page-title h1 {
			font-size: 6.0em;
		}

		.main-article h1 {
			font-size: 4.0em;
		}

	}

	@media screen and (min-width: 61.25em) { /* 980px breakpoint */

		.page-title h1 {
			font-size: 7.0em;
		}

		.main-article h1 {
			font-size: 4.6em;
		}

	}

	@media screen and (min-width: 75em) { /* 1200px breakpoint */

		.page-title h1 {
			font-size: 8.0em;
		}

	}

h2 {
	font-size: 2.2em;
}

	.main-article h2,
	.main-article .story h2 {
		font-size: 2.6em;
		padding-bottom: 16px;
	}

		.main-article .story h2 { font-weight: 400; }

	.info-boxes h2 {
		color: #fff;
		background: #032143;
		padding: 8px 5%;
	}

	.nav-list h2,
	.main-article .nav-list h2 {
		background: #254d8a;
		color: #fff;
		padding: 8px 10px;
		font-size: 2.0em;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
	}

	.tabs-style-1 h2 {
		font-weight: 300;
		font-size: 3.0em;
		padding-bottom: 10px;
		-webkit-font-smoothing: subpixel-antialiased;
	}

	.your-society .box-1 h2 {
		border-top: 1px solid #182745;
		padding: 10px 0;
		font-size: 2.4em;
	}

	.awards .main-article h2 {
		color: #ffac00;
		font-weight: 400;
		border-top: 1px solid #ffac00;
		padding-top: 10px;
	}

	.rates-col-3 .l-col-3 h3,
	.rates-col-3 .l-col-2 h3 {
		font-size: 2.0em;
		margin-bottom: 10px;
	}

	@media screen and (min-width: 28.75em) { /* 460px breakpoint */

		.info-boxes h2 {
			color: #182745;
			background: none;
			padding: 20px 0 20px 0;
			font-weight: 300;
			-webkit-font-smoothing: subpixel-antialiased;
			font-size: 3.0em;
		}
	}

	@media screen and (min-width: 43.75em) { /* 700px breakpoint */

		.main-article h2 {
			font-size: 3.4em;
			font-weight: 300;
			-webkit-font-smoothing: subpixel-antialiased;
		}

		.info-boxes h2 {
			font-size: 3.8em;
		}

		.tabs-style-1 h2 {
			font-size: 3.2em;
		}
	}

	@media screen and (min-width: 61.25em) { /* 980px breakpoint */

		.main-article h2 {
			font-size: 3.8em;
		}

		.info-boxes h2 {
			font-size: 4.8em;
		}
	}

h3 {
	font-size: 1.8em;
}

	.main-article h3 {
		font-size: 2.4em;
		padding-bottom: 16px;
	}

	.more-info h3 {
		font-weight: 700;
		font-size: 1.8em;
		padding-bottom: 10px;
	}

	.box-1 h3,
	.main-article .box-1 h3 {
		font-size: 2.2em;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #182745;
	}
		.home .box-1 h3 {
			margin-top: -40px;
		}

		.box-1 h3 { padding-right: 20px; } 
			.branch-finder .box-1 h3 { padding-right: 0; }

		.box-1-address h3 { 
			color: #e18f00;
			padding-bottom: 15px;
		}

		.bg-1 h3 { border-bottom: 1px solid #fff ; }

	.your-society .box-1 h3,
	.credit-card .box-1 h3,
	.contact .box-1 h3,
	.contact-box h3,
	.intermediaries-products-landing .box-1 h3 {
		border-bottom: none;
		margin-bottom: 0;
	}

	.insurance .info-boxes h3,
	.credit-card .info-boxes h3,
	.member-benefits .info-boxes h3 {
		font-size: 2.4em;
		padding-bottom: 10px;
	}

	.download h3 {
		font-weight: 700;
		padding-bottom: 10px;
		border-bottom: 1px solid #032143;
		margin-bottom: 10px;
		font-size: 2.0em;
	}

	.booklet-list h3,
	.main-article .booklet-list h3 {
		font-size: 2.4em;
	}

	.contact-lists h3 {
		font-size: 1.8em;
		background: #254d8a;
		color: #fff;
		padding: 8px 10px;
		clear: both;
		outline: none;
	}

		.contact-lists h3:hover {
			cursor: pointer;
		}

		.contact-lists h3:nth-of-type(2n) { 
			background: #5478b2;
		}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.main-article h3 {
		font-size: 2.6em;
	}

	.more-info h3 {
		font-size: 2.2em;
	}

	.contact-lists h3 {
		font-size: 1.8em;
	}

}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.main-article h3 {
		font-size: 3.0em;
	}

	.contact-lists h3 {
		font-size: 2.0em;
	}

}

h4,h5,h6 {
	font-size: 1.6em;
}

h4 {
	padding-bottom: 5px;
}

	.main-article h4 {
		font-size: 1.8em;
		font-weight: 700;
	}

	.l-col-3b h4 {
		font-size: 2.2em;
		padding-bottom: 16px;
	}
		.l-col-3b h4 a {
			text-decoration: none;
			color: #182745;
		}

	.box-1 h4 {
		font-weight: 400;
		font-size: 2.2em;
		padding-bottom: 16px;
	}

	.box-list h4 {
		font-weight: 700;
		font-size: 1.6em;
		padding-bottom: 5px;
	}

	.calc h4 {
		color: #fcd900;
		font-size: 2.0em;
		padding-bottom: 10px;
	}

	.more-info h4,
	.main-article .more-info h4 {
		font-size: 1.6em;
		font-weight:700;
		text-transform: uppercase;
		color: #535d68;
	}

	.help-box h4 {
		display: block;
		background: #4c5c69;
		color: #fff;
		padding: 10px;
		font-size: 2.0em;
	}
		.help-box h4 a {
			color: #fff;
			text-decoration: none;
		}

	@media screen and (min-width: 36.25em) { /* 580px breakpoint */

		.calc h4 {
			padding-bottom: 0;
		}
	}

	@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.main-article h4 {
		font-size: 2.2em;
	}

	.quicklook h4 {
		font-size: 1.6em;
		margin-bottom: 5px;
	}
}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */
	
	.main-article h4 {
		font-size: 2.6em;
	}

	.quicklook h4 {
		font-size: 1.6em;
		margin-bottom: 5px;
	}
}

@media screen and (min-width: 75em) { /* 1200px breakpoint */
	.help-box h4{
		font-size: 2.4em;
		padding: 15px;
	}
}

.tertiary h5 {
	font-size: 2.0em;
	padding-bottom: 10px;
	font-weight: 700;
}

p {
	font-size: 1.6em;
	line-height: 130%;
	padding-bottom: 16px;
}

	p .btn, p .btn-disabled, p .btn-play {
		font-size: 1em;
		font-weight: 400;
		line-height: normal;
	}
	
	

	@media screen and (min-width: 43.75em) { /* 700px breakpoint */

		p .btn, p .btn-disabled, .btn-play {
		font-size: 0.8em;
		}

	}

	article p:last-child {
		padding-bottom: 0;
	}

	.l-tertiary p {
		font-size: 1.3em;
		line-height: 130%;
	}
	 p small {
	 	font-weight: 400;
	 }

.content-details {
	font-size: 0.8em;
	padding-bottom: 16px;
}

.content-small {
	font-size: 0.6em;
	padding-bottom: 16px;
	color: #535d69;
}
	.main-article .content-small li,
	.main-article .content-small p {
		font-weight: 400;
	}
	
/*------------------------------------
Forms
----------------------------------- */

input {
	-webkit-appearance: none;
	border-radius: 0;
}

label {
	font-size: 1.6em;
}

.checkbox-group-1 { 
	float:left;
	width:20px;
	padding-top:5px;
}

.input-group-1 { 
	float:left;
	padding-bottom:20px;
	width:90%;
}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.checkbox-group-1 { 
		width:30px;
		padding-top:8px;
	}

	.input-group-1 { 
		padding-bottom:30px;
	}
}

.branch-loading h1 {
	display: none;
}

.branch-loading .loader {
	background: url(../img/ajax-loader.gif) 0 0 no-repeat;
	padding-left: 35px;
	padding-top: 5px;
}

.branch-search {
	font-family: "effra", Arial, sans-serif;
}

.branch-search label {
	position: absolute;
	left: -9999px;
}

.branch-search .search-box {
	background: #fff;
	padding: 8px 10px;
	font-size: 1.6em;
	width: 100%;
	height: 42px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.search-btn {
	padding: 8px 10px;
	font-size: 1.6em;
	width: 100%;
	position: relative;
	background: #ffd908;
	height: 42px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	.search-btn .search-loader {
		width: 32px;
		height: 32px;
		position: relative;
		left: 50%;
		margin-top: -3px;
		margin-left: -16px;
	}

.branch-search .search-box-sml,
.branch-search .search-btn-sml {
	font-size: 1.6em;
	height: 35px;
}

.branch-search .search-btn-sml {
	margin-bottom: 10px;
}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.branch-search .search-box {
		width: 68%;
		float: left;
	}

	.search-btn {
		float: left;
		width: 32%;
	}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.branch-finder .search-box .btn {
		display: inline-block;
		width: auto;
	}

}

@media screen and (min-width: 75em) { /* 1200px breakpoint */

	.branch-search .search-box,
	.search-btn {
		font-size: 2.2em;
	}

	.branch-search .search-box {
		font-weight: 300;
		-webkit-font-smoothing: subpixel-antialiased;
	}

	.branch-search .search-box-sml {
		font-size: 1.6em;
	}

}

/* ---------------------------------------------------------------------------------------------------------- 
LAYOUT (These are sections, they hold one or more Modules together)------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.l-wrapper {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	background: #fff;
}

.l-site-header {
	width: 100%;
}

	.l-site-header-wrap {
		background: #182746;
	}

.l-site-footer {
	width: 100%;
	background: #e8e9eb;
}

	.l-site-footer p {
		font-size: 1.2em;
		color: #535d68;
	}

.l-site-down { 
	background: #182746!important;
	padding:30px 5%;
	margin-bottom:20px;
}


.l-col-1,
.l-col-2,
/*.l-col-3,*/
.l-col-4,
.l-col-5,
.l-col-6,
.l-inner-1-3,
.l-inner-2-3 {
	width: 100%;
	position: relative;
}

.l-col-0 {
	position: relative;
}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.l-col-0 {
		padding-bottom: 30px;
	}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.l-col-0 {
		padding-bottom: 0;
	}

	.l-col-1 {
		width: 90%;
		margin: 0 auto;
	}

}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */
	
	.l-col-2 {
		width: 48.341232227488%;
		float: left;
		margin-right: 3.317535545024%;
	}

	.l-col-2:nth-child(even) {
		margin-right: 0;
	}

	.l-col-2-alt {
		width: 100%;
	}
}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.l-col-2-alt {
		width: 48.341232227488%;
		float: left;
		margin-right: 3.317535545024%;
	}

}

.l-col-3b {
	width: 90%;
	margin: 20px auto 0;
}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.l-col-3b {
		margin: 0 auto 20px;
	}

}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.l-col-3 {
		width: 48.062015503876%;
		float: left;
		margin: 0 3.875968992248% 30px 0;
		position: relative;
	}

	.l-col-3:nth-child(even) {
		margin-right: 0;
	}

	.l-col-3:nth-child(2n+1) {
		clear: left;
	}

	.l-col-3.third {
		width: 100%;
		margin-right: 0;
	}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.l-col-1-2 {
		width: 90%;
		margin: 0 auto;
	}

	.l-col-3b {
		width: 48.062015503876%;
		float: left;
		margin: 0 3.875968992248% 30px 0;
	}

	.l-col-3b:nth-child(even) {
		margin-right: 0;
	}

	.l-col-3b.third {
		width: 100%;
		margin-right: 0;
	}

}

@media screen and (min-width: 56.25em) { /* 900px breakpoint */

	.l-col-3,
	.l-col-3.third,
	.l-col-3:nth-child(even),
	.l-col-3b,
	.l-col-3b.third,
	.l-col-3b:nth-child(even) {
		width: 31.875%;
		float: left;
		margin: 0 2.1875% 30px 0;
	}

	.l-col-3:nth-child(2n+1) {
		clear: none;
	}


	.l-col-3:nth-child(3n+1) {
		clear: left;
	}

	.l-col-3:nth-child(3n),
	.l-col-3b:nth-child(3n) {
		margin-right: 0;
	}

	.l-col-3b,
	.l-col-3b.third,
	.l-col-3b:nth-child(even) {
		margin-bottom: 60px;
	}

}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.l-col-1-2 {
		width: 60.9375%;
		float: left;
		margin-left: 5%;
		padding-bottom: 40px;
	}

	.your-society .l-col-1-2 {
		padding-bottom: 10px;
	}

}

.l-col-4 {
	width: 100%;
}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.l-col-4,
	div.l-col-4 {
		width: 50%;
		float: left;
	}

}

@media screen and (min-width: 56.25em) { /* 900px breakpoint */

	.l-col-4,
	div.l-col-4 {
		width: 25%;
	}

}

.l-col-5 {
	
}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.l-col-6 {
		width: 29.979035639413%;
		float: left;
		margin-right: 5.031446540881%;
	}

	.l-col-6:nth-child(3n+3) {
		margin-right: 0;
	}

	.l-col-6:nth-child(3n+1) {
		clear: left;
	}
	

}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.l-col-6,
	.l-col-6:nth-child(3n+3) {
		width: 14.84375%;
		margin-right: 2.1875%;
	}

	.l-col-6:nth-child(3n+1) {
		clear: none;
	}

	.l-col-6:nth-child(6n+1) {
		clear: left;
	}
	.l-col-6:nth-child(6n){
		clear:right;
		margin-right:0px;	
	}

}

.l-secondary {
	padding-bottom: 20px;
}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.l-secondary {
		padding-bottom: 0px;
	}
}

.l-sidebar {
	width: 90%;
	margin: 0 auto;
}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.l-sidebar {
		width: 26.875%;
		margin: 0 5% 0 0;
		float: right;
		padding-top: 20px;
	}

}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.l-split-col-left,
	.l-split-col-right {
		width: 48.341232227488%;
	}

	.l-split-col-left {
		float: left;
	}

	.l-split-col-right {
		float: right;
	}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.l-split-col-left {
		width: 65.9375%;
	}

	.l-split-col-right {
		width: 31.875%;
	}

}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.l-inner-1-3 {
		width: 22.670025188917%;
		float: left;
	}

	.l-inner-2-3 {
		width: 74.307304785894%;
		float: right;
	}

}

.site-down { 
	width:100%;
	margin:0 auto;
	padding:0;
	margin:0;
}

.site-down p { 
	margin:0 5%;
}

/* ---------------------------------------------------------------------------------------------------------- 
MODULES (Reusable, modular parts of our design) -------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/*------------------------------------
Buttons
----------------------------------- */

.mobile-menu-btn {
	float: right;
	width: 40px;
	height: 35px;
	background: url(../img/mobile-icon-y.svg) no-repeat center right;
	text-indent: -9999px;
}
	
	html.no-svg .mobile-menu-btn {
		background: url(../img/mobile-icon-y.png) no-repeat center right;
	}

	.no-js .mobile-menu-btn {
		display: none;
	}

.btn {
	display: block;
	padding: 8px 40px 8px 10px;
	background: url(../img/btn-arrow-dorange.gif) no-repeat center right #ffd908;
	color: #182745;
	text-decoration: none;
	font-size: 1.8em;
	margin-bottom: 2px;
	clear: both;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.btn:hover {
	text-decoration: none;
	color: #182745;
}

/**** RH 01/04/2015 ****/
.btn-play {
	display: block;
	padding: 8px 40px 8px 10px;
	background: url(../img/btn-play-red.gif) no-repeat center right #ffd908;
	color: #182745;
	text-decoration: none;
	font-size: 1.8em;
	margin-bottom: 2px;
	clear: both;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btn-rss {
	background: url(../img/btn-rss.gif) no-repeat center right #ffd908;
	
}
.btn-play:hover,.btn.btn-red:hover {
	text-decoration: none;
	color: #182745;
}
/**** RH EDIT END ****/
.btn.btn-flip {
	display: block;
	padding: 8px 10px 8px 40px;
	background: url(../img/btn-arrow-dorange-reverse.gif) no-repeat center left #ffd908;
	color: #182745;
	text-decoration: none;
	font-size: 1.8em;
	margin-bottom: 2px;
	clear: both;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btn-disabled {
	display: block;
	padding: 8px 40px 8px 10px;
	background: url(../img/btn-arrow-lgrey.gif) no-repeat center right #ddd;
	color: #CCC;
	text-decoration: none;
	font-size: 1.8em;
	margin-bottom: 2px;
	clear: both;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
} /*RH EDIT*/

.btn-disabled:hover {
	text-decoration: none;
	color: #CCC;
} /*RH EDIT*/

	@media screen and (min-width: 28.75em) { /* 460px breakpoint */

		.hero-box .btn,
		.hero-box .btn-play,
		.main-article .btn,
		.main-article .btn-disabled,
		.local-branch .btn {
			display: inline-block;
		}
	}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
	only screen and (min-device-pixel-ratio : 1.5) {

		.btn {
			background: url(../img/btn-arrow@2x.gif) no-repeat center right #ffd908;
			background-size: 30px auto;
		}
		
		/**** RH 01/04/2015 ****/
		.btn-play {
			background: url(../img/btn-play-red@2x.gif) no-repeat center right #ffd908;
			background-size: 30px auto;
		}
		/**** END RH EDIT ****/
		.btn-rss {
			background: url(../img/btn-rss@2x.gif) no-repeat center right #ffd908;
			background-size: 30px auto;
		}
		
		.btn-disabled {
			background: url(../img/btn-arrow-lgrey@2x.gif) no-repeat center right #ddd;
			background-size: 30px auto;
		}
}

.promo-btn {
	margin-bottom: 0;
}

.promo-btn-alt {
	background-color: #ffac02;
	color: #fff;
	margin-bottom: 0;
}

	.promo-btn-alt:hover {
		color: #fff;
		text-decoration: underline;
	}

.btn-back {
	background: url(../img/btn-arrow-back.gif) left center no-repeat #e5ebee;
	padding: 8px 10px 8px 40px;
	display: block;
	font-size: 1.8em;
	text-decoration: none;
	text-align: right;
	margin-bottom: 25px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
	only screen and (min-device-pixel-ratio : 1.5) {

		.btn-back {
		background: url(../img/btn-arrow-back@2x.gif) left center no-repeat #e5ebee;
		background-size: 30px auto;
		}

}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.main-article .btn-back {
		display: none;
	}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.btn-back {
		font-size: 2.0em;
		padding: 15px 15px 15px 40px;
	}

}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

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

}

.btn-help,
.btn-help:hover {
	background: #e7ebed;
	color: #535d68;
	display: block;
	padding: 15px 5%;
	font-size: 1.8em;
	text-decoration: none;
	width: 100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.btn-help .icon {
	float: right;
	font-size: 1.5em;
	margin-bottom: -8px;
}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.btn-help,
	.btn-help:hover {
		display: inline-block;
		padding: 15px 20px;
	}

}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.btn-help,
	.btn-help:hover {
		font-size: 2.4em;
	}
}

.skip-link {
	display: none;
}

.cta-link {
	display: block;
	width: 100%;
	color: #fff;
	text-decoration: none;
	padding: 8px 40px 8px 10px;
	background: url(../img/btn-arrow-dorange.gif) right center no-repeat #e18f00;
	font-size: 1.8em;
	border-bottom:1px solid #fff;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.cta-link:hover {
	color: #fff;
	text-decoration: underline;
}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
	only screen and (min-device-pixel-ratio : 1.5) {

		.cta-link {
			background: url(../img/btn-arrow@2x.gif) no-repeat center right #e18f00;
			background-size: 30px auto;
		}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */
	
	.cta-link {
		width: 33.33333%;
		border-bottom: 0;
		border-right:2px solid white;
		float: right;
	}

	.cta-double {
		width: 50%;
	}

	.apply-last {
		border-right: 0;
	}

}

/*------------------------------------
Header
----------------------------------- */

.site-logo {
	padding:0;
	margin:0;
}

.site-logo a {
	background: url(../img/leeds-building-society-logo.svg) no-repeat top left;
	background-size: 190px auto;
	float: left;
	width: 190px;
	height: 41px;
	display: block;
	text-indent: -9999px;
}
	
		html.no-svg .site-logo a {
			background: url(../img/leeds-building-society-logo-mob.png) no-repeat top left;
		}

@media screen and (min-width: 28.125em) { /* 450px breakpoint */

	.site-logo-down a {
		background: url(../img/leeds-building-society-logo-white@2x.jpg) no-repeat top left;
		background-size: 325px auto;
		width: 325px;
		height: 68px;
	}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.site-logo a {
		background-size: 250px auto;
		width: 250px;
		height: 55px;
	}

	html.no-svg .site-logo a {
		background: url(../img/leeds-building-society-logo-mob-med.png) no-repeat top left;
	}
}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.site-logo a {
		background-size: 325px auto;
		width: 325px;
		height: 70px;
	}

}

.main-mobile-menu {
	clear: both;
}

.main-mobile-menu {
	padding-top: 10px;
}

.main-mobile-menu a {
	font-size: 1.6em;
	color: #fff;
	text-decoration: none;
	padding: 5px 0;
	display: block;
	border-top: 1px solid #334f6f;
}

.main-menu,
.main-sub-menu {
	display: none;
}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.main-mobile-menu,
	.mobile-menu-btn {
		display: none;
	}

	.main-menu,
	.main-sub-menu {
		display: block;
		z-index: 10;
		position: relative;
	}

	.main-menu .menu-1 {
		float: left;
		margin: 0 0 0 5%;
	}

		.home .main-menu .menu-1,
		.your-society .main-menu .menu-1 {
			margin: 0 0 -30px 5%;
		}

	.main-menu .menu-2 {
		float: right;
		margin: 0 5% 0 0;
	}

		.home .main-menu .menu-2,
		.your-society .main-menu .menu-2 {
			float: right;
			margin: 0 5% -30px 0;
		}
	
	.main-menu li {
		float: left;
		list-style: none;
	}
	
	.main-menu a {
		font-size: 1.4em;
		display: block;
		padding: 0 7px;
		margin-right: 2px;
		text-decoration: none;
		line-height: 30px;
		background-color: #d3e8f8;
	}

		.home .main-menu a,
		.your-society .main-menu a {
			background-color: #fff;
		}

	.main-menu a:hover {
		background-color: #5478b2;
		color: #fff;
	}

	.home-icon {
		text-indent: -9999px;
		background-image: url(../img/home-icon.svg);
		background-repeat: no-repeat;
		background-position: center center;
		width: 20px;
	}

	.intermediaries .home-link .home-icon,
	.ireland .home-link .home-icon,
	.gibraltar .home-link .home-icon {
		background-color: #d3e8f8;
	}

	.home .home-link .home-icon,
	.intermediaries-home .home-link .home-icon {
		background-image: url(../img/home-icon-white.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-color: #5478b2;
		color: #fff;
	}

		.home-link .home-icon:hover {
			background-color: #ffd908;
			background-image: url(../img/home-icon.svg);
			background-repeat: no-repeat;
			background-position: center center;
		}

	.main-menu .current a {
		background-color: #5478b2;
		color: #fff;
	}
	.intermediaries .main-menu .contact-btn .current .o-link {
		background-color: #FFAC00 !important;
		color: #FFF !important;
	}
	.o-link {
		background-color: #ffac00!important;
		color: #fff;
	}
		.o-link:hover {
			background-color: #ffd908!important;
			color: #182745!important;
		}

	.b-link {
		background-color: #5478b2!important;
		color: #fff;
	}

		.b-link:hover {
			background-color: #254d8a!important;
		}

	.your-society .current a {
		background-color: #ffd908!important;
		color: #182745!important;
	}

	.main-sub-menu {
		float: right;
		clear: right;
	}

	.main-sub-menu li {
		list-style: none;
		float: left;
	}

	.main-sub-menu li a {
		color: #fff;
		font-size: 1.4em;
		text-decoration: none;
		padding: 15px 0 0 15px;
		display: block;
	}

	.main-sub-menu li a:hover {
		color: #6a81b9;
	}


}

@media screen and (min-width: 47.5em) { /* 760px breakpoint */

	.home .main-menu .menu-1,
	.your-society .main-menu .menu-1 {
		margin: 0 0 -35px 5%;
	}

	.home .main-menu .menu-2,
	.your-society .main-menu .menu-2 {
		margin: 0 5% -35px 0;
	}

	.main-menu a {
		font-size: 1.5em;
		padding: 0 10px;
		line-height: 35px;		
	}

}

@media screen and (min-width: 56.25em) { /* 900px breakpoint */

	.home .main-menu .menu-1,
	.your-society .main-menu .menu-1 {
		margin: 0 0 -40px 5%;
	}

	.home .main-menu .menu-2,
	.your-society .main-menu .menu-2 {
		margin: 0 5% -40px 0;
	}

	.main-menu a {
		font-size: 1.8em;
		line-height: 40px;		
	}

}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.main-menu a {
		font-size: 2.0em;		
	}

	.main-sub-menu li a {
		padding: 15px 0 0 15px;
	}

}

.breadcrumb {
	display: none;
}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.breadcrumb {
		display: block;
		padding: 20px 5% 0;
	}

	.bc-start {
		float: left;
		font-size: 1.4em;
		padding-right: 10px;
	}

	.breadcrumb-menu {
		float: left;
	}

	.breadcrumb-menu .bc-title {
		font-size: 1.4em;
	}

}

.main-social {
	display: none;
}

.share-title {
	color: #6a81b9;
	font-size: 1.2em;
	float: left;
	display: inline-block;
	padding-top: 3px;
}

.share-this {
	padding-bottom: 20px;
}

.share-this ul,
.main-article .share-this ul {
	float: left;
	padding-bottom: 0;
}

.share-this ul li,
.more-info .share-this ul li {
	list-style: none;
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0;
}
	.share-this li a {
		display: block;
		width: 20px;
		height: 20px;
		background: url(../img/main-social-sprite.png) no-repeat 0 0;
		text-indent: -9999px;
	}

	.share-this .share-twitter a { background-position: 0 0; }
	.share-this .share-linkedin a { background-position: -37px 0; }
	.share-this .share-googleplus a { background-position: -74px 0; }
	.share-this .share-facebook a { background-position: -105px 0; }
	.share-this .share-email a { background-position: -135px 0; }

	@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
			only screen and (min-device-pixel-ratio : 1.5) {
				
				.share-this li a {
					background: url(../img/main-social-sprite@2x.png) no-repeat 0 0;
					background-size: 160px auto;
				}

			}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.share-title {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.share-this {
		float: right;
		width: 280px;
	}

	.main-social {
		display: block;
		float: right;
		color: #6a81b9;
		font-size: 1.4em;
		width: 170px;
	}

		.main-social span {
			display: inline-block;
			float: left;
			padding-top: 5px;
		}

	.main-social ul {
		float: left;
	}

		.main-social li {
			width: 20px;
			height: 20px;
			margin-left: 10px;
			float: left;
			list-style: none;
		}

			.main-social li a {
				display: block;
				width: 20px;
				height: 20px;
				background: url(../img/main-social-sprite.png) no-repeat 0 0;
				text-indent: -9999px;
			}

			@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
			only screen and (min-device-pixel-ratio : 1.5) {
				
				.main-social li a {
					background: url(../img/main-social-sprite@2x.png) no-repeat 0 0;
					background-size: 160px auto;
				}

			}

			.main-social .twitter a { background-position: 0 0; }
			.main-social .linkedin a { background-position: -37px 0; }
			.main-social .googleplus a { background-position: -74px 0; }
			.main-social .facebook a { background-position: -105px 0; }

	.share-top { 
		padding: 15px 0;
	}

}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.main-social {
		margin-top: 10px;
	}

	.savings-detail .share-top { 
		padding-top:20px;
	}

}

.promo-social-link-wrapper {
	width: 100%;
	background: #e18f00;
}

.promo-social-link {
	width: 33.333333333%;
	float: left;
	font-size: 1.3em;
	text-decoration: none;
	padding: 8px 5px;
	color: #fff;
	background: #ffac00;
	position: relative;
	overflow: hidden;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	.promo-social-link:hover {
		color: #fff;
		text-decoration: none;
	}

.promo-social-link i {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -20px;
	background-color: #e18f00;
	width: 30px;
	height: 40px; 
}

	.promo-social-link .promo-twitter {
		background: url(../img/promo-social-sprite.png) 5px center #e18f00 no-repeat;
	}

	.promo-social-link .promo-linkedin {
		background: url(../img/promo-social-sprite.png) -32px center #e18f00 no-repeat;
	}

	.promo-social-link .promo-facebook {
		background: url(../img/promo-social-sprite.png) -99px center #e18f00 no-repeat;
	}

	@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
			only screen and (min-device-pixel-ratio : 1.5) {
				
				.promo-social-link .promo-twitter {
					background: url(../img/promo-social-sprite@2x.png) 5px center #e18f00 no-repeat;
					background-size: 160px 20px;
				}

				.promo-social-link .promo-linkedin {
					background: url(../img/promo-social-sprite@2x.png) -32px center #e18f00 no-repeat;
					background-size: 160px 20px;
				}

				.promo-social-link .promo-facebook {
					background: url(../img/promo-social-sprite@2x.png) -99px center #e18f00 no-repeat;
					background-size: 160px 20px;
				}

			}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.promo-social-link {
		font-size: 1.6em;
		padding: 5px 10px;
	}

}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.promo-social-link {
		font-size: 1.2em;
		padding: 8px 5px;
	}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.promo-social-link {
		font-size: 1.6em;
		padding: 5px 10px;
	}

}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.promo-social-link {
		font-size: 1.3em;
		padding: 8px 5px;
	}

}

@media screen and (min-width: 75em) { /* 1200px breakpoint */

	.promo-social-link {
		font-size: 1.6em;
	}

}

@media screen and (min-width: 87.5em) { /* 1400px breakpoint */

	.promo-social-link {
		font-size: 1.8em;
		padding: 5px 10px;
	}

}

/*------------------------------------
Footer
----------------------------------- */

.footer-secondary iframe {
	width: 100%;
}

@media screen and (min-width: 56.25em) { /* 900px breakpoint */

	.footer-primary {
		float: left;
		width: 29.45%;
		margin: 0 1.96875% 0 5%;
	}

	.footer-secondary {
		float: right;
		margin: 20px 5% 0 0;
		width: 58.55%;
	}

	.inner-foot {
		width: 100%!important;
	}
}
.main-footer-menu {
	padding: 20px 0;
}

	.main-footer-menu li {
		float: left;
		width: 50%;
		list-style: none;
		border-right: 2px solid #e8e9eb;
		border-bottom: 2px solid #e8e9eb;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		.main-footer-menu li:nth-child(even) {
			border-right: none;
		}

	.main-footer-menu li a {
		font-size: 1.3em;
		display: block;
		padding: 10px 10px;
		background: #fff;
		color: #535d68;
		text-decoration: none;
	}

	@media screen and (min-width: 28.75em) { /* 460px breakpoint */

		.main-footer-menu li a {
			font-size: 1.4em;
			padding: 8px 10px;
		}

	}

	@media screen and (min-width: 56.25em) { /* 900px breakpoint */

		.main-footer-menu {
			padding-bottom: 5px;
		}

		.main-footer-menu li a {
			font-size: 1.3em;
			padding: 8px;
		}

	}

	@media screen and (min-width: 61.25em) { /* 980px breakpoint */

		.main-footer-menu li a {
			padding: 8px 20px 8px 8px;
			background: url(../img/btn-arrow-sml-white.gif) no-repeat #fff right center;
		}

	}

	@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (min-width: 61.25em),
	only screen and (min-device-pixel-ratio : 1.5) and (min-width: 61.25em) {

		.main-footer-menu li a {
			background: url(../img/btn-arrow-sml-white@2x.gif) no-repeat #fff right center;
			background-size: 30px auto;
		}

	}

	@media screen and (min-width: 75em) { /* 1200px breakpoint */

		.main-footer-menu li a {
			font-size: 1.4em;
			padding: 8px 30px 10px 10px;
		}

	}
	
.sub-footer-menu {
	padding: 16px 0;
}

	.sub-footer-menu li {
		list-style: none;
		display: inline-block;
		border-right: 1px solid #182745;
		padding-right: 5px;
		margin: 0 5px 5px 0;
	}

		.sub-footer-menu li:last-child {
			border-right: none;
		}

	.sub-footer-menu li a {
		font-size: 1.2em;
	}

	@media screen and (min-width: 28.75em) { /* 460px breakpoint */

		.sub-footer-menu li a {
			font-size: 1.4em;
		}

	}

	@media screen and (min-width: 56.25em) { /* 900px breakpoint */

		.sub-footer-menu li a {
			font-size: 1.3em;
		}

	}

	@media screen and (min-width: 75em) { /* 1200px breakpoint */

		.sub-footer-menu li a {
			font-size: 1.4em;
		}

	}

.footer-legal-page {
	background: #e8e9eb;
}

	.footer-legal-page p {
		font-size: 1.4em;
		color: #7d8690;
	}

/*------------------------------------
Titles
----------------------------------- */

.page-title-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.page-title {
		background: #fff;
		background: rgba(255,255,255,0.8);
		padding: 10px 5%;
	}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.page-title-wrap {
		display: inline-block;
		width: auto!important;
	}

	.page-title {
		padding: 10px 40px 10px 20px;
	}

}
	
.sub-title-1 {
	color: #535d68;
	font-size: 2.0em;
	padding-bottom: 16px;
}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.sub-title-1 {
		font-size: 2.4em;
	}
}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.sub-title-1 {
		font-size: 2.8em;
	}

}

.sub-title-2,
.insurance .info-boxes .sub-title-2 {
	font-size: 2.0em;
	padding-bottom: 16px;
}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.sub-title-2,
	.insurance .info-boxes .sub-title-2 {
		font-size: 2.8em;
	}
}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.sub-title-2,
	.insurance .info-boxes .sub-title-2 {
		font-size: 3.2em;
	}

}

/*------------------------------------
Boxes
----------------------------------- */

.box-corner:after,
.box-corner:before { /* Used for adding a slanted corner to boxes in modern browsers */
	width: 0;
	height: 0;
	border-left: 50px solid rgba(215, 230, 247, 0);
	border-top: 40px solid rgba(255, 255, 255, 1);
	position: absolute;
	content: "";
	top: 0px;
	right: 0px;
}

.transparent-corner {
	display: block;
	height: 40px;
	width: auto;
	background: rgba(255, 255, 255, 0.8);
	z-index: 0;
}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.transparent-corner {
		margin-right: 50px;
	}

		.hero-box .transparent-corner {
			background: rgba(255, 255, 255, 0.8);
		}

	.transparent-corner:after {
	   width: 0; 
	   height: 0; 
	   border-bottom: 40px solid rgba(255, 255, 255, 0.8);  
	   border-right: 50px solid rgba(215, 230, 247, 0);
	   position: absolute;
	   content: "";
	   top: 0;
	   right: 0;
	}

		.bg-1.transparent-corner:after {
			border-bottom: 40px solid #535d68;
		}

		.bg-2.transparent-corner:after {
			border-bottom: 40px solid #d3e8f8;
		}

		.bg-3.transparent-corner:after {
			border-bottom: 40px solid #e7eaec;
		}

		.bg-7.transparent-corner:after {
			border-bottom: 40px solid #e8f3fb;
		}

}

.box { /* Used for collapsing padding */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.box-50 {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	padding-right: 20px;
}

	.secure-email-box .box-50 {
		width: 100%;
		padding-right: 0;
		border-right: 0;
	}

	.secure-email-box .btn {
		margin-bottom: 20px;
	}

	@media screen and (min-width: 36.25em) { /* 580px breakpoint */

		.secure-email-box .box-50 {
			width: 49%;
			padding-right: 20px;
			border-right: 1px solid #032143;
		}

		.secure-email-box .secure-email-box-right {
			padding-left: 20px;
			padding-right: 0;
			border-right: 0;
		}

		.secure-email-box a {
			word-wrap: break-word;
		}

	}

.box-padding {
	padding: 20px 5%;
}

	.mortgages-detail article.box-padding {
		padding-bottom: 0;
	}

.box-1,
.box-1-address {
	position: relative;
}

.box-1 {
	padding: 10px 5% 20px;	
	margin-bottom: 20px;
	}

	.intermediaries-home .hero-box .box-1 {
		margin-bottom: 0;
	}

	.home .box-1,
	.your-society .box-1 {
		margin-bottom: 0;
	}

	.l-col-3 > .box-1 {
		margin-bottom: 0;
	}

	@media screen and (min-width: 28.75em) { /* 460px breakpoint */

		.intermediaries-home .hero-box .box-1 {
			margin-bottom: 30px;
		}
		
		.l-col-3 > .box-1 {
			margin-bottom: 20px;
		}

	}

	@media screen and (min-width: 36.25em) { /* 580px breakpoint */

		.l-col-3 > .box-1 {
			margin-bottom: 0;
		}

	}

.box-1-address {
	margin-top: 10px;
	padding: 10px 5% 20px;	
}

	.box-1.box-corner:after,
	.box-1.box-corner:before,
	.your-society .l-col-3 .box-corner:after,
	.your-society .l-col-3 .box-corner:before {
		display: none;
	}

	.box-1-address { 
		border-top:1px solid #e18f00;
	}

	@media screen and (min-width: 28.75em) { /* 460px breakpoint */
		.box-1.box-corner:after,
		.box-1.box-corner:before,
		.your-society .l-col-3 .box-corner:after,
		.your-society .l-col-3 .box-corner:before {
			display: block;
		}

		.box-1,
		.home .box-1,
		.your-society .box-1,
		.box-1-address {
			margin-bottom: 30px;
			padding: 20px;
		}

		.box-1-address {
			margin-bottom: 30px;
			padding: 10px 0 0 0;
		}

		.your-society .box-padding {
			padding: 0 5% 30px;
		}
	}

	@media screen and (min-width: 36.25em) { /* 580px breakpoint */

		.l-secondary .box-1 {
			padding: 0;
		}

	}

	@media screen and (min-width: 43.75em) { /* 700px breakpoint */

		.l-col-1-2 .box-padding {
			padding: 20px 0 20px 0;
		}

		.service-status .l-col-1 .box-padding,
		.news .l-col-1 .box-padding {
			padding: 20px 0;
		}

	}


.hero-box {
	position: absolute;
	left: 0;
	bottom: 0;
}

	.hero-box p {
		font-size: 2.6em;
		line-height: 120%;
	}

.hero-box-inner {
	background: #fff;
	background: rgba(255,255,255,0.8);
}

	.hero-box-inner p {
		margin-top: -40px;
	}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.hero-box {
		width: 90%;
		left: 5%;
		bottom: 30px;
	}

}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	
	.hero-box {
		width: 45%;
		left: 5%;
	}
	.hero-box.smaller-text {
		width: 60%;
		left: 5%;
	}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.hero-box {
		bottom: 75px;
	}
.hero-box.smaller-text {
		width: 45%;
		bottom:10px;
		left: 5%;
	}
		.your-society .hero-box {
			bottom: 15px;
		}

	.hero-box p {
		font-size: 3.8em;
		line-height: 110%;
		font-weight: 300;
		-webkit-font-smoothing: subpixel-antialiased;
		margin-bottom: 12px;
	}

}

@media screen and (min-width: 56.25em) { /* 900px breakpoint */

	.hero-box p {
		font-size: 4.8em;
		line-height: 100%;
	}

	.hero-box {
		bottom: 100px;
	}

	.your-society .hero-box {
		bottom: 75px;
	}

}

@media screen and (min-width: 87.5em) { /* 1400px breakpoint */

	.hero-box {
		bottom: 150px;
	}

	.hero-box p {
		font-size: 5.8em;
	}

}

.promo-box-1 p,
.promo-box-2 p {
	margin-bottom: 0;
	line-height: normal;
	padding-bottom: 0;
	font-size: 1.2em;
}

.promo-box-1 .box {
	width: 100%;
}

.promo-box-1 .sub-text {
	font-size: 3.0em;
	display: block;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ffd908;
}

.promo-box-1 .sub-text-dual-rate {
	font-size: 2.8em;
	width:45%;
	display:inline-block;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.promo-box-1 .sub-text-nb {
	font-size: 3.0em;
	display: block;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: none;
}

.promo-box-1 ul {
	padding-bottom: 15px;
}

.promo-box-1 li {
	font-size: 1.2em;
	margin-left: 18px;
	margin-bottom: 5px;
	color: #b2b7bd;
}

.promo-box-1 .sub-text small,
.promo-box-1 .sub-text-dual-rate small,
.promo-box-1 .sub-text-nb small {
	font-size:0.7em;
	color:#FFFFFF;
} /**** RH 16/10/2014 ****/

.promo-box-1 small,
.promo-box-2 small {
	font-size: 1.2em;
	display: block;
	margin-top: 10px;
}

.promo-box-1 small {
	color: #b2b7bd;
}

.promo-box-2 small {
	margin-bottom: 20px;
	color: #667189;

}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.promo-box-1 p,
	.promo-box-2 p {
		font-size: 1.4em;
	}
}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.promo-box-1 p,
	.promo-box-2 p {
		font-size: 1.2em;
	}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.promo-box-1 p,
	.promo-box-2 p {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 56.25em) { /* 900px breakpoint */

	.promo-box-1 p,
	.promo-box-2 p {
		font-size: 1.2em;
	}
}

@media screen and (min-width: 65.625em) { /* 1050px breakpoint */

	.promo-box-1 p,
	.promo-box-2 p {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 93.75em) { /* 1500px breakpoint */

	.promo-box-1 p,
	.promo-box-2 p {
		font-size: 1.6em;
	}

}

.help-box .icon {
	font-size: 1.5em;
	margin-bottom: -8px;
	float: right;
	width: 30px;
}

	.help-box .contact-details {
		display: none;
	}

	.help-box li {
		list-style: none;
		margin-bottom: 2px;
		display: block;
		background: #e8eaec;
		color: #646f7a;
	}

		.help-box li a {
			display: block;
			font-size: 1.8em;
			padding: 10px 10px;
			text-decoration: none;
			color: #646f7a;
		}

		.help-box li a:hover {
			color: #646f7a;
		}

.home .help-box .sub-link {
	display: none;
}

.help-box .sub-link a,
.help-box .sub-link a:hover {
	background: #99a9b8;
	color: #fff;
}
	.help-box .sub-link a:hover {
		text-decoration: underline;
	}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.help-box li a {
			font-size: 2.0em;
		}

}

@media screen and (min-width: 56.25em) { /* 900px breakpoint */

	.help-box .contact-details {
		display: block;
	}

	.contact-details {
		padding-bottom: 20px;
	}

	.contact-details span {
		display: block;
		padding: 0 10px;
	}

		.contact-details span p {
			padding-bottom: 0;
		}

		.contact-details .number a {
			padding: 0;
			font-weight: 300;
			-webkit-font-smoothing: subpixel-antialiased;
			font-size: 3.2em;
		}

		.contact-details .email {
			font-size: 1.6em;
		}

		.contact-details .email a {
			display: inline;
			font-size: 1em;
			padding: 0;
			text-decoration: underline;
		}

			.contact-details .email a:hover {
				text-decoration: none;
			}

}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.help-box .sub-link a {
		font-size: 1.6em;
		padding: 5px 10px;
	}

}

@media screen and (min-width: 75em) { /* 1200px breakpoint */

	.help-box li a {
		font-size: 2.4em;
		padding: 15px;
	}

	.contact-details a {
		padding-bottom: 20px
	}

	.contact-details span {
		padding: 0 15px;
	}

	.contact-details .number a {
		font-size: 4.2em;
	}

	.help-box .sub-link a {
		font-size: 1.8em;
		padding: 5px 15px;
	}

}

.contact-box .number {
	font-size: 2.0em;
	font-weight: 300;
	-webkit-font-smoothing: subpixel-antialiased;
	color: #646f7a;
}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.contact-box .number {
		font-size: 2.2em;
	}

}

.member-box {
	border-top: 2px solid #182745;
	padding-top: 20px;
}

	.member-box p {
		padding-bottom: 0;
		float: left;
		width: 48%;
	}

	.member-box .wrap {
		overflow: hidden;
		position: relative;
		margin-bottom: 16px;
		min-height: 250px;
	}

.member-box img {
	width: 50%;
	float: right;
	z-index: 0;
	position: absolute;
	right: -10%;

	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.member-box {
		border-top: none;
		padding-top: 0;
	}

}

.side-box {
	margin-bottom: 20px;
	position: relative;
	clear: both;
}

	.home .l-col-3 .side-box {
		margin-bottom: 0;
	}

.side-box img {
	width: 100%;
}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.side-box,
	.home .l-col-3 .side-box {
		margin-bottom: 30px;
	}

}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.side-box {
		width: 48.341232227488%;
		float: left;
		clear: none;
	}

	.side-box:nth-child(even) {
		float: right;
	}

	.side-box:nth-child(odd) {
		clear: left;
	}

}

@media screen and (min-width: 56.25em) { /* 900px breakpoint */

	.home .side-box,
	.home .side-box:nth-child(even),
	.home .side-box:nth-child(odd) {
		width: 100%;
		float: none;
		clear: both;
	}

}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.side-box,
	.side-box:nth-child(even),
	.side-box:nth-child(odd) {
		width: 100%;
		float: none;
		clear: both;
	}

}

.search-box p,
.main-article .search-box p {
	font-size: 1.8em;
	font-weight: 400;
}

@media screen and (min-width: 75em) { /* 1200px breakpoint */

	.search-box p,
	.main-article .search-box p {
		font-size: 2.2em;
		font-weight: 300;
		-webkit-font-smoothing: subpixel-antialiased;
	}

}

/*------------------------------------
Main
----------------------------------- */

.inner-head,
.inner-foot {
	width: 90%;
	margin: 0 auto;
	position: relative;
	z-index:1010;
}

.inner-head {
	padding: 15px 0 10px;
}

	.insurance .info-boxes .inner {
		width: 90%;
		margin: 0 auto;
	}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.inner {
		width: 90%;
		margin: 0 auto;
	}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.inner,
	.insurance .info-boxes .inner {
		width: 100%;
	}

}

.hero-img {
	width: 100%;
	overflow: hidden;
	max-height: 500px;
}
	.hero-img img {
		width: 220%;
		margin-left: -100%;
		margin-top: -10%;
	}

	@media screen and (min-width: 23.75em) { /* 380px breakpoint */

		.hero-img img {
			width: 180%;
			margin-left: -70%;
		}

	}

	@media screen and (min-width: 28.75em) { /* 460px breakpoint */

		.hero-img img {
			width: 140%;
			margin: -10% 0 0 -40%;
		}

	}

	@media screen and (min-width: 36.25em) { /* 580px breakpoint */

		.hero-img img {
			width: 120%;
			margin: -10% 0 0 -20%;
		}

	}

	@media screen and (min-width: 75em) { /* 1200px breakpoint */

		.hero-img img {
			width: 110%;
			margin: -15% 0 0 0;
		}

	}

	@media screen and (min-width: 81.25em) { /* 1300px breakpoint */

		.hero-img {
			max-height: 550px;
		}

		.hero-img img {
			width: 100%;
			margin: -10% 0 0 0;
		}

	}

	@media screen and (min-width: 87.5em) { /* 1400px breakpoint */

		.hero-img {
			max-height: 600px;
		}

	}

.content-hero {
	position: relative;
	margin-bottom:20px;
}
.content-hero img,
.main-article img {
	width: 100%;
}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.content-hero {
		padding-top: 20px;
	}

}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */
	
	.main-article p,
	.main-article .more-info p {
		font-size: 1.8em;
		font-weight: 400;
	}

	.main-article .more-info p,
	.more-info p {
		color: #535d68;
	}

}

.story h2 a {
		text-decoration: none;
	}
	.story h2 a:hover {
		text-decoration: underline;
	}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.main-article p,
	.main-article .story p {
		font-size: 2.2em;
		font-weight: 300;
		-webkit-font-smoothing: subpixel-antialiased;
		line-height: 130%;
		padding-bottom: 22px;
	}

	.main-article .story p {
		font-size: 2.0em;
	}

}

@media screen and (min-width: 93.75em) { /* 1500px breakpoint */

	.main-article p,
	.your-society .main-article p {
		font-size: 2.4em;;
	}

}

.tertiary {
	display: none;
}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.tertiary {
		display: block;
		border-top: 1px solid #ffb10f;
		width: 90%;
		margin: 0 auto;
		padding: 20px 0 45px;
	}

	.tertiary p {
		font-size: 1.4em;
		line-height: 130%;
	}

		.tertiary p a {
			font-weight: 700;
		}

}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.tertiary p {
		font-size: 1.3em;
	}

}

@media screen and (min-width: 75em) { /* 1200px breakpoint */

	.tertiary p {
		font-size: 1.4em;
	}

}

.story {
	padding-bottom: 20px;
}

.story img {
	width: 100%;
}

.main-article img + p,
.press .main-article .story p:first-child {
	padding-bottom: 10px;
}

.charity .main-article .story p:first-child {
	padding-bottom: 0;
}

.meta-data {
	display: block;
	font-size: 16px;
	border-top: 1px solid #ffac00;
	color: #ffac00;
	padding-top: 5px;
	font-weight: 400;
}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.story {
		padding-bottom: 30px;
	}

}

.cta {
	display: block;
	margin-bottom: 15px;
}


.cta-desc {
	display: block;
	background: #ffd900;
	font-size: 1.8em;
	padding: 8px 10px;
}

@media screen and (min-width: 43.75em) {/* 700px breakpoint */

	.cta-desc-single {
		width: 66.66%;
		display: inline-block;
		float: left;
	}

}

.quicklook {
	margin-bottom: 16px;
	position: relative;
	clear:both;
}

	.quicklook .rate {
		font-size: 3.0em;
		line-height: 80%;
	}

	.quicklook .percent {
		font-size: 2.0em;
		line-height: 80%;
	}

.quicklook-box {
	margin-bottom: 2px;
	padding: 10px 5%;
}

	.quicklook-box p,
	.quicklook-box ul li {
		font-size: 1.6em;
		font-weight: 400;
	}

	.quicklook-box p {
		padding-bottom: 10px;
	}

	.quicklook-box ul,
	.main-article .quicklook-box ul {
		padding-bottom: 0;
	}

	.quicklook-box small {
		font-size: 0.8em;
	}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.quicklook-box {
		padding: 20px;
	}

}

.mortgage-rates,
.cc-rates {
	position: relative;
	padding-top: 20px;
}

.mortgage-rates small,
.cc-rates small {
	font-size: 1.0em;
}

.mortgage-rates .box-padding,
.cc-rates .box-padding {
	padding-top: 0;
}

.mortgage-rates-inner,
.cc-rates-inner {
	border-bottom: 2px solid #032143;
	padding-bottom: 20px;
}

.rates-col-3 {
	padding: 20px;
}

	.rates-col-3 .l-col-3,
	.rates-col-3 .l-col-2 {
		margin-bottom: 0;
	}

		.rates-col-3 .l-col-3:nth-child(1),
		.rates-col-3 .l-col-3:nth-child(2) {
			border-bottom: 1px solid #032143;
			margin-bottom: 20px;
		}

		.rates-col-3 .l-col-2:nth-child(1) {
			border-right: 1px solid #032143;
			padding-right: 20px;
		}

		.rates-col-3 .l-col-3 p,
		.rates-col-3 .l-col-2 p {
			font-size: 2.0em;
			line-height: 100%;
		}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.rates-col-3 {
		width: 90%;
		margin: 0 auto;
	}

}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.mortgage-rates-inner,
	.cc-rates-inner {
		border: none;
		padding-bottom: 0;
	}

	.mortgage-rates .first,
	.cc-rates .first, 
	.mortgage-rates .third,
	.cc-rates .third {
		border-right: 2px solid #032143;
		clear: left;
	}

	.mortgage-rates .first,
	.cc-rates .first,
	.mortgage-rates .second,
	.cc-rates .second, 
	.mortgage-rates .third,
	.cc-rates .third, 
	.mortgage-rates .fourth,
	.cc-rates .fourth {
		padding-bottom: 0;
		margin-bottom: 20px;
	}

	.mortgage-rates .rate
	/*,.cc-rates .rate RH EDIT*/ {
		font-size: 4.5em;
	}
	
	.cc-rates .rate {
		font-size: 3.1em;
	} /*RH EDIT*/
	
	.cc-rates .cc-rep-rate {
		font-size: 3.2em;
	} /*RH EDIT*/
	
	.cc-rates-inner .percent {
		font-size: 2.5em;
	} /*RH EDIT*/

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.mortgage-rates .box-padding,
	.cc-rates .box-padding {
		padding: 0 20px;
	}

	.mortgage-rates-inner p,
	.cc-rates-inner p {
		font-size: 1.6em;
		font-weight: 400;
	}

	.rates-col-3 {
		width: 100%;
	}
	
	.cc-rates-inner .percent {
		font-size: 2.2em;
	} /*RH EDIT*/

}

@media screen and (min-width: 56.25em) { /* 900px breakpoint */

	.mortgage-rates .first,
	.cc-rates .first,
	.mortgage-rates .second,
	.cc-rates .second, 
	.mortgage-rates .third,
	.cc-rates .third {
		border-right: 1px solid #032143;
		clear: none;
	}

	.mortgage-rates-inner p,
	.cc-rates-inner p {
		font-size: 1.5em;
	}

	.mortgage-rates-inner .rate 
	/*,.cc-rates-inner .rate RH EDIT*/ {
		font-size: 4em;
	}
	
	.cc-rates-inner .rate {
		font-size: 2.6em;
	} /*RH EDIT*/
	
	.cc-rates-inner .cc-rep-rate {
		font-size: 2.8em;
	} /*RH EDIT*/
	
	.cc-rates-inner .percent {
		font-size: 2.0em;
	} /*RH EDIT*/

	.mortgage-rates-inner,
	.cc-rates-inner {
		min-height: 120px;
	}

	.rates-col-3 .l-col-3:nth-child(1),
	.rates-col-3 .l-col-3:nth-child(2) {
		border-bottom: none;
		border-right: 1px solid #032143;
		margin-bottom: 0;
		padding-right: 2.1875%;
	}

}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.mortgage-rates-inner .rate
	/*,.cc-rates-inner .rate RH EDIT*/ {
		font-size: 2.8em;
	}
	
	.cc-rates-inner .rate {
		font-size: 2.0em;
	} /*RH EDIT*/
	
	.cc-rates .cc-rep-rate {
		font-size: 2.2em;
	} /*RH EDIT*/

	.mortgage-rates-inner .percent
	/*,.cc-rates-inner .percent RH EDIT*/ {
		font-size: 1.8em;
	}
	
	.cc-rates-inner .percent {
		font-size: 1.4em;
	} /*RH EDIT*/

	.mortgage-rates-inner,
	.cc-rates-inner {
		min-height: 155px;
	}

}

@media screen and (min-width: 75em) { /* 1200px breakpoint */

	.mortgage-rates-inner p,
	.cc-rates-inner p {
		font-size: 1.6em;
	}

	.mortgage-rates-inner .rate
	/*,.cc-rates-inner .rate RH EDIT*/ {
		font-size: 3.5em;
	}
	
	.cc-rates-inner .rate {
		font-size: 2.4em;
	} /*RH EDIT*/
	
	.cc-rates .cc-rep-rate {
		font-size: 2.6em;
	} /*RH EDIT*/

	.mortgage-rates-inner .percent
	/*,.cc-rates-inner .percent RH EDIT*/ {
		font-size: 2.5em;
	}
	
	.cc-rates-inner .percent {
		font-size: 1.8em;
	} /*RH EDIT*/

}

@media screen and (min-width: 87.5em) { /* 1400px breakpoint */

	.mortgage-rates-inner .rate
	/*,.cc-rates-inner .rate RH EDIT*/ {
		font-size: 4.0em;
	}
	
	.cc-rates-inner .rate {
		font-size: 2.6em;
	} /*RH EDIT*/
	
	.cc-rates .cc-rep-rate {
		font-size: 2.8em;
	} /*RH EDIT*/

	.mortgage-rates-inner .percent
	/*,.cc-rates-inner .percent RH EDIT*/ {
		font-size: 3.2em;
	}
	
	.cc-rates-inner .percent {
		font-size: 2.0em;
	} /*RH EDIT*/

}


.exit-info {
	padding: 15px 15px 20px 15px;
}

/*------------------------------------
Lists
----------------------------------- */

.main-article ul, 
.main-article ol {
	padding-bottom: 11px;
}

.more-info {
	clear: both;
}

.main-article li,
.more-info li,
.main-article .more-info li {
	font-size: 1.6em;
	margin-left: 18px;
	margin-bottom: 5px;
	font-weight: 400;
}

	.more-info li,
	.main-article .more-info li {
	color: #535d68;
	}

.main-article ol li {
	margin-left: 22px;
}

.main-article ul ul {
	padding: 5px 0;
}

.main-article li li {
	font-size: 1em;
}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */
	
	.main-article li {
		font-size: 1.8em;
		margin-left: 20px;
	}

	.main-article ol li {
		margin-left: 24px;
	}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.main-article li {
		font-size: 2.2em;
		font-weight: 300;
		-webkit-font-smoothing: subpixel-antialiased;
		margin-left: 22px;
	}

	.main-article ol li {
		margin-left: 26px;
	}

}

@media screen and (min-width: 93.75em) { /* 1500px breakpoint */

	.main-article ul, 
	.main-article ol {
		padding-bottom: 15px;
	}

	.main-article li {
		font-size: 2.4em;
		margin-left: 24px;
	}

	.main-article ol li {
		margin-left: 28px;
	}

}

.box-list li {
	list-style: none;
	background-color: #e8f3fb;
	margin-bottom: 2px;
}
	.member-benefits .box-list li, 
	.other-products .box-list li {
		margin-bottom: 30px;
	}

.box-list li:nth-child(odd){
	background-color: #d3e8f8;
}

.box-list li:last-child,
.inner-list li:last-child {
	margin-bottom: 16px;
}

	.box-padding .box-list li:last-child {
		margin-bottom: 0;
	}

	.box-list li li {
		list-style: disc outside;
		font-size: 1.6em;
		background: none!important;
		margin: 0 0 5px 17px;
	}

.box-list-plain li {
	background: #fff!important;
}

.box-list-alt li li,
div.box-list-alt li {
	border-top: 1px solid #fff;
	list-style: none;
	margin: 0;
	padding: 5px 0;
}

	.box-list-alt .inner-list li,
	.box-list-alt .inner-list li:nth-child(odd),
	.box-list-alt .inner-list li:nth-child(4n+4) {
		border-top: 1px solid #fff;
		padding: 5px 0;
		font-size: 1.6em;
		background: none;
	}

.p-grid p {
	display: block;
	width: 45%;
	float: left;
	margin-right: 5%;
}

	.p-grid p:nth-of-type(5),
	.p-grid p:nth-of-type(6) {
		width: 100%;
	}

.p-grid li {
	clear: both;
}

.p-grid .rate {
	font-size: 3.0em;
}

.p-grid .percent {
	font-size: 1.5em;
}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.box-list li {
		margin-bottom: 30px;
	}

	.p-grid .rate {
		font-size: 3.5em;
	}

	.p-grid .percent {
		font-size: 2.0em;
	}

}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.box-list li:nth-child(odd){
		background-color: #e8f3fb;
	}

	.box-list li:first-child,
	.box-list li:nth-child(4n+4),
	.box-list li:nth-child(4n+5) {
		background-color: #d7e6f7;
	}

	.p-grid .rate {
		font-size: 2.0em;
		line-height: normal;
	}

	.p-grid .percent {
		font-size: 1em;
	}

}

@media screen and (min-width: 47.5em) { /* 760px breakpoint */

	.p-grid .rate {
		font-size: 3.0em;
		line-height: 50px;
	}

	.p-grid .percent {
		font-size: 1.5em;
	}

}

@media screen and (min-width: 56.25em) { /* 900px breakpoint */

	.box-list li.l-col-3:nth-child(even){
		background-color: #e8f3fb;
	}

	.box-list li.l-col-3:nth-child(odd){
		background-color: #d7e6f7;
	}

	.p-grid .rate {
		font-size: 3.5em;
	}

	.p-grid .percent {
		font-size: 2.0em;
	}

}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.p-grid .rate {
		font-size: 3.0em;
	}

	.p-grid .percent {
		font-size: 1.5em;
	}

}

@media screen and (min-width: 75em) { /* 1200px breakpoint */

	.p-grid .rate {
		font-size: 3.5em;
	}

	.p-grid .percent {
		font-size: 2.0em;
	}

}

.info-boxes {
	clear: both;
}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.mortgages .info-boxes .inner {
		border-top: 1px solid #ffd908;
	}

}

	.contact .info-boxes { 
		margin-top:20px;
	}

	.mortgages-detail .info-boxes {
		border-top: none;
	}

.rate {
	font-size: 5.0em;
	line-height: 60px;
	font-weight: 300;
	-webkit-font-smoothing: subpixel-antialiased;
	display: inline-block;
}

.cc-rep-rate {
	font-size: 5.0em;
	line-height: 60px;
	font-weight: 300;
	-webkit-font-smoothing: subpixel-antialiased;
	display: inline-block;
} /** RH EDIT **/

.bonus-rate {         
	font-size: 2.0em;
	line-height: 30px;
	font-weight: 300;
	-webkit-font-smoothing: subpixel-antialiased;
	display: inline-block;
} /** RH EDIT **/

.percent {
	font-size: 3.0em;
	font-weight: 300;
	-webkit-font-smoothing: subpixel-antialiased;
}

	/* % symbol same size as digit */
	 .big-percent { 
	 	font-size: 4.5em;
	 }

.nav-list,
.l-col-1-2 .nav-list {
	padding-top: 0;
}

.nav-list li,
.main-article .nav-list li {
	list-style: none;
	margin: 0 0 1px 0;
	font-size: 1.0em;
	font-weight: 400;
}
	.nav-list li a,
	.main-article .nav-list li a {
		display: block;
		padding: 8px 40px 8px 10px;
		text-decoration: none;
		font-size: 1.6em;
		background: url(../img/btn-arrow-lgrey.gif) right center no-repeat #f3f4f5;
	}

	.nav-list li:nth-child(even) a {
		background: url(../img/btn-arrow-dgrey.gif) right center no-repeat #e7ebed;
	}

	.nav-list li a:hover,
	.nav-list li:nth-child(even) a:hover,
	.nav-list li:nth-child(even) a.current,
	.nav-list li:nth-child(odd) a:hover,
	.nav-list li:nth-child(odd) a.current,
	.nav-list li li a.current {
		background-color: #ffec78;
		color: #182745;
	}

	.nav-list li li a,
	.nav-list li li:nth-child(even) a,
	.nav-list li:nth-child(even) li a {
		background: url(../img/btn-arrow-vlgrey.gif) right center no-repeat #f7faf9;
		font-size: 1.6em;
		font-style: italic;
		padding: 6px 40px 7px 25px;
	}

	@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
	only screen and (min-device-pixel-ratio : 1.5) {

		.nav-list li a {
			background: url(../img/btn-arrow-lgrey@2x.gif) right center no-repeat  #f3f4f5;
			background-size: 30px 70px;
		}

		.nav-list li:nth-child(even) a {
			background: url(../img/btn-arrow-dgrey@2x.gif) right center no-repeat #e7ebed;
			background-size: 30px 70px;
		}

		.nav-list li li a,
		.nav-list li:nth-child(even) li a {
			background: url(../img/btn-arrow-vlgrey@2x.gif) right center no-repeat #f7faf9;
			background-size: 30px 70px;
		}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.mortgages-landing .l-col-1-2 .nav-list,
	.intermediaries-home .l-col-1-2 .nav-list, /*** RH ***/
	.intermediaries-products-landing .l-col-1-2 .nav-list,
	.sitemap .l-col-1-2 .nav-list {
		float: left;
		width: 48.341232227488%;
		margin-right: 3.317535545024%;
	}

	.mortgages-landing .l-col-1-2 .nav-list:nth-child(even),
	.intermediaries-products-landing .l-col-1-2 .nav-list:nth-child(even),
	.intermediaries-home .l-col-1-2 .nav-list:nth-child(even), /*** RH ***/
	.sitemap .l-col-1-2 .nav-list:nth-child(even) {
		margin-right: 0;
	}

	.nav-list li a,
	.main-article .nav-list li a {
		font-size: 1.8em;
	}
}

.picture-list li {
	font-size: 1em;
	list-style: none;
	margin: 0;
	padding-bottom: 20px;
}

	.picture-list .thumb {
		margin-bottom: 20px;
		padding-top: 15px;
		border-top: 1px solid #fcd900;
	}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.picture-list li {
		width: 47.5%;
		float: left;
		margin-right: 5%;
	}

	.picture-list li p {
		font-size: 1.6em;
		font-weight: 400;
	}

}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.picture-list li {
		width: 100%;
		padding-bottom: 30px;
		margin-right: 0;
	}

	.picture-list .l-inner-2-3 {
		border-top: 1px solid #fcd900;
		padding-top: 15px;
	}

}

@media screen and (min-width: 75em) { /* 1200px breakpoint */

	.picture-list li p {
		font-size: 1.8em;
		font-weight: 300;
		-webkit-font-smoothing: subpixel-antialiased;
	}

}

.booklet-list > li,
.main-article .booklet-list > li {
	border-top: 1px solid #fcd900;
	padding-top: 10px;
	list-style: none;
	margin: 0;
	font-size: 1em;
}

.booklet-list li li {
	list-style: none;
	margin: 0;
	width: 140px;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 20px;
	margin-right: 5px;
	font-size: 1em;
}

	.booklet-list li li:nth-child(even){
		margin-right: 0;
	}

.booklet-list a {
	display: block;
	background: url(../img/pdfs-covers/pdf-placeholder.jpg) no-repeat center top;
	background-size: 140px auto;
	width: 140px;
	padding-top: 220px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.4em;
}
	.interim-2016 a { background: url(../img/pdfs-covers/2016-interim-results.jpg) no-repeat center top; }
	.report-accounts-2016 a 	{ background: url(../img/pdfs-covers/2016-report-and-accounts.jpg) no-repeat top center; }
	.basel-2016 a 			{ background: url(../img/pdfs-covers/2016-basel.jpg) no-repeat top center; }
	
	.interim-2015 a { background: url(../img/pdfs-covers/2015-interim-results.jpg) no-repeat center top; }
	.report-accounts-2015 a 	{ background: url(../img/pdfs-covers/2015-report-and-accounts.jpg) no-repeat top center; }
	.basel-2015 a 			{ background: url(../img/pdfs-covers/2015-basel.jpg) no-repeat top center; }
	
	.interim-2014 a 			{ background: url(../img/pdfs-covers/2014-interim-results.jpg) no-repeat center top; }
	.member-magazine-2014 a 	{ background: url(../img/pdfs-covers/2014-member-magazine.jpg) no-repeat top center; }
	.report-accounts-2014 a 	{ background: url(../img/pdfs-covers/2014-report-and-accounts.jpg) no-repeat top center; }
	.basel-2014 a 			{ background: url(../img/pdfs-covers/2014-basel.jpg) no-repeat top center; }
	
	.report-accounts-2013 a	{ background: url(../img/pdfs-covers/2013-report-and-accounts.jpg) no-repeat top center; }
	.basel-2013 a 			{ background: url(../img/pdfs-covers/2013-basel.jpg) no-repeat top center; }
	.highlights-2013 a 		{ background: url(../img/pdfs-covers/2013-highlights.jpg) no-repeat top center; }
	.interim-2013 a 			{ background: url(../img/pdfs-covers/2013-interim-results.jpg) no-repeat top center; }

	.highlights-2012 a 		{ background: url(../img/pdfs-covers/2012-highlights.jpg) no-repeat top center; }
	.annual-2012 a 			{ background: url(../img/pdfs-covers/2012-annual-results.jpg) no-repeat top center; }	
	.basel-2012 a 			{ background: url(../img/pdfs-covers/2012-basel.jpg) no-repeat top center; }
	.report-accounts-2012 a 	{ background: url(../img/pdfs-covers/2012-report-and-accounts.jpg) no-repeat top center; }
	.interim-2012 a 			{ background: url(../img/pdfs-covers/2012-interim-results.jpg) no-repeat top center; }

	.highlights-2011 a 		{ background: url(../img/pdfs-covers/2011-highlights.jpg) no-repeat top center; }

	.booklet-list li a {
		background-size: 140px auto;
	}

.booklet-list .hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.awards-list > li,
.main-article .awards-list > li {
  padding-top: 10px;
	list-style: none;
	margin: 0;
}

.awards-list li {
	list-style: none;
	margin: 0;
	width: 160px;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 20px;
	margin-right: 5px;
	font-size: 1em;
}

/*.awards-list li li:nth-child(even){
		margin-right: 0;
	}*/


@media screen and (min-width: 21.875em) { /* 350px breakpoint */

	.booklet-list li li {
		width: 148px;
		margin-right: 15px;
	}

	.booklet-list li a {
		background-size: 148px auto;
		width: 148px;
	}

}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.booklet-list li li:nth-child(even){
		margin-right: 15px;
	}

}

.history-list li {
	list-style: none;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 20px;
	padding: 0;
	font-size: 1.0em;
}

	.history-list li p {
		font-size: 1.6em;
		font-weight: 400;
	}

.history-list h2 {
	font-weight: 300;
	-webkit-font-smoothing: subpixel-antialiased;
	font-size: 3.2em;
	border-bottom: 1px solid #032143;
	padding-bottom: 3px;
	margin-bottom: 8px;
}

.history-list figcaption {
	color: #f0ab17;
	font-size: 1.4em;
	padding: 5px 0 10px;
	font-weight: 400;
}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.history-list li {
		margin-bottom: 0;
	}

	.history-list .history-2013 { padding-bottom: 110px; }
	.history-list .history-2012 { padding-bottom: 150px; }
	.history-list .history-2011 { margin-top: 100px; padding-bottom:10px; }
	.history-list .history-2009 { margin-top:-120px; }
	.history-list [class*='history-2007/8'] { margin-top: -100px; }
	.history-list .history-2008 { padding-bottom: 20px; }
	.history-list .history-2006 { padding-bottom: 100px; }
	.history-list .history-2005 { margin-top:100px; }
	.history-list .history-2002 { padding-bottom: 20px; margin-top: 100px}
	.history-list .history-1999 { margin-top:50px; }
	.history-list .history-1996 { margin-top:100px; }
	.history-list .history-1960 { padding-bottom: 20px; }
	.history-list .history-1946 { margin-top:200px; } 
	.history-list .history-1930 { margin-bottom: 70px; margin-top: 100px; }
	.history-list .history-1924 { margin-top: -100px; }
	.history-list .history-1845 { margin-top: 200px; }
}

.grid-list {
	margin: 0 5%;
	border-top: 1px solid #e8e9eb;
	border-left: 1px solid #e8e9eb;
}

.grid-list li {
	list-style: none;
	width: 50%;
	float: left;
	background: #fff;
	border-right: 1px solid #e8e9eb;
	border-bottom: 1px solid #e8e9eb;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	.grid-list li a {
		display: block;
	}

.council-list {
	
}

.council-list li .hide {
	position: absolute;
	left: -9999px;
}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.grid-list li {
		width: 33.333333333%
	}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.grid-list {
		margin: 0;
	}

	.grid-list li {
		width: 25%
	}

}

.service-list {
	display: block;
	clear: both;
}

/*------------------------------------
Tabs
----------------------------------- */

.tabs {
	width: 90%;
	margin: 0 auto;
}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.tabs {
		width: 100%;
	}

}

.tabs-style-1 .hide,
.td-hide {
	display: none;
}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */
	.tabs-style-1 .hide {
		display: inline;
	}
}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.td-hide {
		display: inline;
	}

}

.tabs-style-1 p {
	color: #535d68;
}

.tabs-style-1 .tabs-tabs {
	width: 100%;
	border-bottom: 1px solid #ffd908;
	margin-bottom: 10px;
}

.tabs-style-1 .tabs-tabs li {
	float: left;
	list-style: none;
	margin-right: 1px;
	margin-top: 1px;
	position: relative;
}

.tabs-style-1 .tabs-tabs li a {
	font-size: 1.6em;
	text-decoration: none;
	padding: 10px 20px 10px 10px;
	display: block;
	background: #e5ebee;
}

	.tabs-style-1 .tabs-tabs li a:hover,
	.tabs-style-1 .tabs-tabs .ui-tabs-active a {
		background: #ffd900;
	}

.tabs-corner:after,
.tabs-corner:before { /* Used for adding a slanted corner to tabs in modern browsers */
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-top: 15px solid #fff;
	position: absolute;
	content: "";
	top: 0px;
	right: 0px;
}
	
/*------------------------------------
Tables
----------------------------------- */

.tables-style-1 table,
.tables-style-2 table,
.tables-style-3 table,
.tables-style-4 table,
.table table {
	width: 100%;
	clear:both;
}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.tables-style-1 table {
		margin-bottom: 15px;
	}

}

.tables-style-1 thead {
	display: none;
}

.tables-style-1 tr,
.tables-style-1 td {
      border: 0;
      display: block;
      padding: 0;
      text-align: left;
      float: left;
      width: 100%;
    }

.tables-style-1 tr {
	margin-bottom: 10px;
}

.tables-style-1 td {
	text-align: right;
	font-size: 1.5em;
	background: #254d8a;
	color: #fff;
	margin-bottom: 1px;
	position: relative;
}

.tables-style-1 td[data-title]:before {
	content: attr(data-title);
	text-align: left;
	display: block;
	background: #d7e7f7;
	color: #182745;
	padding: 10px;
	width: 70%;
	margin-bottom:-20px;
 	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tables-style-1 td .td-num {
	position: absolute;
	top: 10px;
	right: 10px;
}

.tables-style-1 .table-subhead {
	margin-bottom: 0;
	background: none;
}

	.tables-style-1 .table-subhead td,
	.tables-style-1 .table-subhead td:last-child {
		text-align: left;
		padding: 20px 0 10px;
		font-weight: 700;
		background: none;
		color: #182745;
		font-size: 1.7em;
		display: block;
		width: 100%;
	}

	.tables-style-1 tbody .table-subhead:first-child td {
		padding-top: 0;
	}

.tables-style-1 .table-notes {
	background: none; 
}

.tables-style-1 .table-notes td,
.tables-style-1 .table-notes td:last-child {
	text-align: left;
	color: #a8aeb3;
	padding: 5px 0;
	background: none;
	font-size: 1.2em;
	width: 100%;
}

.tables-style-1 .table-subhead td:before,
.tables-style-1 .table-notes td:before {
	content: "";
	color: transparent;
	background: none;
	width: 0;
	height: 0;
	padding: 0;
}

.tables-style-1 td.view-btn {
	background: #ffd900;
	text-align: center;
}

	.tables-style-1 td.view-btn a {
		display: block;
		padding: 10px 0;
	}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.tables-style-1 td.view-btn {
		text-align: right;
		width: 30%;
		float: right;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.tables-style-1 td.view-btn a {
		padding: 10px;
	}

	.table-notes {
		margin-top: -45px;
	}

	.tables-style-1 .table-notes td,
	.tables-style-1 .table-notes td:last-child {
		width: 65%;
	}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.tables-style-1 tr,
	.tables-style-1 td {
	      float: none;
	      width: auto;
	}

	.tables-style-1 thead {
		display: table-header-group;
	}

	.tables-style-1 thead tr {
		margin-bottom: 0;
	}

	.tables-style-1 tr {
		display: table-row;
		background: #ebf3fb;
		margin-bottom: 0;
	}

	.tables-style-1 th {
		color: #fff;
		font-size: 1.6em;
		font-weight: 400;
		text-align: left;
		padding: 10px 8px;
		line-height: 100%;
		background: #254d8a;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

		.tables-style-1 th:last-child {
			background: #fff;
		}

			.gibraltar .tables-style-1 th:last-child {
				background: #254d8a;
			}

	.tables-style-1 td {
		font-size: 1.6em;
		display: table-cell;
		text-align: left;
		background: none;
		color: #032143;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		float: none;
		padding: 10px;
		position: inherit;
	}		

	.tables-style-1 td[data-title]:before {
		display: none;
		content: "";
	}

	.tables-style-1 td .td-num {
		position: relative;
		top: auto;
		right: auto;
	}

	.tables-style-1 td.view-btn {
		float: none;
		width: auto;
		text-align: center;
		padding: 0;
	}

	.tables-style-1 .table-subhead td,
	.tables-style-1 .table-subhead td:last-child,
	.tables-style-1 tbody .table-subhead:first-child td {
		padding: 10px 0;
		display: table-cell;
		width: auto;
	}

	.tables-style-1 .table-notes td,
	.tables-style-1 .table-notes td:last-child {
		width: 100%;
	}
}

.tables-style-2 th {
	background: #032143;
	color: #fff;
	font-size: 1.6em;
	text-align: left;
	padding: 10px;
}

.tables-style-2 tr {
	background: #e8f3fb;
	border-bottom: 1px solid #fff;
}

.tables-style-2 tr:nth-child(even) {
	background: #d3e8f8;
}

.tables-style-2 td {
	padding: 5px 10px;
	font-size: 1.5em;
	display: block;
	width: 100%;
	color: #182745;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tables-style-2 thead {
		display:none;
	}
.tables-style-2 td:nth-child(odd) {
	font-weight: 700;
	padding-bottom: 0;
}
.tables-style-2 td:before {
	content: attr(data-title);
	background-color: #032143;
	display:block;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	padding:5px;
}
.tables-style-2 tr {
	display:block;
	margin-bottom: 20px;
}
@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.tables-style-2 tr {
		background: #e8f3fb;
		border: none;
		display:table-row;
		margin-bottom: auto;
	}
	
.tables-style-2 thead {
	display:block;
	display:table-header-group;
}
	.tables-style-2 td,
	.tables-style-2 td:nth-child(odd) {
		display: table-cell;
		padding: 10px;
		width: auto;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	.tables-style-2 td:nth-child(even) {
		border-right: none;
	}
	.tables-style-2 td:before {
		content: "";
		background-color: transparent;
		display:none;
	}
	

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.tables-style-2 td {
		font-size: 1.6em;
	}

}

.tables-style-3 table {
	margin-bottom: 16px;
}

	.mortgages-detail .tables-style-3 table,
	.contact .tables-style-3 table,
	.branch .tables-style-3 table {
		margin-bottom: 0;
	}

	.contact .tables-style-3 table a,
	.branch .tables-style-3 table a {
		table-layout: fixed;
		-ms-word-break: break-all;
         word-break: break-all;
         word-break: break-word;
     	width: 100.2%
	}

		.contact .tables-style-3 table td:first-child,
		.branch .tables-style-3 table td:first-child {
			width: 30%;
		}

		.contact .tables-style-3 table td:last-child,
		.branch .tables-style-3 table td:last-child {
			border-right: 0;
		}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.tables-style-3 table {
		margin-bottom: 22px;
	}

}

.tables-style-3 th {
	background: #032143;
	color: #fff;
	font-size: 1.2em;
	text-align: left;
	padding: 10px;
	border-right: 1px solid #fff;
}

.tables-style-3 tr {
	background: #e8f3fb;
	border-bottom: 1px solid #fff;
}

.tables-style-3 tr:nth-child(even) {
	background: #d3e8f8;
}

.tables-style-3 td {
	font-size: 1.4em;
}

	.branch .tables-style-3 td,
	.contact .tables-style-3 td {
		vertical-align: top;
	}

.tables-style-3 td,
.tables-style-3 td:nth-child(odd) {
	display: table-cell;
	padding: 10px;
	width: auto;
	border-right: 1px solid #fff;
	font-weight: 400;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.tables-style-3 th,
	.tables-style-3 td {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.tables-style-3 th,
	.tables-style-3 td {
		font-size: 1.6em;
	}

}

.tables-style-4 table {
	margin-bottom: 20px;
}

.tables-style-4 th {
	font-weight: 700;
	font-size: 1.6em;
	text-align: left;
}

.tables-style-4 td {
	padding: 5px 0;
	font-size: 1.4em;
}

.help-box table {
	width: 100%;
}

.help-box .btn {
	margin-bottom: 10px;
}
	
	.help-box small {
		font-size: 1.2em;
		color: #7d8690;
	}

.help-box tr {
	background: #e8eaec;
	border-bottom: 1px solid #fff;
}

.help-box tr:nth-child(even) {
	background: #f3f5f6;
}
	.help-box td {
		font-size: 1.6em;
		padding: 10px 15px;
		vertical-align: top;
	}

		.help-box td:nth-child(even) {
			border-left: 1px solid #fff;
		}


/*------------------------------------
Asides
----------------------------------- */

.warning {
	background: #fff;
	text-transform: uppercase;
	padding: 10px 5%;
	color: #052343;
	border: 2px solid #4d5c68;
	clear: both;
	margin-bottom: 20px;
}
.warning-mortgages { /*MCD Representative example */
	padding:0px;
	text-transform: none;
	background: #fff;
	color: #052343;
	border: 2px solid #4d5c68;
	clear: both;
	margin-bottom: 20px;
}
.home .warning-mortgages { /*MCD Representative example */
	background: transparent;
}
.warning-mortgages p {
	text-align:left;
	font-size:1.55em;
	line-height:150%;
}
.home .warning-mortgages p {
	font-size: 1.3em;
	margin-bottom:10px;
}
.warning-no-bg {
	background: none;
}
.promo-box-2 .home .warning { 
	width:100%;
}
	.warning p {
		font-size: 1.4em;
		padding-bottom: 0;
		line-height: 120%;
		text-align: center;
		font-weight: 400;
	}

	.home .warning {
		width: 90%;
		margin: 20px auto;
	}

	.other-products .warning {
		margin-bottom: 0;
	}

@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.warning {
		padding: 8px 20px;
	}

	.l-sidebar .warning {
		margin-top: -10px;
	}

	.home .warning {
		width: 100%;
		margin: 0 0 30px 0;
	}

}

@media screen and (min-width: 56.25em) { /* 900px breakpoint */

	.home .warning {
		width: 65.9375%;
	}

}

.warning-mortgages { /*MCD Representative example */
	padding:0px;
	text-transform: none;
}
.warning-mortgages p {
	text-align:left;
	font-size:1.55em;
	line-height:150%;
}
.download a {
	display: block;
	padding: 8px 5%;
	font-size: 1.6em;
	background: #d4b1d3;
	color: #7c2880;
	text-decoration: none;
}

.download .icon {
	float: right;
	font-size: 1.4em;
}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.download a {
		font-size: 2.0em;
		padding: 8px 10px;
	}

}

@media screen and (min-width: 61.25em) { /* 980px breakpoint */

	.download a {
		font-size: 1.8em;
	}

}

.calc,
.calc:hover {
	background: #5e81bb;
	padding: 10px;
	display: block;
	width: 48.341232227488%;
	float: left;
	text-decoration: none;
	margin-right: 3.317535545024%;
}

.intermediaries-home .calc,
.intermediaries-home .calc:hover {
	width: 100%;
}
	
	.calc p {
		display: none;
	}

	.calc .icon {
		font-size: 4.8em;
		height: 48px;
	}

	.calc p,
	.calc .icon {
		color: #fff;
	}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.intermediaries-home .calc,
	.intermediaries-home .calc:hover {
		width: 48.341232227488%;
	}

	.calc p {
		display: block;
		line-height: 120%;
		float: left;
		width: 70%;
	}

	.calc .icon {
		float: right;
	}

}

@media screen and (min-width: 56.25em) { /* 900px breakpoint */

	.calc p {
		width: 80%;
		padding-bottom: 0;
	}

	.calc .icon {
		font-size: 6.0em;
		height: 60px;
		margin-top: -20px;
	}

}

.notes {
	text-transform: uppercase;
	font-size: 14px;
	color: #a7afb5;
	font-weight: 700;
	display: block;
	margin-bottom: 15px;
	-webkit-font-smoothing: antialiased;
	clear:both; 
}

	@media screen and (min-width: 43.75em) { /* 700px breakpoint */
	
		.mortgages-detail .cta + p,
		.share-this + .notes {
			width: 48.341232227488%;
			float:left;
			clear: none;
			margin-top: 3px;
		}
		
	}

	p .notes {
		margin-bottom: 0;
	}

	.notes-alt {
		text-transform: none;
		color: #182745;
		margin-bottom: 0;
	}

.divider {
	border-top: 1px solid #fcd900;
	padding-top: 20px;
	margin-top: 20px;
}

.responsive-text,
.responsive-text-alt {
	display: block;
	width: 100%;
	line-height: 80%;
	font-weight: 300;
	-webkit-font-smoothing: subpixel-antialiased;
}

	.responsive-text .percent,
	.responsive-text-alt .percent {
		font-size: 0.6em;
	}

/*** RH EDIT 19/01/2015 ***/	
.responsive-text-dual-rate {
	display:inline-block;
	width: 50%;
	line-height: 80%;
	font-weight: 300;
	-webkit-font-smoothing: subpixel-antialiased;
}

.responsive-text-dual-rate .percent {
	font-size: 0.6em;
}

/*** END RH EDIT 19/01/2015 ***/	

.promo-legal {
	text-align: right;
	background: #e8eaec;
	padding-bottom: 0;
	padding: 5px;
}

.branch-name {
	display: block;
	width: 100%;
}

.distance {
	font-size: 0.8em;
	display: block;
}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.branch-name {
		float: left;
		width: 80%;
	}

	.distance {
		display: inline;
		float: right;
		width: 20%;
		text-align: right;
	}

}

.number-overlay {
	display: block;
	padding: 5px 10px;
	background: #254d8a;
	font-size: 1.2em;
	color: #fff;
	font-weight: 400;
}

	.number-overlay p {
		font-weight: 400;
		padding-bottom: 0;
	}

	.number-overlay a,
	.number-overlay a:hover,
	.number-overlay .no-link a,
	.number-overlay .no-link a:hover {
		font-weight: 300;
		line-height: normal;
		display: inline-block;
		color: #fff;
		font-weight: 300;
		-webkit-font-smoothing: subpixel-antialiased;
	}

.map {
	position: relative;
	width: 100%;
}

#map-canvas {
	width: 100%;
	height: 250px;
}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	#map-canvas {
		height: 300px;
	}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.number-overlay {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
	}

	#map-canvas {
		height: 350px;
	}
}

@media screen and (min-width: 75em) { /* 1200px breakpoint */

	.map,
	#map-canvas {
		height: 400px;
	}

}

.number-style-1 { 
	font-size: 2.5em;
	font-weight: 300;
	padding: 10px 0 20px;
	-webkit-font-smoothing: subpixel-antialiased;
	display:block;
}

	.number-strong { 
		font-weight: 900;
	}

.status { 
	margin-top:10px;
	padding-right:0;
	width:190px;
	position: relative;
}

	.status:hover { color:#fff; } 

.status-box { 
	position: absolute;
	top: 0; 
	right: 0; 
	background:red; 
	width:37px; 
	height:37px;
}
		.clock		{ 
			padding-left:45px;
		}

		.good .clock{ background:url(../img/green-clock.gif) 0 9px no-repeat; background-size: 35px 35px; }
		/* .good .clock{ background:url(../img/blue-clock.gif) 0 9px no-repeat; background-size: 35px 35px; } */		
		.slight .clock { background:url(../img/yellow-clock.gif) 0 9px no-repeat; background-size: 35px 35px; }
		.severe .clock { background:url(../img/red-clock.gif) 0 9px no-repeat; background-size: 35px 35px; }
		.unknwon .clock { background:url(../img/grey-clock.gif) 0 9px no-repeat; background-size: 35px 35px; }

		.good .status { background:#33c945; color:#fff; }
		.good .status-box { background:url(../img/service-icons.gif) 0 0 no-repeat #21b632; background-size: 37px 111px; }

	.slight .status { background:#e79f42; color:#fff; }
		.slight .status-box { background:url(../img/service-icons.gif) 0 -37px no-repeat #db891e; background-size: 37px 111px; }
	
	.severe .status{ background:#c93333; color:#fff; }
		.status-box { background:url(../img/service-icons.gif) 0 -74px no-repeat #b61b1b; background-size: 37px 111px; }
	
	.unknown .status { background:#DCDFE1; color:#032143; }
		.unknown .status-box { background:url(../img/service-icons.gif) 0 -111px no-repeat #DCDFE1; background-size: 37px 111px; } 

.issue-information { 
	padding:20px 0 0;

}

.js-notice,
html.no-js .service-list {
	display: none;
}

html.no-js .js-notice {
	display: block;
}

/* ---------------------------------------------------------------------------------------------------------- 
STATES (Describe how our modules or layouts will look when in a particular state)----------------------------
---------------------------------------------------------------------------------------------------------- */

.s-error {
	font-size: 1.6em;
	color: #d41a1a;
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #d41a1a;
	margin-bottom: 10px;
	background: #fff;
}
	
.s-disabled {
	background: #ebebeb;
	color: #999;
}

.show-580 {
	display: none;
}

@media screen and (min-width: 36.25em) { /* 580px breakpoint */

	.hide-580 {
		display: none;
	}

	.show-580 {
		display: block;
	}
}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.hide-700 {
		display: none;
	}

}

/* ---------------------------------------------------------------------------------------------------------- 
OVERRIDES ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.offset-img {
	max-width: 580px;
}

.clear {
	clear: both;
	display: block;
}

.break-word { /* Wrap this around a long URL in a span to break the word onto multiple lines */
	word-break: break-all;
}

.no-link,
.no-link a,
.no-link:hover,
.no-link a:hover {
	text-decoration: none;
	cursor: text;
	color: #182745;
}

.bold {
	font-weight: 700!important;
}

.right {
	float: right;
}

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

.larger {
	font-size: 1.2em;
}
	.larger h3 {
		font-weight: 700;
	}

.w-auto { 
	width:auto!important;
}
.no-padding {
	padding: 0;
}

.n-mt {	margin-top: 0!important; }
.n-mr {	margin-right: 0!important; }
.n-mb {	margin-bottom: 0!important; }
.n-pt {	padding-top: 0!important; }
.n-pr {	padding-right: 0!important; }
.n-pb {	padding-bottom: 0!important; }

.n-border {	border: 0!important; }

.border-t { border-top: 1px solid #032143 }
.border-r { border-right: 1px solid #032143 }

.p-20 { padding: 20px; }
.pt-20 { padding-top: 20px!important; }
.pb-15 { padding-bottom: 15px!important; }
.pl-20 { padding-left: 20px!important; }

.mt-20 { margin-top: 20px; }
.mt-40 { margin-top: 40px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }

.rel { position: relative; }

.o-border-t { border-top: 1px solid #ffb10f; }
	span.o-border-t {
		display: block;
		width: 90%;
		margin: 0 auto;
	}

.img-border { border-bottom: 1px solid #ffb10f; }

.opacity-8 { opacity: 0.8; }

.lt-orange { color: #f2ab00; }

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.neg-m {
		margin-top: 20px;
	}

	span.o-border-t {
		width: 100%;
	}

}

html.mm-opened .mm-page,
html.mm-opened #mm-blocker,
html.mm-opened .mm-fixed-top,
html.mm-opened .mm-fixed-bottom,
html.mm-opened .mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, border, -webkit-transform;
  -moz-transition-property: top, right, bottom, left, border, -moz-transform;
  -ms-transition-property: top, right, bottom, left, border, -ms-transform;
  -o-transition-property: top, right, bottom, left, border, -o-transform;
  transition-property: top, right, bottom, left, border, transform; }
html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
  left: 0%;
  top: 0;
  margin: 0;
  border: 0px solid rgba(0, 0, 0, 0); }
html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker {
  border: 0px solid rgba(100, 100, 100, 0); }

.mm-menu .mm-hidden {
  display: none; }

.mm-fixed-top,
.mm-fixed-bottom {
  position: fixed;
  left: 0; }

.mm-fixed-top {
  top: 0; }

.mm-fixed-bottom {
  bottom: 0; }

html.mm-opened .mm-page,
.mm-menu > .mm-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

html.mm-opened,
html.mm-opened body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }

html.mm-opened .mm-page {
  height: 100%;
  overflow: hidden;
  position: absolute; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: #fff;
  opacity: 0;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-current {
  display: block; }

.mm-menu {
  background: inherit;
  display: none;
  overflow: hidden;
  height: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 0; }
    .mm-menu > .mm-panel.mm-opened {
      left: 0%; }
    .mm-menu > .mm-panel.mm-subopened {
      left: -40%; }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
    .mm-menu > .mm-panel.mm-hidden {
      display: block;
      visibility: hidden; }

.mm-menu .mm-list {
  padding: 20px 0; }
.mm-menu > .mm-list {
  padding: 65px 0 40px 0; }

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-list * {
  -webkit-text-size-adjust: none;
  font-family: "effra", Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-shadow: none; }
.mm-list a,
.mm-list a:hover {
  text-decoration: none; }
.mm-list > li {
  position: relative; }
  .mm-list > li > a,
  .mm-list > li > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    line-height: 20px;
    display: block;
    padding: 15px 40px 15px 20px;
    margin: 0; 
    font-size: 1.2em;
    border: none;
   /* background: url(../img/btn-arrow-white.gif) no-repeat center right;}*/ /* This file doesnt exist + Unused*/
   }
    @media only screen and (-webkit-min-device-pixel-ratio : 1.5),
  only screen and (min-device-pixel-ratio : 1.5) {
    .mm-list > li > a,
    .mm-list > li > span {
     /* background: url(btn-arrow-white@2x.gif) no-repeat center right;*/ /* This file doesnt exist + Unused*/
      background-size: 30px auto;
    }
  }
      .mm-list > li:nth-child(odd) a,
      .mm-list > li:nth-child(odd) span {
        background-color: #394f88;
      }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
  width: auto;
  margin-left: 20px;
  position: relative;
  left: auto; }
.mm-list a.mm-subopen {
  width: 40px;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2; }
  .mm-list a.mm-subopen::before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .mm-list a.mm-subopen.mm-fullsubopen {
    width: 100%; }
    .mm-list a.mm-subopen.mm-fullsubopen:before {
      border-left: none; }
  .mm-list a.mm-subopen + a,
  .mm-list a.mm-subopen + span {
    padding-right: 5px;
    margin-right: 40px; }
.mm-list > li.mm-selected > a.mm-subopen {
  background: transparent; }
.mm-list > li.mm-selected > a.mm-fullsubopen + a,
.mm-list > li.mm-selected > a.mm-fullsubopen + span {
  padding-right: 45px;
  margin-right: 0; }
.mm-list a.mm-subclose {
  text-indent: 20px;
  padding-top: 30px;
  margin-top: -20px; }
.mm-list > li.mm-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px;
  padding-right: 5px; }
.mm-list > li.mm-spacer {
  padding-top: 40px; }
  .mm-list > li.mm-spacer.mm-label {
    padding-top: 25px; }
.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 7px;
  height: 7px;
  margin-bottom: -5px;
  position: absolute;
  bottom: 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }
.mm-list a.mm-subopen:after {
  border-top: none;
  border-left: none;
  right: 18px; }
.mm-list a.mm-subclose:before {
  border-right: none;
  border-bottom: none;
  margin-bottom: -15px;
  left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 16px;
    right: 16px; }

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-ismenu {
  background: #274279; }

.mm-menu {
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05); }

html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker,
html.mm-opened.mm-opening .mm-fixed-top,
html.mm-opened.mm-opening .mm-fixed-bottom {
  left: 80%; }

.mm-menu {
  width: 80%; }

@media all and (max-width: 175px) {
  .mm-menu {
    width: 140px; }

  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 140px; } }
@media all and (min-width: 550px) {
  .mm-menu {
    width: 440px; }

  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 440px; } }
html.mm-nooverflowscrolling.mm-opened {
  height: auto;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: scroll; }
  html.mm-nooverflowscrolling.mm-opened body {
    overflow: auto; }
  html.mm-nooverflowscrolling.mm-opened .mm-page {
    min-height: 1000px;
    position: fixed; }
  html.mm-nooverflowscrolling.mm-opened .mm-menu {
    height: auto;
    min-height: 1000px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    left: auto;
    top: auto; }
  html.mm-nooverflowscrolling.mm-opened > .mm-panel {
    position: relative;
    height: auto;
    display: none;
    left: 0; }
    html.mm-nooverflowscrolling.mm-opened > .mm-panel.mm-current {
      display: block; }

.mm-list > li.mm-label * {
  font: inherit; }

.mm-menu.mm-fixedlabels .mm-list {
  background: inherit; }
  .mm-menu.mm-fixedlabels .mm-list > li.mm-label {
    background: inherit !important;
    opacity: 0.97;
    height: 25px;
    overflow: visible;
    position: relative;
    z-index: 1; }
    .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div {
      background: inherit;
      width: 100%;
      position: absolute;
      left: 0; }
      .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
    .mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div {
      padding-top: 25px; }

.mm-list > li.mm-label > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0; }
.mm-list > li.mm-label.mm-opened a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 17px; }
.mm-list > li.mm-collapsed {
  display: none; }

.mm-menu .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.05); }

em.mm-counter {
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%; }
  em.mm-counter + a.mm-subopen {
    padding-left: 40px; }
    em.mm-counter + a.mm-subopen + a,
    em.mm-counter + a.mm-subopen + span {
      padding-right: 80px; }
  em.mm-counter + a.mm-fullsubopen {
    padding-left: 0; }

.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0; }
.mm-vertical li.mm-selected > em.mm-counter + a.mm-subopen + a,
.mm-vertical li.mm-selected > em.mm-counter + a.mm-subopen + span {
  margin-right: 75px; }

.mm-nosubresults > em.mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

.mm-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-shadow: none;
  background: inherit;
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  width: 100%;
  height: 60px;
  padding: 30px 40px 0 40px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0; }
  .mm-header .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1; }
  .mm-header .mm-prev,
  .mm-header .mm-next {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    display: block;
    width: 40px;
    height: 100%;
    position: absolute;
    bottom: 0; }
    .mm-header .mm-prev:before,
    .mm-header .mm-next:before {
      content: '';
      border: 2px solid transparent;
      display: block;
      width: 7px;
      height: 7px;
      margin-bottom: -5px;
      position: absolute;
      bottom: 50%;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      margin-bottom: -15px; }
  .mm-header .mm-prev {
    left: 0; }
    .mm-header .mm-prev:before {
      border-right: none;
      border-bottom: none;
      left: 22px; }
  .mm-header .mm-next {
    right: 0; }
    .mm-header .mm-next:before {
      border-top: none;
      border-left: none;
      right: 18px; }

.mm-menu.mm-hassearch .mm-header {
  height: 50px;
  padding-top: 20px;
  top: 50px; }
  .mm-menu.mm-hassearch .mm-header .mm-prev:before,
  .mm-menu.mm-hassearch .mm-header .mm-mext:before {
    margin-bottom: -10px; }

.mm-menu.mm-hasheader li.mm-subtitle {
  display: none; }
.mm-menu.mm-hasheader .mm-panel {
  padding-top: 80px; }
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
  padding-top: 120px; }
.mm-menu.mm-hasheader.mm-ismenu > .mm-panel {
  padding-top: 60px; }
.mm-menu.mm-hasheader.mm-ismenu.mm-hassearch > .mm-panel {
  padding-top: 100px; }

.mm-menu .mm-header {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-header a:before {
    border-color: rgba(255, 255, 255, 0.3); }

.mm-search,
.mm-search input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.mm-search {
  background: inherit;
  width: 100%;
  height: 50px;
  padding: 10px;
  position: relative;
  top: 0;
  z-index: 2; }
  .mm-search input {
    -webkit-text-size-adjust: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-shadow: none;
    border: none;
    border-radius: 15px;
    line-height: 30px;
    outline: none;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 10px; }

.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none; }
  .mm-menu li.mm-nosubresults > a.mm-subopen + a,
  .mm-menu li.mm-nosubresults > a.mm-subopen + span {
    padding-right: 10px; }
.mm-menu li.mm-noresults {
  text-align: center;
  font-size: 20px;
  display: none;
  padding-top: 80px; }
  .mm-menu li.mm-noresults:after {
    border: none; }
.mm-menu.mm-noresults li.mm-noresults {
  display: block; }
.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 60px; }

.mm-menu .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu li.mm-noresults {
  color: rgba(255, 255, 255, 0.3); }

html.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  left: 100%; }

.mm-menu.mm-fullscreen {
  width: 100%; }

@media all and (max-width: 140px) {
  .mm-menu.mm-fullscreen {
    width: 140px; }

  html.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 140px; } }
@media all and (min-width: 10000px) {
  .mm-menu.mm-fullscreen {
    width: 10000px; }

  html.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 10000px; } }
.mm-menu.mm-top.mm-fullscreen {
  height: 100%; }

html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
  top: 100%; }
html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  bottom: -100%; }

@media all and (max-height: 140px) {
  .mm-menu.mm-top.mm-fullscreen {
    height: 140px; }

  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 140px; }
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -140px; } }
@media all and (min-height: 10000px) {
  .mm-menu.mm-top.mm-fullscreen {
    height: 10000px; }

  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 10000px; }
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -10000px; } }
.mm-menu.mm-right.mm-fullscreen {
  width: 100%; }

html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  right: 100%; }

@media all and (max-width: 140px) {
  .mm-menu.mm-right.mm-fullscreen {
    width: 140px; }

  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 140px; } }
@media all and (min-width: 10000px) {
  .mm-menu.mm-right.mm-fullscreen {
    width: 10000px; }

  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 10000px; } }
.mm-menu.mm-bottom.mm-fullscreen {
  height: 100%; }

html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  bottom: 100%; }
html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
  top: -100%; }

@media all and (max-height: 140px) {
  .mm-menu.mm-bottom.mm-fullscreen {
    height: 140px; }

  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 140px; }
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: -140px; } }
@media all and (min-height: 10000px) {
  .mm-menu.mm-bottom.mm-fullscreen {
    height: 10000px; }

  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 10000px; }
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: -10000px; } }
.mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
  left: -100%; }

@media all and (max-width: 140px) {
  .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
    left: -140px; } }
@media all and (min-width: 10000px) {
  .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
    left: -10000px; } }
.mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
  top: -100%; }

@media all and (max-height: 140px) {
  .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
    top: -140px; } }
@media all and (min-height: 10000px) {
  .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
    top: -10000px; } }
.mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
  right: -100%; }

@media all and (max-width: 140px) {
  .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
    right: -140px; } }
@media all and (min-width: 10000px) {
  .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
    right: -10000px; } }
.mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
  bottom: -100%; }

@media all and (max-height: 140px) {
  .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
    bottom: -140px; } }
@media all and (min-height: 10000px) {
  .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
    bottom: -10000px; } }
html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto; }
html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-top {
  top: 0; }
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0; }

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important; }

/*
  The CSS rules in this file should force all transitions for the menu into hardware acceleration.
  Unfortunately, this is really buggy in different browsers.
  Use with caution and test thoroughly!
*/
html.mm-accelerated.mm-opened .mm-page,
html.mm-accelerated.mm-opened #mm-blocker,
html.mm-accelerated.mm-opened .mm-menu.mm-front,
html.mm-accelerated.mm-opened .mm-menu.mm-next {
  -webkit-transform: translate3d(0, 0, 0px);
  -moz-transform: translate3d(0, 0, 0px);
  -ms-transform: translate3d(0, 0, 0px);
  -o-transform: translate3d(0, 0, 0px);
  transform: translate3d(0, 0, 0px); }
html.mm-accelerated.mm-opened.mm-opening .mm-page,
html.mm-accelerated.mm-opened.mm-opening #mm-blocker,
html.mm-accelerated.mm-opened.mm-opening .mm-menu.mm-front,
html.mm-accelerated.mm-opened.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate3d(0, 0, 1px);
  -moz-transform: translate3d(0, 0, 1px);
  -ms-transform: translate3d(0, 0, 1px);
  -o-transform: translate3d(0, 0, 1px);
  transform: translate3d(0, 0, 1px); }
html.mm-accelerated .mm-menu.mm-horizontal .mm-panel {
  -webkit-transform: translate3d(0, 0, 0px);
  -moz-transform: translate3d(0, 0, 0px);
  -ms-transform: translate3d(0, 0, 0px);
  -o-transform: translate3d(0, 0, 0px);
  transform: translate3d(0, 0, 0px); }
  html.mm-accelerated .mm-menu.mm-horizontal .mm-panel.mm-opened {
    -webkit-transform: translate3d(0, 0, 1px);
    -moz-transform: translate3d(0, 0, 1px);
    -ms-transform: translate3d(0, 0, 1px);
    -o-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px); }
    html.mm-accelerated .mm-menu.mm-horizontal .mm-panel.mm-opened.mm-subopened {
      -webkit-transform: translate3d(0, 0, 2px);
      -moz-transform: translate3d(0, 0, 2px);
      -ms-transform: translate3d(0, 0, 2px);
      -o-transform: translate3d(0, 0, 2px);
      transform: translate3d(0, 0, 2px); }

.mm-menu.mm-top {
  width: 100%; }

html.mm-top.mm-opened .mm-page,
html.mm-top.mm-opened #mm-blocker {
  top: 0%; }

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top,
html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
  left: 0; }

.mm-menu.mm-right {
  left: auto;
  right: 0; }

html.mm-right.mm-opened .mm-page,
html.mm-right.mm-opened #mm-blocker,
html.mm-right.mm-opened .mm-fixed-top,
html.mm-right.mm-opened .mm-fixed-bottom {
  left: auto;
  right: 0%; }

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
  left: auto; }

.mm-menu.mm-bottom {
  width: 100%;
  top: auto;
  bottom: 0; }

html.mm-bottom.mm-opened .mm-page,
html.mm-bottom.mm-opened #mm-blocker {
  bottom: 0%;
  top: auto; }

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-top,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
  top: auto;
  left: 0; }

.mm-menu.mm-top {
  height: 80%; }

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top {
  top: 80%; }
html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
  bottom: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-top {
    height: 140px; }

  html.mm-top.mm-opened.mm-opening .mm-page,
  html.mm-top.mm-opened.mm-opening #mm-blocker,
  html.mm-top.mm-opened.mm-opening .mm-fixed-top {
    top: 140px; }
  html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: -140px; } }
@media all and (min-height: 1100px) {
  .mm-menu.mm-top {
    height: 880px; }

  html.mm-top.mm-opened.mm-opening .mm-page,
  html.mm-top.mm-opened.mm-opening #mm-blocker,
  html.mm-top.mm-opened.mm-opening .mm-fixed-top {
    top: 880px; }
  html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: -880px; } }
.mm-menu.mm-right {
  width: 80%; }

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
  right: 80%; }

@media all and (max-width: 175px) {
  .mm-menu.mm-right {
    width: 140px; }

  html.mm-right.mm-opened.mm-opening .mm-page,
  html.mm-right.mm-opened.mm-opening #mm-blocker,
  html.mm-right.mm-opened.mm-opening .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    right: 140px; } }
@media all and (min-width: 550px) {
  .mm-menu.mm-right {
    width: 440px; }

  html.mm-right.mm-opened.mm-opening .mm-page,
  html.mm-right.mm-opened.mm-opening #mm-blocker,
  html.mm-right.mm-opened.mm-opening .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    right: 440px; } }
.mm-menu.mm-bottom {
  height: 80%; }

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
  bottom: 80%; }
html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
  top: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-bottom {
    height: 140px; }

  html.mm-bottom.mm-opened.mm-opening .mm-page,
  html.mm-bottom.mm-opened.mm-opening #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: 140px; }
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
    top: -140px; } }
@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom {
    height: 880px; }

  html.mm-bottom.mm-opened.mm-opening .mm-page,
  html.mm-bottom.mm-opened.mm-opening #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: 880px; }
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
    top: -880px; } }
html.mm-front.mm-opened .mm-page {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important; }

.mm-menu.mm-front,
.mm-menu.mm-next {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, -webkit-transform;
  -moz-transition-property: top, right, bottom, left, -moz-transform;
  -ms-transition-property: top, right, bottom, left, -o-transform;
  -o-transition-property: top, right, bottom, left, -o-transform;
  transition-property: top, right, bottom, left, transform; }

html.mm-front .mm-page,
html.mm-front #mm-blocker {
  z-index: 0; }

.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

html.mm-opened.mm-next .mm-page {
  box-shadow: none; }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  left: 0%; }

.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
  left: 0; }

html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next {
  left: 0;
  top: 0%; }

.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
  left: auto; }

html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next {
  left: auto;
  right: 0%; }

.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
  top: auto;
  left: 0; }

html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next {
  left: 0;
  bottom: 0%; }

.mm-menu.mm-front, .mm-menu.mm-next {
  left: -80%; }

@media all and (max-width: 175px) {
  .mm-menu.mm-front, .mm-menu.mm-next {
    left: -140px; } }
@media all and (min-width: 550px) {
  .mm-menu.mm-front, .mm-menu.mm-next {
    left: -440px; } }
.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
  top: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
    top: -140px; } }
@media all and (min-height: 1100px) {
  .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
    top: -880px; } }
.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
  right: -80%; }

@media all and (max-width: 175px) {
  .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
    right: -140px; } }
@media all and (min-width: 550px) {
  .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
    right: -440px; } }
.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
  bottom: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
    bottom: -140px; } }
@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
    bottom: -880px; } }
html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto; }
html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-top {
  top: 0; }
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0; }

html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-ismenu.mm-light {
  background: #f3f3f3; }

.mm-menu.mm-light {
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.6);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-light .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-light .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light li.mm-noresults {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-header a:before {
    border-color: rgba(0, 0, 0, 0.3); }

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-ismenu.mm-white {
  background: white; }

.mm-menu.mm-white {
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-white .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.08); }
  .mm-menu.mm-white .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white li.mm-noresults {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-header a:before {
    border-color: rgba(0, 0, 0, 0.3); }

html.mm-opened.mm-black .mm-page {
  box-shadow: none; }

.mm-ismenu.mm-black {
  background: black; }

.mm-menu.mm-black {
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-list > li:after {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-black .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.25); }
  .mm-menu.mm-black .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.15); }
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black li.mm-noresults {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-header a:before {
    border-color: rgba(255, 255, 255, 0.3); }

html.mm-slide .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-slide.mm-opened .mm-menu {
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%); }
html.mm-slide.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-right.mm-opened .mm-menu {
  -webkit-transform: translateX(40%);
  -moz-transform: translateX(40%);
  -ms-transform: translateX(40%);
  -o-transform: translateX(40%);
  transform: translateX(40%); }
html.mm-slide.mm-right.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-top.mm-opened .mm-menu {
  -webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -o-transform: translateY(-40%);
  transform: translateY(-40%); }
html.mm-slide.mm-top.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }
html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: translateY(40%);
  -moz-transform: translateY(40%);
  -ms-transform: translateY(40%);
  -o-transform: translateY(40%);
  transform: translateY(40%); }
html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }

html.mm-zoom-menu .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-zoom-menu.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(-40%);
  -moz-transform: scale(0.7, 0.7) translateX(-40%);
  -ms-transform: scale(0.7, 0.7) translateX(-40%);
  -o-transform: scale(0.7, 0.7) translateX(-40%);
  transform: scale(0.7, 0.7) translateX(-40%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
html.mm-zoom-menu.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(40%);
  -moz-transform: scale(0.7, 0.7) translateX(40%);
  -ms-transform: scale(0.7, 0.7) translateX(40%);
  -o-transform: scale(0.7, 0.7) translateX(40%);
  transform: scale(0.7, 0.7) translateX(40%);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center; }
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(-40%);
  -moz-transform: scale(0.7, 0.7) translateY(-40%);
  -ms-transform: scale(0.7, 0.7) translateY(-40%);
  -o-transform: scale(0.7, 0.7) translateY(-40%);
  transform: scale(0.7, 0.7) translateY(-40%);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top; }
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(40%);
  -moz-transform: scale(0.7, 0.7) translateY(40%);
  -ms-transform: scale(0.7, 0.7) translateY(40%);
  -o-transform: scale(0.7, 0.7) translateY(40%);
  transform: scale(0.7, 0.7) translateY(40%);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom; }
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }

html.mm-zoom-page.mm-opened .mm-page {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
html.mm-zoom-page.mm-opening .mm-page {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5); }
html.mm-zoom-page.mm-right.mm-opened .mm-page {
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center; }
html.mm-zoom-page.mm-top.mm-opened .mm-page {
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top; }
html.mm-zoom-page.mm-bottom.mm-opened .mm-page {
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom; }

html.mm-zoom-panels .mm-panel {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
  html.mm-zoom-panels .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
    html.mm-zoom-panels .mm-panel.mm-opened.mm-subopened {
      -webkit-transform: scale(0.7, 0.7);
      -moz-transform: scale(0.7, 0.7);
      -ms-transform: scale(0.7, 0.7);
      -o-transform: scale(0.7, 0.7);
      transform: scale(0.7, 0.7); }

@font-face { /*IE Fix */
  font-family: "lbs-icon-font";
  src:url(../fonts/lbs-icon-font.eot);
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: "lbs-icon-font";
  src:url(../fonts/lbs-icon-font.eot);
  src:url(../fonts/lbs-icon-font.eot?#iefix) format("embedded-opentype"),
    url(../fonts/lbs-icon-font.woff) format("woff"),
    url(../fonts/lbs-icon-font.ttf) format("truetype"),
    url(../fonts/lbs-icon-font.svg#lbs-icon-font) format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "lbs-icon-font" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "lbs-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  bottom: -2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-download-icon:before {
  content: "a";
}
.icon-fa-icon:before {
  content: "b";
}
.icon-member-icon:before {
  content: "c";
}
.icon-mortgagecalc-icon:before {
  content: "d";
}
.icon-phone-icon:before {
  content: "e";
}
.icon-savingscalc-icon:before {
  content: "f";
}
.icon-laptop-icon:before {
  content: "g";
}
.icon-map-icon:before {
  content: "h";
}
.nofill-blue li:first-child, 
.nofill-blue li:nth-child(4n+4), 
.nofill-blue li:nth-child(4n+5),
.nofill-blue li:nth-child(odd),
.nofill-blue li.l-col-3:nth-child(odd) {
	background: #e8f3fb;
}


			
.no-styles {
	background: none !important;
	text-decoration: underline !important;
	color: #182745 !important;
	padding:0px !important;
	font-size: 1.0em !important;
	line-height: 130% !important;
	display:inline !important;
}
.protection-legalGen {
	font-size: 2em !important;
	font-weight: normal !important;
	margin-top: 20px;
}
#cookieNotice {
		opacity:1;
		background-color:#182746;
		position:fixed;
		width:100%;
		height:75px;
		bottom:0px;
		left:0px;
		right:0px;
		transition: 2s;
		-webkit-transition: 2s;
		-o-transition: 2s;
		-ms-transition: 2s;
		-gecko-transition: 2s;
	}	
	#cookieNotice a {color: #fff;}
	#cookieInner {
		margin: 0px auto;
		padding: 5px;
		color: rgb(255, 255, 255);
		font-size: 1em;	
		position:relative;
	}
	#cookieInner img {
		height:25px;
		width:25px;
	}
	#cookieInner .l-col-0 p{width:90%;}
	#cookieInner .l-col-0 p.closeCookie{width:100%;}
	.m-c-l,.m-c-c,
	.m-c-r img,
	.m-c-r p,
	#cookieInner .l-wrapper,
	#cookieInner .l-col-0 p,
	#leftImageWarning{
		display:inline-block;
		*display:inline;
		zoom:1;
		vertical-align:top;
		margin-bottom:1px;
		padding-right:5px;	
	}
	.m-c-c {width:79%;}
	.m-c-l {width:25px;}
	.m-c-r {
		position:absolute;
		bottom:-10px;
		right:10px;
		margin-top:15px;
		transition: 2s;
		-webkit-transition: 2s;
		-o-transition: 2s;
		-ms-transition: 2s;
		-gecko-transition: 2s;
	}

	.m-c-r p {vertical-align:middle;}
	.gt-IE9 .m-c-r img {margin-left: 5px;}
	.closeCookie {	cursor:pointer;	width:100%;}	
	#cookieInner.l-wrapper,#cookieInner .l-col-0 {
		background:none;
		padding:5px;	
	}
	@media screen and (max-width:75em){
		#cookieInner p{font-size: 1.4em;}
		.m-c-r {bottom:-20px;}
	}
	@media screen and (max-width: 62.5em){.closeCookie a{ color: rgba(0,0,0,0);}}
	@media screen and (max-width: 52em){#cookieNotice {	height:100px;}}
	@media screen and (max-width: 35.375em){
		.m-c-s {	width:7%;	}
		#cookieInner {	padding:10px 0px;	}
		#leftImageWarning {	display:none;}
		#cookieInner .l-col-0 p{width:100%;	}
		.m-c-r {bottom:-20px;}
	}
	@media screen and (max-width: 28.125em){
		#cookieNotice {	height:150px;	}	
		.m-c-r {bottom:-30px;}
	}
/*small.apr-text {
	font-size: 1.5em;	
}*/
.more-info ul+p {
	margin-top :20px;	
}
@media screen and (max-width:56em){
	.home .warning.warning-wider p {
		font-size:1.2em;
	}
}
@media screen and (min-width:56em){
	.home .warning.warning-wider p {
		font-size:1.225em;
	}
}

.home .warning.warning-wider {
	width:100%;
	margin:10px 0px 0px 0px !important;
	background-color: rgba(255,255,255,0.5);
}
		.home .warning.warning-wider p {
			margin:0px;
			font-weight:300;
		}
/* OLD STYLE */
.please-note {
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:bottom;
	
}
.please-note p {
	font-size: 1.9em;
}
.please-note * {
	color: #fff !important;
}
/*New Style*/
.please_note {
	margin:20px 0;
	background-color: rgb(24, 39, 70);
	color: #fff;
	width:100%;
}
.ie8 .please_note {
	padding-bottom:20px!important;
}
.please_note > div{
	font-size: 1.6em;
	padding:20px;
}
.please_note > div div.excla {
	width:27px;
	height:27px;
	margin-right:10px;
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:middle;
	background-image:url(../img/cookie-notice-warning.png);
}
.please_note > div span {
	display:block;
	padding-left:40px;
	font-weight: normal;
}
				
img.please-note  {
	width:25px;
	margin-left:-10px;
}

/*Start of tooltipster.css */
.tooltipster-default {
	background: #182746;
	color: #fff;
	max-width: 300px;
}
.tooltipster-default .tooltipster-content {
	font-family: "Effra";
	font-size: 16px;
	line-height: 18px;
	padding: 16px;
	overflow: hidden;
	font-weight: 400;
}
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}
.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.help {
	cursor: pointer;	
	padding-left:10px;
	padding-top:18px;
	margin-top:5px;
	background-image: url("../img/help-button.png");
	background-repeat: no-repeat;
	color: #fff;
	width:10px;
	float:left;
	display:inline-block;
}
/* End of tooltipster CSS */
.press_image_box div{
	padding-bottom:20px;
	background-color: rgb(231, 234, 236) !important;
}
/*Styles for input boxes - Must use std-form-field to prevent styles breaking./ 
select.std-form-field,
input[type="text"].std-form-field,
input[type="file"].std-form-field,
input[type="email"].std-form-field,
input[type="number"].std-form-field,
input[type="date"].std-form-field,
textarea {
	margin:3px 0;
	border:solid 3px #acc5d8;
	border-radius: 0;
}*/

select {
	cursor:pointer;
}

form label {
	display:block;
	vertical-align:top;
	font-size:1.6em;
}

	form label em {
		font-size:0.8em;
		font-weight:400;
		font-style:normal;
	}

	form label span.asterisk {
		color:#F53C3A;
	}

.boxComments {
	background: none repeat scroll 0% 0% #FFF;
	padding: 8px 10px;
	font-size: 1.6em;
	font-weight:400;
	width: 100%;
	height: 155px;
	box-sizing: border-box;	
}

.wideLabel { /* Afford calc */
	width:230px;
	display:inline-block;	
	*display:inline; /*IE 6+ Fix */
	*margin-bottom:1px;
	zoom:1;
	vertical-align:top;
}

div.form-group {
	margin: 20px 0 0 0;
	display:block;
	clear:both;
}

div.form-group-less div.form-group + div.form-group {
	margin-top: 10px;
}

	div.form-group input[type="submit"].btn,
	div.form-group button[type="submit"].btn {
		float:right;
	}

/* Error Elements */
	input.error,
	select.error,
	textarea.error {
	  border-color: #EF8E95;
	}
	div.error {
		clear:both;
		font-size: 1.5em;
		color: #F53C3A;
		font-style: normal;
	}
.std-form-field {
	width: 100%;
	height: 45px;
	
	background: #fff;
	padding: 8px 10px;
	font-size: 1.6em;
	font-weight:400;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.short-form-field {
	width: 30%;
	height: 45px;
	
	background: #fff;
	padding: 8px 10px;
	font-size: 1.6em;
	display:block;
	clear:both;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Styles for input boxes EOF*/

/* Start CSS for smaller style homepage banner text */
@media screen and (min-width: 43.75em) { /* 700px breakpoint */
  .smaller-text.hero-box {
   /* bottom: 75px; */
  }
  .smaller-text.hero-box p {
    font-size:3.0em;
  }

}
@media screen and (min-width: 56.25em) { /* 900px breakpoint */
  .smaller-text.hero-box p {
    font-size: 4.0em;
  }
  .smaller-text.hero-box {
    bottom: 100px;
  }

}
@media screen and (min-width: 75em) { /* 1200px breakpoint */
  .smaller-text.hero-box p {
    font-size: 5.6em;
  }

}
/* End CSS for smaller style homepage banner text */

/* Turn a list into a tick list. */
ul.tickList li{
	list-style-image: url(../img/tick.gif);
}

.newsroller {
	background-color: #D3E8F8;
	color: #182746;
	padding:0px;
	margin-left :0px;
	overflow:hidden;
	margin-bottom:0px;
	height:100%;
	transition: all 2s ease;
	display:block;
	position:relative;
}
.newsroller .newsroller-see-more {
	margin-bottom:20px;
	padding:10px 0px;
}
.newsroller .newsroller-article {
	margin-bottom: 0px;
	margin-top:20px;
	font-size:0.9em;

	padding: 0px 35px;
	display:none;
	

}
.newsroller .newsroller-article.current {
	display:block;
	animation: fadeIn 0.5s;
}
.newsroller .newsroller-article .newsroller-headline {
	margin-bottom:0px;
}
.newsroller .newsroller-article p {
	margin-bottom:0px;
	padding-bottom:0px;
}
.newsroller .newsroller-article .newsroller-by {
	display:block;
	font-size:0.8em;
	color: #535D68;
	font-weight:bold;
}
.newsroller .newsroller-article .newsroller-story {
	padding-top:10px;
	margin-bottom:10px;
}
.newsroller .newsroller-article .newsroller-readmore {
	font-weight:bold;
	text-align:right;
	padding-bottom:20px;
}
.newsroller .newsroller-article .newsroller-created {
	font-weight:bold;
	padding-bottom:20px;
	color: #535D68;
}
.newsroller .btn {
	text-align: right;
}
.newsroller .l-col-3 {
	margin-bottom:0px!important;
}
.btn.btn-no-arrow {
	background: none;
	background-color: #FFD908;
	text-align:center;
	padding: 8px 20px 8px 20px;
}
.newsroller .floating-btn{
	z-index:1000;
	position:absolute;
	width:20px;	
	height:20%;
	top:40%;
	background: url(../img/btn-arrow-dgrey.gif) no-repeat scroll center center #A7AFB5;
	cursor:pointer;
	transition:2s;
}
.newsroller .floating-btn.r{
	right:0px;
	
}
.newsroller .floating-btn.l{
	left:0px;
	transform:rotate(180deg);
}

/* New nav */
.main-navigation {
  display: none;
  font-weight: normal;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.custom-search-container {
  display: none; }

.gsst_a {
  padding: 7px 2px 6px !important;
  height: 12px !important; }

.gsc-input-box-focus {
  box-shadow: none !important; }

input#gsc-i-id2 {
  margin-top: -3px !important; }
@media screen and (max-width: 43.75em){
	.main-sub-nav {
		display:none;
	}
}
@media screen and (min-width: 43.75em) {
  .main-mobile-menu {
    display: none; }
  .mobile-menu-btn {
    display: none; }
  .main-navigation {
    display: block;
    z-index: 100;
    position: relative; }
    .main-navigation .dropdown-open a {
      position: relative; }
      .main-navigation .dropdown-open a:after {
        display: block;
        content: "";
        height: 2px;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #5478b2; }
    .main-navigation .current {
      background-color: #5478b2;
      color: #fff; }
    .main-navigation .current a {
      background-color: #5478b2;
      color: #fff; }
    .main-navigation li {
      float: left;
      list-style: none; }
      .main-navigation li .view-all {
        font-size: 20px; }
      .main-navigation li .view-all:hover {
        text-decoration: none; }
    .main-navigation a {
      font-size: 1.25em;
      display: block;
      padding: 0 6px;
      margin-right: 2px;
      text-decoration: none;
      line-height: 30px;
      background-color: #d3e8f8;
      color: #032143; }
    .mod-no-touch .main-navigation a:hover {
      background-color: #FCE354; }
    .main-navigation i {
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #032143;
      position: relative;
      top: 11px;
      left: 3px; }
    .main-navigation .home-link a:hover {
      background-color: #ffd900; }
    .main-navigation .dropdown-open a {
      background-color: #5478b2 !important;
      color: #fff !important; }
    .main-navigation .dropdown-open i {
      border-top: 4px solid #ffd900; }
    .main-navigation .navigation-site {
      float: left;
      margin: 0 0 -30px 5%; }
      /*.home .main-navigation .navigation-site .home-link .home-icon {
        width: 20px;
        text-indent: -9999px;
        background: url("../img/home-icon-white.png") no-repeat #d3e8f8;
        background-position: center center; }*/
        .main-navigation .navigation-site .home-link .home-icon:hover {
          background: url("../img/home-icon.png") no-repeat #ffd900;
          background-position: center center; }
      .main-navigation .navigation-site .home-link .current {
        background-color: #5478b2; }
      .main-navigation .navigation-site .your-society {
        margin: 0 0 -30px 5%; }
    .main-navigation .navigation-user {
      float: right;
      margin: 0 5% 0 0; }
  .your-society-link a {
    margin-right: 0; }
  .your-society-link.dropdown-open .o-link:hover {
    background: #5478b2 !important;
    color: #fff !important; }
  .your-society-link.dropdown-open .o-link {
    background: #5478b2 !important;
    color: #fff !important; }
  .main-sub-nav {
    position: relative;
    display: block;
    z-index: 10; }
  .home .main-navigation li a {
    background-color: #fff; }
  .mod-no-touch .main-navigation li a:hover {
    background-color: #5478b2;
    color: #fff; }
/*  .your-society .main-navigation ul li > a {
    background-color: #fff; }*/
  /*.your-society .main-navigation .navigation-user {
    float: right;
    margin: 0 5% -30px 0; }*/
  .intermediaries .home-link .home-icon {
    background-color: #d3e8f8; }
  .ireland .home-link .home-icon {
    background-color: #d3e8f8; }
  .gibraltar .home-link .home-icon {
    background-color: #d3e8f8; }
  .home .home-link .home-icon, .intermediaries-home .home-link .home-icon {
    background-image: url(../img/home-icon-white.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #5478b2;
    color: #fff; }
  .o-link {
    background-color: #ffd900 !important;
    color: #182745; }
  .o-link:hover {
    background-color: #ffd900 !important;
    color: #182745 !important; }
  .b-link {
    background-color: #274e89 !important;
    color: #fff !important; }
  .b-link:hover {
    background-color: #5478b2 !important; }
  .your-society .current a {
    background-color: #ffd900 !important;
    color: #182745 !important; }
  .main-sub-nav {
    z-index: 110;
    position: relative;
    top: 5px;
    float: right;
    clear: right; }
    .main-sub-nav ul li {
      list-style: none;
      display: inline-block; }
      .main-sub-nav ul li > a, .main-sub-nav ul li > span {
        display: block;
        padding: 5px;
        color: #fff;
        font-size: 1.6em;
        text-decoration: none; }
      .main-sub-nav ul li > a:hover, .main-sub-nav ul li > span:hover {
        color: #6a81b9; }
    .main-sub-nav ul > .find-branch i {
      display: inline-block;
      padding-right: 10px;
      width: 29px;
      height: 24px;
      background: url("../img/nav/find-us.png") no-repeat; }
    .main-sub-nav ul > .contact-us i {
      display: inline-block;
      padding-right: 10px;
      width: 28px;
      height: 21px;
      background: url("../img/nav/phone.png") no-repeat; }
    .main-sub-nav ul > .custom-search {
      position: relative; }
      .main-sub-nav ul > .custom-search > span {
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        position: relative;
        cursor: pointer; }
        .main-sub-nav ul > .custom-search > span > i {
          display: inline-block;
          padding-right: 8px;
          width: 21px;
          height: 21px;
          background: url("../img/nav/search.png") no-repeat; }
      .main-sub-nav ul > .custom-search > .custom-search-container {
        position: absolute;
        top: 35px;
        right: 0;
        padding: 10px 10px 4px;
        width: 400px;
        background: #5478b2; }
        .main-sub-nav ul > .custom-search > .custom-search-container p {
          padding-bottom: 4px;
          color: #fff; }
      .main-sub-nav ul > .custom-search.active > span {
        color: #fff;
        background: #5478b2; }
      .main-sub-nav ul > .custom-search.active > .custom-search-container {
        display: block; }
  .home .main-navigation .navigation-user, .your-society .main-navigation .navigation-user {
    margin: 0 5% -35px 0; }
  .drop-down-container {
    display: none;
    position: absolute;
    top: 32px;
    left: 0;
    margin: 0 5%;
    padding: 5px;
    background: #5478b2;
    color: #fff; }
    .drop-down-container .view-all {
      font-size: 16px !important; }
      .drop-down-container .view-all:hover {
        text-decoration: none !important; }
    .drop-down-container h3 {
      margin-bottom: 10px;
      font-size: 20px; }
    .drop-down-container p {
      font-size: 14px; }
    .drop-down-container h4 {
      font-size: 16px;
      margin-bottom: 0;
      margin-top: 6px; }
    .drop-down-container .btn {
      width: 170px;
      padding: 0px 40px 0 10px;
      font-size: 14px;
      background: url("../img/btn-arrow-dorange.gif") no-repeat center right #ffd900;
      cursor: pointer; }
    .drop-down-container .btn:hover {
      background-color: #ffd900;
      color: #182745; }
    .drop-down-container .view-all:hover {
      text-decoration: none; }
    .drop-down-container .intro {
      float: left;
      width: 200px;
      margin: 10px; }
    .drop-down-container ul li a:hover {
      text-decoration: underline; }
    .drop-down-container .double-column {
      float: left;
      margin: 10px; }
      .drop-down-container .double-column ul {
        margin-right: 10px;
        list-style: inherit; }
      .drop-down-container .double-column li {
        line-height: 14px; 
		padding: 2px 0px;}
      .drop-down-container .double-column li a {
        padding: 0;
        background-color: transparent;
        color: #ffd900;
        text-decoration: underline;
        font-size: 0.8em;
        text-decoration: none;
        line-height: 24px; }
      .drop-down-container .double-column a {
        display: inline-block;
        background: transparent;
        color: #fff;
        text-decoration: underline; }
      .drop-down-container .double-column .view-all {
        font-size: 14px; }
    .drop-down-container .single-column {
      margin: 10px;
      float: left; }
      .drop-down-container .single-column ul {
        float: left;
        margin-right: 10px;
        list-style: inherit; }
      .drop-down-container .single-column li {
        line-height: 14px; 
		padding: 2px 0px;}
      .drop-down-container .single-column li a {
        padding: 0;
        background-color: transparent;
        color: #ffd900;
        text-decoration: underline;
        font-size: 0.8em;
        text-decoration: none;
        line-height: 24px; }
      .drop-down-container .single-column a {
        display: inline-block;
        background: transparent;
        color: #fff;
        text-decoration: underline; }
    .drop-down-container .mortgage-drop {
      max-width: 635px; }
      .drop-down-container .mortgage-drop .intro {
        width: 200px; }
      .drop-down-container .mortgage-drop .double-column ul {
        float: left; }
      .drop-down-container .mortgage-drop .double-column .left-margin {
        margin-left: 20px; }
      .drop-down-container .mortgage-drop .remove-list-style h4 {
        margin-top: -21px;
        margin-bottom: 0;
        color: #fff; }
      .drop-down-container .mortgage-drop .remove-list-style a {
        padding: 0 6px;
        margin-right: 2px;
        margin-top: 4px;
        color: #fff !important;
        text-decoration: underline !important;
        font-size: 18px; }
        .drop-down-container .mortgage-drop .remove-list-style a:hover {
          text-decoration: none; }
    .drop-down-container .remove-list-style {
      margin-left: -18px;
      list-style: none; }
      .drop-down-container .remove-list-style h4 {
        margin-top: -21px;
        margin-bottom: 0; }
      .drop-down-container .remove-list-style a {
        padding: 0 6px;
        margin-right: 2px;
        margin-top: 4px;
        color: #fff !important;
        text-decoration: underline !important;
        font-size: 18px; }
        .drop-down-container .remove-list-style a:hover {
          text-decoration: none; }
    .drop-down-container ul {
      padding-left: 20px; }
    .drop-down-container li {
      display: list-item;
      float: none;
      list-style: inherit;
      font-size: 17px;
      color: #ffd900;
      line-height: 36px; } }
@media screen and (min-width:45.625){
	.main-navigation a {
      font-size: 1.3em;
	}
}

@media screen and (min-width: 767px) {
  .main-navigation li a:active i {
    border: none;
    background: url("../img/nav/arrow-yellow.png") no-repeat;
    background-size: cover;
    margin-right: 0px;
    padding-right: 0px; }
  .main-navigation li a:hover i {
    border: none;
    background-size: cover;
    margin-right: 0px;
    padding-right: 0px; }
  .main-navigation i {
    display: inline-block;
    top: 0;
    left: 0;
    margin-left: 4px;
    width: 12px;
    height: 7px;
    border: none;
    background: url("../img/nav/arrow.png") no-repeat;
    background-size: cover;
    font-weight: normal; }
  .main-navigation .dropdown-open i {
    border: none;
    background: url("../img/nav/arrow-yellow.png") no-repeat;
    background-size: cover; }
  .drop-down-container {
    padding: 10px; }
  .mod-touch .main-navigation .dropdown-open i {
    border: none;
    background: url("../img/nav/arrow-yellow.png") no-repeat;
    background-size: cover;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .main-sub-nav {
    top: 0; }
    .main-sub-nav ul li > a {
      padding: 15px; } }

@media screen and (min-width: 814px) {
  .main-navigation a {
    font-size: 1.4em; }
  .drop-down-container .double-column .remove-list-style a {
    margin-top: 0;
    padding: 0 10px;
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
    line-height: 35px; }
  .drop-down-container .single-column .remove-list-style a {
    margin-top: 0;
    padding: 0 10px;
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    line-height: 35px; }
  .main-sub-nav {
    top: 0; }
    .main-sub-nav ul > li > a, .main-sub-nav ul > li > span {
      padding: 15px; }
  .main-sub-nav ul > .custom-search > .custom-search-container {
    top: 55px;
    padding: 15px 15px 9px; } }

@media screen and (min-width: 930px) {
  .drop-down-container {
    top: 37px;
    padding: 20px; }
    .drop-down-container .mortgage-drop {
      max-width: none; }
  .home .main-navigation .navigation-site, .your-society .main-navigation .navigation-site {
    margin: 0 0 -35px 5%; }
  .home .main-navigation .navigation-user, .your-society .main-navigation .navigation-user {
    margin: 0 0 -35px 0; }
  .main-navigation a {
    font-size: 1.5em;
    padding: 0 10px;
    line-height: 35px; }
  .drop-down-container .view-all {
    font-size: 14px; }
  .drop-down-container .double-column ul {
    float: left; }
  .drop-down-container .double-column .view-all {
    float: left;
    clear: left; }
  .drop-down-container .remove-list-style a {
    margin-top: 0;
    padding: 0 10px;
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    line-height: 35px; }
  .drop-down-container .remove-list-style h4 {
    margin-top: -21px;
    margin-bottom: 0; }
  .drop-down-container .mortgage-drop .intro {
    width: 200px; }
  .drop-down-container .mortgage-drop .double-column ul {
    float: left; }
  .drop-down-container .mortgage-drop .double-column .view-all {
    float: left;
    clear: left; }
  .drop-down-container .mortgage-drop .remove-list-style a {
    margin-top: 0;
    padding: 0 10px;
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    line-height: 35px; }
  .drop-down-container .mortgage-drop .remove-list-style h4 {
    margin-top: -21px;
    margin-bottom: 2px; } }

@media screen and (min-width: 962px) {
  .drop-down-container .insurance-drop {
    min-width: 500px; }
  .drop-down-container .left {
    width: 300px;
    float: left;
    margin-right: 20px; }
  .drop-down-container .middle, .drop-down-container .right {
    margin-top: 0; }
  .home .main-navigation .navigation-site, .your-society .main-navigation .navigation-site {
    margin: 0 0 -40px 5%; }
  .home .main-navigation .navigation-user, .your-society .main-navigation .navigation-user {
    margin: 0 0% -40px 0; }
  .main-navigation a {
    font-size: 1.6em; } }

@media screen and (min-width: 1080px) {
  .drop-down-container {
    top: 42px; }
    .drop-down-container .insurance-drop {
      min-width: 560px; }
    .drop-down-container .intro {
      width: 250px; }
      .drop-down-container .intro h3 {
        font-size: 30px; }
      .drop-down-container .intro p {
        font-size: 18px;
        line-height: 28px; }
    .drop-down-container h4 {
      font-size: 24px;
      margin-top: 10px; }
    .drop-down-container .mortgage-drop .intro {
      width: 220px; }
    .drop-down-container .mortgage-drop .single-column li a {
      font-size: 0.9em;
      margin-top: 4px !important; }
    .drop-down-container .mortgage-drop .remove-list-style a {
      margin-top: 2px;
      padding: 0 10px;
      color: #fff;
      text-decoration: underline;
      font-size: 16px;
      line-height: 35px; }
    .drop-down-container .mortgage-drop .remove-list-style h4 {
      margin-top: -25px;
      margin-bottom: 10px; }
    .drop-down-container .btn {
      width: 210px;
      font-size: 18px; }
    .drop-down-container .double-column li a {
      margin-top: 4px;
      font-size: 0.9em;
 }
    .drop-down-container .single-column li a {
      margin-top: 4px;
      font-size: 0.9em;
 }
  .main-navigation a {
    font-size: 1.8em;
    line-height: 40px; }
  .main-navigation i {
    margin-left: 8px;
    width: 15px;
    height: 9px; } }

@media screen and (min-width: 1164px) {
  .main-navigation a {
    font-size: 2.0em; }
  .main-sub-nav ul > li > a {
    padding: 15px; } }

@media screen and (min-width: 1300px) {
  .drop-down-container .middle ul {
    float: left; }
  .drop-down-container .middle .push-down {
    margin-top: 41px; } }

	
.warning.warning-nav {
	width:100%;
	background-color: transparent!important;
	font-size: 1em;
	color: #fff;
	border: solid 1px #fff;
	margin-top:20px;
	font-size: 12px;
}	
.warning.warning-nav p {
	font-size: 13px;
}
	
@media screen and (max-width: 66.5em){ /* 700px breakpoint */
	.drop-down-container .single-column,
	.drop-down-container .double-column {
		margin:10px 0px 10px 10px;
	}
	.drop-down-container .single-column {
		margin-top: 0px 0px 10px 0px;
	}
}
/*Remove the down icons and search as they cannot work without jkavascript*/
.no-js .main-navigation li a i,
.no-js  #custom-search {
display:none;
}

.custom-search-container span,
.custom-search-container a	{
	background-color: #fff!important;
	border:none !important;
}
.custom-search-container a	{
	font-size: 1em !important;
}
.no-js #search-mm-section {
	display:none;
}
.main-navigation .navigation-user {
		position:absolute;
		top: 0px;
		right:5%;
		margin-right:0px;
	}	
	.home .main-navigation .navigation-user{
		position:relative;
		top: 0px;
		margin-right:0px;
	}
	
	.main-navigation {
		margin-bottom: 25px;
		z-index: 1000;
	}
	.nav-no-margin-bottom .main-navigation ,
	.home .main-navigation {
		margin-bottom: 0px;
	}
	.telephone-wording {
	font-size: 0.8em;
}
	
	.contact-box .telephone-wording {
		font-size: 0.5em;
		display:block;
		width:100%;
		color: #000;
	}
	
/*For banners in the hero banner */
.hero-box .hero-banner {
	margin-top: -40px;
	display:block;
	max-height:50px;
	width:auto;
}
@media screen and (max-width: 63.75em){
	.hero-box .hero-banner {
		max-height:50px;
	}
}
@media screen and (max-width: 56.25em){
	.hero-box .hero-banner {
		max-height:42px;
	}
}
@media screen and (max-width: 35.3125em){
	.hero-box .hero-banner {
		max-height:auto;
	}
}
.hero-box-inner .hero-banner + p {
	margin-top:10px;
}

#PAGENAME {
	display:none;
	visibility:hidden;
}
/* Begin new form styles */
	form.form select,
	form.form  input[type="text"],
	form.form  input[type="file"],
	form.form  input[type="email"],
	form.form  input[type="number"],
	form.form  input[type="tel"],
	form.form  input[type="date"],
	form.form  input[type="password"],
	form.form  textarea {
		margin:3px 0;
		border:solid 3px #acc5d8;
		border-radius: 0;
	}
	
	select {
		cursor:pointer;
	}
	
	form label {
		display:block;
		vertical-align:top;
		font-size:1.6em;
	}
	
		form label em {
			font-size:0.8em;
			font-weight:400;
			font-style:normal;
			color:#646F7A;
		}
	
		form label span.asterisk {
			color:#F53C3A;
		}
	
	.boxComments {
		background: none repeat scroll 0% 0% #FFF;
		padding: 8px 10px;
		font-size: 1.6em;
		font-weight:400;
		width: 100%;
		height: 155px;
		box-sizing: border-box;	
	}
	
	.wideLabel { /* Afford calc */
		width:230px;
		display:inline-block;	
		*display:inline; /*IE 6+ Fix */
		*margin-bottom:1px;
		zoom:1;
		vertical-align:top;
	}
	
	div.form-group {
		margin: 20px 0 0 0;
		display:block;
		clear:both;
	}
	
	div.form-group-less div.form-group + div.form-group {
		margin-top: 10px;
	}
	
		div.form-group input[type="submit"].btn,
		div.form-group button[type="submit"].btn {
			float:right;
		}
	
	/* Error Elements */
		input.error,
		select.error,
		textarea.error {
		  border-color: #EF8E95;
		}
		div.error {
			clear:both;
			font-size: 1.5em;
			color: #F53C3A;
			font-style: normal;
		}
	/* Error "boxes"*/
		/*html.ie8 div.error,html.ie7 div.error,html.ie6 div.error { margin:10px 5px 5px 0px !important; }
		em div.error { padding: 3px;clear:both; }*/
		
/* End new form styles */
input[type="checkbox"] {
		-webkit-appearance: checkbox !important;
		cursor: pointer;	
	}
	input[type="radio"]{
		-webkit-apperance: radio!important;
		cursor: pointer;	
	}
	/*For banners in the hero banner */
.hero-box .hero-banner {
	margin-top: -40px;
	display:block;
	max-height:50px;
	width:auto;
}
@media screen and (max-width: 63.75em){
	.hero-box .hero-banner {
		max-height:50px;
	}
}
@media screen and (max-width: 56.25em){
	.hero-box .hero-banner {
		max-height:42px;
	}
}
@media screen and (max-width: 35.3125em){
	.hero-box .hero-banner {
		max-height:auto;
	}
}
.hero-box-inner .hero-banner + p {
	margin-top:10px;
}

.intermediaries .o-link i.icon {
	display:none;
	visibility:none;
}
/* Press image section */
.ie8 .press_image_box .image{
	padding-bottom:20px;
}
.press_image_box .image{
	background-color: rgb(231, 234, 236) !important;
}
.press_image_box .image p{
	padding:20px;
	font-size:2.3em;
}
.break {
	word-break: break-all;
    word-wrap: break-word;
}
.dark-font {
	color: #182745 !important;
}
.light-font {
	color: #fff !important;
}
.video-box {
	padding:20px;
	background-color: #D3E8F8 !important;
	width: 90%;
	height: 400px;
	display: block;
	margin: 0px auto;
} 
.intermediaries .video-box {
	width:100%;
	padding:0;
}

	.smaller-savings-box-rate .rate{
		font-size:3.4em;
		line-height: 40px;
	}
	.smaller-savings-box-rate .percent{
		font-size:2.2em;
		line-height: 40px;
	}
	.smaller-savings-box-rate h4 {
		font-size: 1.8em;
	}
	/* Accordian JS CSS */
	.ui-accordion h3 {padding-left: 30px!important;background-image: url('/_resources/img/accordian-arrow-left.png')!important; background-repeat: no-repeat!important;background-position: left!important;}
	.ui-accordion h3[aria-expanded="true"] {padding-left: 30px!important;background-image:  url('/_resources/img/accordian-arrow-down.png')!important; background-repeat: no-repeat!important;background-position: left!important;}

	.ui-accordion .l-col-1 {
		padding: 10px 0px;	
	}
	.ui-accordion .l-col-1 > p,
	.ui-accordion .l-col-1 li {
		font-size: 2.0em;	
	}		
	
	.btn-disabled {
		pointer-events: none;
	}
	#affordabilityTickBox {
		width:30px;
		height:30px;
		display:block;
		border:solid 2px #254D8A; 
		padding:5px;
		background-size:30px 30px;
		background-position:center center;
		background-image:url(../../_resources/img/intermediaries/tickbox_empty.jpg);
		background-repeat: no-repeat;
	}
	#affordabilityTickBox.box-ticked{
		background-image:url(../../_resources/img/intermediaries/tickbox_ticked.jpg);
	}
			
	.current.your-society-link a{
		color: rgb(3, 33, 67)!important;
	}
	.product-of-the-week {
		margin-bottom: 20px;
	}
.product-of-the-week h2 {
	text-transform:uppercase;
	background-color: rgb(255, 217, 8);
	padding: 10px 20px;
	font-weight: 700;
	font-size: 3.4em;
}
.product-of-the-week .product-info {
	padding:20px;
	color: #fff;
	background-color: #5896C3;
}
.product-of-the-week .product-info h3 {
	color: #fff;
	padding-bottom:0px;
	margin-bottom:0px;
	padding-left:20px;
}
.product-of-the-week .product-info ul{
	margin-left:20px;
}
.product-of-the-week .product-info li {	
font-size: 2.2em;
}
.title-cool {
	font-weight: 700;
}
.title-cool .orange {
	color: rgb(227, 144, 16) !important;
}

/* Tariff of mortgages */
.tables-style-tariff table {
	margin-bottom: 16px;
}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.tables-style-tariff table {
		margin-bottom: 22px;
	}

}
.tables-style-tariff th {
	background: #24274E;
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
	text-align: left;
	padding: 10px;
	border-right: 2px solid #fff;
}
.tables-style-tariff th + th {
	background-color: #DA9914;
}	

.tables-style-tariff tr {
	background: #fff;
	border-bottom: 3px solid #DAE2E7;
}
 
.tables-style-tariff td {
	background-color: #fff;
	font-size: 1.4em;
	display: table-cell;
	padding: 10px;
	width: auto;
	border-right: 1px solid #fff;
	font-weight: 400;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tables-style-tariff td li {
	font-size: 1.1em;
}
.tables-style-tariff td.highlight{
	background-color: #DAE2E7;
	vertical-align:top;
}
@media screen and (min-width: 28.75em) { /* 460px breakpoint */

	.tables-style-tariff th,
	.tables-style-tariff td {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 43.75em) { /* 700px breakpoint */

	.tables-style-tariff th,
	.tables-style-tariff td {
		font-size: 1.6em;
	}

}
/* Intermediares banner warning */
.banner-notification {
	position:static;
	top:0px;
	left:0px;
	width:100%;
	padding-top:15px;
	overflow:hidden;
}

.banner-notification .warning-text {
	width:75%;
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:top;
	margin-bottom:0;
	padding-bottom:20px;
}
.banner-notification .warning-text.full {
	width:100%;
}
.banner-notification .warning-text p {
	padding-left:5%;
}
.banner-notification .warning-text p span {
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:top;
	width:90%;
}
.banner-notification  p {
	font-size:1.9em;
	padding-bottom:0;
	
}
.banner-notification .close-warning {
	width:220px;
	display:block;
	
	float:right;
}
@media screen and (max-width: 63.75em){
.banner-notification p {
		font-size:1.7em;
		
	}
	.banner-notification .warning-text {
		width:74%;
	}
	.banner-notification .close-warning	{
	width:190px;
	}
}
@media screen and (max-width: 43.75em) { /* 700px breakpoint */
	.banner-notificationp {
		font-size:1.5em;
	}
	.banner-notification .warning-text,
	.banner-notification .close-warning	{ 
		display:block;
		width:100%;
	}
	.banner-notification .close-warning {
		text-align: right;
		width:190px;

padding-bottom:20px;
	}
}
@media screen and (max-width: 28.75em) { /* 460px breakpoint */
	
	.banner-notification p {
		font-size:1.3em;
	}
}


.banner-notification a {
	color: inherit;
}
.banner-notification .close-warning p{
	padding-right:5%;
}
.banner-notification .close-warning img {
	width: 20px; 
	display: inline-block; 
	vertical-align: middle; 
	margin-left: 5px;
}
/* Intermediaries Postcode/Town search */
.intermediaries-contact .std-form-field {border:solid 1px #ddd;padding:6px 5px; width:100%;}
	
.contactHidden,	
.tableHidden,	
.headingHidden { display: none !important; }

.no-js .contact-search-box {
	display:none;
}

.input-wrapper {
	width:100%;
	display:block;
	position:relative;
}
.input-wrapper input,
.input-wrapper button {
	display:inline-block;
	height:40px;
	vertical-align:top;
}

.intermediaries h2.orange {
	width:100%;
	border-bottom:solid 2px #FFAC00;
	color: #FFAC00 ;
	font-size:2.3em;
	font-weight:700;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-top:20px;
}
.intermediaries .special-title h1 {
	color:#F1AE29;

	font-weight: 700;
	padding-bottom:0px;
}
.intermediaries .special-title h1+h1 {
	color:#182746;
}
@media screen and (min-width: 81em){
	.intermediaries .special-title h1 { font-size:8em; }
}
@media screen and (max-width: 81em){
	.intermediaries .special-title h1 { font-size:6em; }
}
@media screen and (max-width: 60.3125em){
	.intermediaries .special-title h1 { font-size:7em; }
}
@media screen and (max-width: 48.125em){
	.intermediaries .special-title h1 { font-size:6em; }
}
@media screen and (max-width: 41.125em){
	.intermediaries .special-title h1 { font-size:4.5em; }
}
@media screen and (max-width: 31.5em){
	.intermediaries .special-title h1 { font-size:6em; }
	.intermediaries #bricks { display:none; }
	.intermediaries #title { width:100%!important;float:none;}
}
@media screen and (max-width: 27em){
	.intermediaries .special-title h1 { font-size:4em; }
}

/* Remove bold from KB Warnings */
.knowledge-base .warning p {
	text-shadow: none;
}
.knowledge-base .warning p strong{
font-weight: normal;
}	

.kb-article-box {
	display:none;
}
.kb-article-box-active {
	display:block;
}
.home .promo-box-1 .warning,
.home .promo-box-2 .warning{
	width:auto;
}
.promo-box-1 ul,
.promo-box-2 ul{
	padding-bottom: 0px;
}
.mini-hero {
	padding:0;
	margin:0;
	display:block;
	
	height: 200px;
	width:100%;
	
	position:relative;
	overflow:hidden;
}
.mini-hero img {
	
}
.mini-hero h2 {
	position:absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width:100%;
	padding: 10px;
	background-color: rgba(255,255,255,0.8);
	font-weight: light;
	font-size: 4em;
}
@media screen and (max-width: 25em){
	.home .promo-box-1 {
		margin-top: 20px;
	}
}
.home .l-col-1 .inner .l-col-3 {
	margin-bottom: 20px !important;
}


.local-branch .branch-message, 
.local-branch .branch-message2 ,
.local-branch .branch-message3  { 
	padding:20px;
	background-color: #D3E8F8;
}
.branch-message + p { display:none;} /* When there is a extra message on the branch page, hide it for now. */
.branch-finder .branch-message + p { display:block;} /* Ensure the next sibling P still displays on the FAB tool. */

.branch-message2 + p { font-weight: 300 !important; font-size: 2.4em !important;} /*  */

.branch-message3 { display:none; } /* Dont show on any page*/
.branch-finder .branch-message3 { display:block; } /*But display on the find a brand results page */

.announcements{
	margin-top:20px;
}



.footer-social .col-4 { width:11%; float:left; margin-right:4%;} 
.footer-social .col-4:nth-of-type(3) {margin-right: 0 !important;} 

.corporate-responsibility  .container {
	width: 90%;
	margin: 0 auto;
	margin-top: 2.5%;
}
.corporate-responsibility  .inner {
	padding: 2.5%;
}
.corporate-responsibility .white-block,
.corporate-responsibility .orange-block{
	width:100%;
	margin: 0;
	padding:0;
}	
.corporate-responsibility .orange-block .inner{
	padding: 2.5%;
	font-size: 1.5em;
	background-color: rgb(225, 143, 0);
	color: #fff;
	font-weight: 100;
}	
.corporate-responsibility .white-block .inner{
	color: rgb(95, 95, 95);
	padding: 2.5% 5%;
	font-size: 0.5em;
	background-color: #fff;
}
.corporate-responsibility .big-text {
	font-size: 1.5em;
	text-align: center;
	padding: 2.5% 10%;
}
.corporate-responsibility .pod ,
.corporate-responsibility .pod2 {
	width: 100%;
	float:none;
	
	margin: 0;

	padding:0;
	text-align:center;
	background-color: #fff;
	box-shadow: 0px 0px 3px rgb(189, 183, 183);
	border-top: 10px solid rgb(255, 224, 0);
	min-height: 300px;
}
.corporate-responsibility .pod .inner {
	padding: 20px;
}
.corporate-responsibility .pod img {
	max-height: 200px;
	height:auto;
	width:80%;
	margin: 0 auto;
}
.corporate-responsibility .pod .title{
	font-weight: bold;
	color: RGB(24, 39, 69);
	font-size: 1.3em;
}
.corporate-responsibility .pod p {
	color: rgb(95, 95, 95);
	font-size: 1.9em;
}
.corporate-responsibility .pod2 .inner {
	padding: 20px;
}
.corporate-responsibility .pod2 .pod-image{
	width: 35%;
	float:left;
	margin:0;
	padding:0;
}
.corporate-responsibility .pod2 .pod-content {
	width: 65%;
	float:left;
	margin:0;
	padding:0;
}
.corporate-responsibility .pod2 .pod-image img {
	height:auto;
	width:100%;
	padding:10px;
	
}
.corporate-responsibility .pod2 .pod-content .title{
	font-weight: bold;
	color: RGB(24, 39, 69);
	font-size: 1.3em;
}
.corporate-responsibility .pod2 .pod-content p {
	color: rgb(95, 95, 95);
	font-size: 1.9em;
}
.corporate-responsibility  h2 {
	font-weight: 300;
}
.corporate-responsibility  h3 {
	font-weight: 500;
	font-size : 3em;
}
.corporate-responsibility  .orange {
	color: rgb(227, 143, 0);
	font-weight: 500;
	font-size: 1.2em;
}
.corporate-responsibility .targets {
	
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: top right;
}
.corporate-responsibility .targets .target-box,
.corporate-responsibility .targets .inner {
	width:100%;
	margin:0 auto;
}
@media screen and (max-width: 68.75em){
	.corporate-responsibility .pod2 .pod-content {
		width: 80%;
		float: none;
		margin:0;
		padding:0;
		margin:0 auto;
	}
	.corporate-responsibility .pod2 .pod-image {
		width: 80%;
		float: none;
		margin:0;
		padding:0;		
		margin:0 auto;
	}
}
@media screen and (min-width: 43.75em){
	.corporate-responsibility .white-block,
	.corporate-responsibility .orange-block{
		width:50%;
	}
	.corporate-responsibility .orange-block .inner{
		padding: 10%;
		font-size: 1.7em;
	}	
	.corporate-responsibility .white-block .inner{
		padding: 5% 10%;
		font-size: 0.8em;
	}
	.corporate-responsibility .big-text {
		padding: 2.5% 10%;
	}
	.corporate-responsibility .pod ,
	.corporate-responsibility .pod2 {
		width: 23%;
		float:left;
		margin-right: 2%;
		margin-bottom: 2.5%;
	}
	.corporate-responsibility .pod2 {
		width: 31%;
		text-align:left;
	}
	.corporate-responsibility .targets .target-box{
		width:50%;
		margin:0;
	}
}
@media screen and (min-width: 31.25em) and (max-width: 43.75em){
	
	.corporate-responsibility .pod,
	.corporate-responsibility .pod2 {
		width: 47%;
		text-align:center;
		float:left;
		margin-left: 2%;
		margin-bottom: 20px;
	}
	.corporate-responsibility .pod2 .pod-image{
		width: 80%;
		float:none;
		margin:0 auto;
		padding:0;
		height:auto;
		max-height: 200px;
	}
	.corporate-responsibility .pod2 .pod-content {
		width: 100%;
		float: none;
		margin:0;
		padding:0;
	}
	.corporate-responsibility .targets {
		background-image: none;
	}
	
}

.corporate-responsibility .white-bg {
		background-color: #fff;
}




.targets.target-1 { background-image: url(/_resources/img/corporate-responsibility/money-and-homes-block-2.jpg); }
.targets.target-2{ background-image: url(/_resources/img/corporate-responsibility/people-and-places-block-2.jpg); }
.targets.target-3 { background-image: url(/_resources/img/corporate-responsibility/members-and-communities-block-2.jpg); }
.targets.target-4 { background-image: url(/_resources/img/corporate-responsibility/sustainable-and-responsible-block-2.jpg); }
.corporate-responsibility .target-box {
	width:50%;
	margin:0;
	padding:0;
	background-color: rgb(211, 232, 248);
}
.corporate-responsibility .target-box  ul {
		padding:2.5%;
}
.corporate-responsibility .target-box  li {
	font-weight:bold;
	font-size: 2.5em;
	margin-bottom:20px;
}
.corporate-responsibility  .group.mb-20 .l-col-2 {
	margin-bottom: 2.5%;
}
.l-col-40 {
	width:100%;
	display:block;
	padding:0;
		margin:0;
}
.l-col-60 {
	width:100%;
	display:block;
	padding:0;
	margin:0;
}
@media screen and (min-width: 16em){
	.l-col-40 {
		width:39%;
		float:left;	
		margin-right:1%;
	}
	.l-col-60 {
		width:60%;
		float:left;	
	}
}
.form-option {
	width: 46%;
	float:left;
	margin:0;
	margin-right: 1%;
	padding:1%;
	text-align:center;
	background-color: #fff;
	cursor: pointer;
}
.form-option.selected {
	background-color:   rgb(37, 77, 138);
	color: #fff;
}
.main-application {
	display:none;
}
.main-application iframe{
	border:none;
	width: 100%;
	min-height: 2000px;
	display:block;
}

.qualification-questions .error-msg {
	padding: 20px;
	margin-bottom: 20px;
	display:none;
}