﻿@charset "utf-8";
/* CSS Document */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	padding: 0;
	margin: 0;
}

body, html {
	height: auto !important;
	min-height: 0 !important;
	font-family: 'Open Sans', Helvetica, Arial;
	
	font-weight: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

audio, canvas, video {
	display: inline-block;
}

	audio:not([controls]) {
		display: none;
	}

h5 {
	font-size: 23px;
	font-weight: normal;
	padding: 10px 0;
	color: #999;
}

	h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {
		font-weight: normal;
	}

h1 {
	color: #e67824;
	font-family: 'Open Sans Semi', Tahoma, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 2.8em;
	text-align: center;
	margin: 0 auto 40px auto;
	padding: 0 0 20px 0;
	background: none;
	z-index: 98;
	display: inline-block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.1em;
}


h2 {
	padding: 0 0 40px 0;
	color: #e67824;
	font-size: 26px;
	font-family: "Open Sans Semi", Tahoma, Arial, Helvetica, sans-serif;

	line-height: 35px;
}

h3, h4 {
	font-family: "Open Sans Semi", Tahoma, Arial, Helvetica, sans-serif;
	padding: 0 0 20px 0;
	color: #333;
	font-size: 18px;
	line-height: 25px;
}

h1,
h1.componentheading,
h1.page-header,
div#page h1 {
	color: #333333;
}

/*        div#page h2, div#page h3, div#page h4, div#page h5 {
          max-width:                 835px;
        }*/

/*div.blog,
div.blog .leading,
div.blog .article_column,
div.blog .pagination {
	float: none;
	width: auto;
}*/

div.blog .blog_more {
	margin-bottom: 3em;
}

div.blog .pagination {
	height: auto;
	overflow: auto;
}

	div.blog .pagination li {
		display: inline-block;
		margin: 0;
		text-indent: 0;
	}

		div.blog .pagination li:not(:last-child) {
			margin-right: 1em;
		}

		div.blog .pagination li:before,
		div.blog .pagination li:after {
			display: none;
		}

.blog div#page h1 {
	padding: 83px 0 203px 0;
}

.campaign h2 {
	text-align: center;
	margin: auto;
	line-height: 40px;
}

strong {
	font-size: inherit;
}

sub {
	font-size: 12px;
	line-height: 12px;
}

div#page ul,
div.blog ul,
div#page ol {
	margin: 0;
	margin-bottom: 50px;
	padding: 0;
}

ul li,
ol li {
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 26px;
}

ol li {
	padding: 0 0 0 10px;
	margin: 0 0 20px 30px;
}

iframe {
	width: 100%;
}

div#page table td p:last-child {
	margin: 0;
}

/* Open Sans font
====================================== */

@font-face {
	font-family: 'Open Sans Bold';
	src: url('../fonts/opensans-bold-webfont.eot');
	src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/opensans-bold-webfont.woff') format('woff'), url('../fonts/opensans-bold-webfont.ttf') format('truetype'), url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans-regular-webfont.eot');
	src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans Semi';
	src: url('../fonts/opensans-semibold-webfont.eot');
	src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
	font-weight: 600;
	font-style: normal;
}



div#page ul li,
div.blog ul li {
	padding: 0;
	margin: 0 0 10px 0; /* this may be causing layout issues*/
	padding-left: 40px;
	position: relative;
	font-size: 16px;
	line-height: 26px;
	list-style: none;
	font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;
}

	div#page ul li:before,
	div.blog ul li:before {
		content: ' ';
		position: absolute;
		left: 12px;
		top: 0.45em;
		border-radius: 100%;
		display: inline-block;
		width: 10px;
		height: 10px;
		background-color: #b0bc22;
	}
	
		div.blog_more ul li {
			 background-color: transparent;
			 padding: 0;
		}

div#page p, p {
	line-height: 26px;
	font-size: 16px;
	margin: 0 0 30px 0;
	padding: 0;
	font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;
}

section.content.campaign div#page p {
	margin: 0 auto 20px auto;
	text-align: center;
}

	section.content.campaign div#page p.buttonheading {
		margin: 0;
		bottom: -191px;
	}

a {
	color: #e67824;
	text-decoration: none;
}

	a:hover {
		color: #1a1a1a;
		text-decoration: none;
	}


/* To top 
============================================================================ */

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20%;
	right: 40px;
	z-index: 9999;
	width: 0;
	padding-left: 40px;
	height: 40px;
	overflow: hidden;
	font-size: 39px;
	color: #e67824;
}

	#toTop:before {
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		vertical-align: middle;
		color: inherit;
	}

	#toTop:hover {
		color: #555;
	}


#toTopHover {
	display: none;
}

/*#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20%;
	right: 40px;
	overflow: hidden;
	width: 44px;
	height: 44px;
	border-radius: 50px;
	border: none;
	text-align: center;
	font: normal normal 14px/40px Arial, Helvetica, serif;
	color: #fff;
	background: #e67824;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=0.5);
	z-index: 9999;
}

	#toTop:after {
		content: "\e604";
		position: absolute;
		margin: -92px 0 0 -22px;
		color: #ffffff;
		font-weight: normal;
		font-size: 24px;
	}

#toTopHover {
	width: 48px;
	height: 48px;
	display: block;
	overflow: hidden;
	float: left;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}*/




/* Site architecture
====================================== */

.main-wrapper {
	height: 100%;
	width: 100%;
	margin-top: 200px;
	position: absolute;
	top: 0;
}

.quick-tools {
	position: relative;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.section-wrapper {
	width: 100%;
}

section.content,
section.content.campaign {
	padding: 30px 20px;
}

section.content {
	max-width: 1200px;
	margin: auto;
	position: relative;
	clear:both;
}

.main-wrapper.Banner section.content {
	margin-top: 0;
}

.internal-banner, .internal-banner-campaign, .internal-banner-blog {
	margin: 0;
	overflow: hidden;
	height: 350px;
	position: relative;
	left: 0;
	right: 0;
	background: #2c2c2c;
	width: 100%;
	/*margin-top: 157px;*/
}

.internal-banner-campaign {
	height: 620px;
	position: relative;
	top: 100px;
}

	.internal-banner img, .internal-banner-campaign img {
		height: 100%;
		width: auto;
		position: absolute;
		left: -300%;
		right: -300%;
		margin: auto;
	}

.blog-wrapper {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

section.content div#page {
	width: 100%;
}


/* Main nav
====================================== */

.logo {
	z-index: 9999;
	position: relative;
}

.mod-logo {
	display: inline-block;
	vertical-align: middle;
}

.mod-logo-img {
	display: block;
	height: 100%;
}

.is-scam-alert-loaded .mod-notifications.mod-scam-alert.mod-menu,
.is-cookies-alert-loaded .mod-notifications.mod-cookies-alert.mod-menu {
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.mod-notifications.mod-menu {
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
	background-color: #b0bc22;
}

	.mod-notifications.mod-menu .edit_module {
		-moz-transform: translate(-2.35em, 0.35em);
		-ms-transform: translate(-2.35em, 0.35em);
		-o-transform: translate(-2.35em, 0.35em);
		-webkit-transform: translate(-2.35em, 0.35em);
		transform: translate(-2.35em, 0.35em);
	}

	.mod-notifications.mod-menu .mod-menu-wrap {
		padding: 1.5em 0;
		margin: 0 1em;
		text-align: center;
		color: #fff;
		font-weight: 800;
		position: relative;
		top: 50%;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.mod-notifications.mod-menu .content,
	.mod-notifications.mod-menu .mod-button {
		display: inline-block;
		vertical-align: middle;
	}

	.mod-notifications.mod-menu .content {
		max-width: calc(100% - 3.35em);
	}

	.mod-notifications.mod-menu .mod-button {
		margin-left: 1em;
		cursor: pointer;
	}

	.mod-notifications.mod-menu p {
		margin: 0;
	}

	.mod-notifications.mod-menu .content a {
		color: #fff;
		box-shadow: 0 2px 0 0 #fff;
		padding: 0 0.15em;
		margin: 0 -0.15em;
	}

.mod-button-scam-alert {
	display: none;
	/*float: right;*/
	/*height: 100%;*/
	cursor: default;
	margin-left: 1em;
	margin-right: -2em !important;
	vertical-align: middle;
}

	.mod-button-scam-alert i {
		vertical-align: middle;
		display: block;
		position: relative;
		/*top: 50%;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);*/
	}

		.mod-button-scam-alert i:before {
			cursor: pointer;
			color: #b3c21d;
			font-size: 20px;
		}

		.mod-button-scam-alert i:hover:before {
			color: #e67824;
		}

.is-scam-alert-loaded .mod-button-scam-alert {
	display: inline-block;
}

.nav-wrapper {
	top: 0;
	height: auto;
	position: fixed;
	width: 100%;
	z-index: 9998;
	background: #fff;
}

	.nav-wrapper.campaign {
		height: 100px;
	}


.menu-wrapper {
	background-color: #2c2c2c;
	overflow: visible !important;
}

.menu-container {
	max-width: 1200px;
	width: 100%;
	padding: 0;
	margin: auto;
	position: relative;
}

.menu-top-wrapper {
	max-width: 1200px;
	width: 100%;
	margin: auto;
	padding: 0 20px;
	height: 125px;
	position: relative;
	overflow: visible;
	background: #fff;
}

	.menu-top-wrapper:before {
		content: '';
		width: 1px;
		height: 100%;
		display: inline-block;
		vertical-align: middle;
		margin-right: -0.35em;
	}

	.menu-top-wrapper .mod-mobile-menu {
		display: none;
	}

.mod-top-menu {
	height: 100%;
	display: inline-block;
	float: right;
}

	.mod-top-menu:before {
		content: '';
		width: 1px;
		margin-right: -0.35em;
		height: 100%;
		display: inline-block;
		vertical-align: middle;
	}

	.mod-top-menu .list {
		display: inline-block;
	}

	.mod-mobile-menu,
	.mod-top-menu > a:not(.mod-button) {
		display: inline-block;
		margin-left: 1em;
		font-size: 18px;
		vertical-align: middle;
		margin-right: -0.25em;
	}


	.mod-top-menu span.separator {
		font-size:17px;
	}


	.mod-top-menu a.mod-search-button {
		display: none;
	}

	.mod-top-menu .mod-internet-banking {
		line-height: 2.8em;
		background: #e67824;
		border-radius: 3em;
		vertical-align: middle;
		padding: 0 1.2em;
		color: #fff;
		font-size: 1.2em;
		font-weight: 600;
		position: relative;
		box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
		-webkit-transition: ease 0.5s;
		-moz-transition: ease 0.5s;
		-o-transition: ease 0.5s;
		transition: ease 0.5s;
	}

		.mod-top-menu .mod-internet-banking .icon-login:before {
			content: '\e906';
			font-size: 1.5em;
			vertical-align: sub;
		}

		.mod-top-menu .mod-internet-banking:hover {
			margin-bottom: 6px;
			box-shadow: 0 4px 2px 0 rgba(0,0,0,0.35);
		}

ul.menu {
	max-width: 1200px;
}

.menutopMenu li {
	margin: 0;
	display: inline-block;
	font-size: 1.1em;
	margin-left: 1.1em;
	vertical-align: middle;
}

	.menutopMenu li:first-child {
		margin-left: 0;
	}

	.menutopMenu li a {
		text-decoration: none;
		color: #545454;
		font-size: 17px;
		margin: 0;
	}

		.menutopMenu li a:hover {
			color: #e67824;
		}

	.menutopMenu li.menuIbLogin a {
		background: #e67824;
		display: inline-block;
		vertical-align: middle;
		height: 50px;
		border-radius: 30px;
		padding: 0 16px;
		-webkit-transition: 0.1s ease;
		-moz-transition: 0.1s ease;
		-o-transition: 0.1s ease;
		transition: 0.1s ease;
		-webkit-transition-property: box-shadow margin;
		-moz-transition-property: box-shadow margin;
		-o-transition-property: box-shadow margin;
		transition-property: box-shadow margin;
	}

		.menutopMenu li.menuIbLogin a,
		.menutopMenu li.menuIbLogin a:before {
			line-height: 50px;
		}

			.menutopMenu li.menuIbLogin a span {
				font-weight: 800;
			}

			.menutopMenu li.menuIbLogin a span,
			.menutopMenu li.menuIbLogin a:before {
				display: inline;
				color: #ffffff;
				vertical-align: middle;
				position: relative;
				top: -1px;
			}

			.menutopMenu li.menuIbLogin a:before {
				content: "\e906";
				font-size: 18px;
				display: inline-block;
				padding: 0;
				padding-right: 0.5em;
			}


			.menutopMenu li.menuIbLogin a:hover {
				margin: 1px auto 5px auto;
				-moz-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.4);
				box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.4);
			}

	.menutopMenu li a[href="/bsb"] {
		pointer-events: none;
		cursor: text;
		color: #333;
	}

/* --- Search --- */

.search-wrapper {
	width: 100%;
	max-width: 1200px;
	padding: 0 20px;
	margin: auto;
	position: relative;
	top: -75px;
}

#search-form {
	display: block;
	float: right;
	margin: 13px 20px 12px 0;
	width: 233px;
	position: absolute;
	right: 0;
	height: 60px;
	/*background: #2c2c2c;*/
	/*border-radius: 25px;*/
}

#search-menu {
	position: relative;
	z-index: 9999;
	display: none;
	text-decoration: none;
	color: #e67824;
}

#search-form input {
	font-size: 16px;
	color: #ffffff;
	width: 198px;
	border: none;
	background-color: #565656;
	line-height: 20px;
	vertical-align: middle;
	height: 50px;
	border-radius: 25px 0 0 25px;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	#search-form input::-ms-clear {
		display: none;
	}

#ps_icon_background {
	border-radius: 0 25px 25px 0;
	text-align: left;
	width: 31px;
	padding: 0 5px 0 0;
	margin: 0 0 0 -6px;
	cursor: pointer;
	color: #ffffff;
	background: none;
	background: #565656;
	box-shadow: 0 0 0 #2c2c2c;
	line-height: 50px;
	height: 50px;
	display: inline-block;
}

#ps_icon {
	background: none !important;
	padding: 0;
	font-size: 20px;
	display: inline-block;
	height: 2em;
	width: 1.25em;
	font-family: 'IcoMoon-Ultimate';
	text-align: center;
}

	#ps_icon:before {
		content: "\e902";
		color: #e67824;
		display: inline-block;
	}

	#ps_icon.searching:before {
		content: '\e908';
		-webkit-animation: spinner 1s linear infinite;
		-moz-animation: spinner 1s linear infinite;
		-o-animation: spinner 1s linear infinite;
		animation: spinner 1s linear infinite;
	}

	#ps_icon.close:before {
		content: "\e903";
	}

input#searchsubmit {
	border-radius: 0 6px 6px 0;
	text-align: left;
	width: 30px;
	padding: 0 5px 0 0;
	margin: 0 0 0 -6px;
	cursor: pointer;
	color: #e67824;
}

#search-form input:focus {
	outline: none;
}

::-webkit-input-placeholder {
	color: #81c2ea;
	font: italic normal 14px Tahoma, Arial, Helvetica, sans-serif;
}

:-moz-placeholder {
	color: #81c2ea;
	font: italic normal 14px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 40px;
}

::-moz-placeholder {
	color: #81c2ea;
	font: italic normal 14px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 40px;
}

:-ms-input-placeholder {
	color: #81c2ea;
	font: italic normal 14px Tahoma, Arial, Helvetica, sans-serif;
}

/*placeholder {
	color: #81c2ea;
	font: italic normal 14px Tahoma, Arial, Helvetica, sans-serif;
}*/

#ps_results {
	width: 700px;
	max-height: 500px;
	margin: 12px 0 0 -467px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0;
	padding: 20px;
	position: relative;
	overflow: hidden;
	overflow-y: scroll;
	box-shadow: 4px 4px 0 1px rgba(68,68,68,0.1);
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

	#ps_results span {
		line-height: 24px;
	}

	#ps_results a.clearboth {
		margin: 20px 0 0 0;
		display: block;
	}

	#ps_results .ps_header {
		font-weight: normal;
		font-size: 24px;
		background: none;
		padding: 0;
		margin: 0 0 20px 0;
	}

	#ps_results .ps_row_btm {
		font-weight: normal;
		font-size: 14px;
		background: none;
		padding: 0;
		margin: 0 0 20px 0;
	}

	#ps_results [class^="ps_row"] {
		border: none;
		padding: 0;
		font-size: 16px;
		border-bottom: 1px solid #ebebeb;
		padding-bottom: 40px;
		margin: 0;
	}

		#ps_results [class^="ps_row"]:last-child {
			border-bottom: none;
		}

	#ps_results a h3 {
		color: #007fd4;
		padding: 20px 0;
		font-size: 18px;
	}

	#ps_results #ps_link {
		display: none;
	}


/* Main Rotator 
====================================== */

section.main-banner {
	/*	height:                         100%;*/
	display: block;
	position: relative;
	/*margin-top: 160px;*/
}

.TB_Wrapper {
	background: url(/templates/client/images/rotator/spinner_new.gif) center center no-repeat;
}

	/*  .TB_Wrapper, .TB_Wrapper .Slides {
    width:                          100% !important;
    max-height:                     430px !important;
    max-width:                      100% !important;
	height:							100%!important;
  }*/

	.TB_Wrapper, .TB_Wrapper .Slides {
		width: 100% !important;
		max-width: 100% !important;
		height: 430px !important;
	}

		.TB_Wrapper .Slide {
			overflow: hidden;
			position: absolute;
			margin: 0;
			height: 100%;
		}

			.TB_Wrapper .Slide div {
				font-size: 30px;
				line-height: 35px;
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				font-weight: normal;
				position: relative;
			}

			.TB_Wrapper .Slide > div {
				z-index: 9999;
				width: auto !important;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				transform: translateY(-50%);
				top: 50% !important;
				position: absolute;
				display: block !important;
				right: 0 !important;
				left: 0 !important;
				margin: 0 auto;
			}

			.TB_Wrapper .Slide div.txtCont {
				position: absolute;
				top: auto;
				text-align: left;
				height: auto !important;
				max-width: 1200px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				right: 0 !important;
				left: 0 !important;
				margin: 0 auto;
				width: 100% !important;
			}



			.TB_Wrapper .Slide div.noSelect {
				top: 0 !important;
				padding: 0;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				max-width: 75% !important;
			}

			.TB_Wrapper .Slide img.noSelect {
				margin: auto;
				left: -300% !important;
				right: -300% !important;
				width: auto !important;
				z-index: 0;
			}

		.TB_Wrapper .captionCanvas {
			display: none;
		}

		.TB_Wrapper .navHolder {
			z-index: 4 !important;
			bottom: 25px !important;
		}

.defaultButton .rounded .icon {
	margin-top: 60px;
}

.TB_Wrapper .defaultButton {
	height: 70px !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

.TB_Wrapper .navHolder div.noSelect:first-child {
	margin-right: 60px;
}

	.TB_Wrapper .navHolder div.noSelect:first-child .icon:before,
	.TB_Wrapper .navHolder div.noSelect:last-child .icon:before {
		line-height: 57px;
		position: absolute;
		color: #fff;
	}

	.TB_Wrapper .navHolder div.noSelect:first-child .icon:before {
		content: "\e610";
		left: -18px;
	}

.TB_Wrapper .navHolder div.noSelect:last-child .icon:before {
	content: "\e603";
	right: -18px;
}

.TB_Wrapper .Slide div .txtCont span span {
	font-size: 60px ;
	font-family:"Open Sans", Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: -20px;
	display: block;
	font-weight:normal;
	line-height:60px;
}


/* Quick tools
====================================== */

/* == GENERIC == */

.quick-tools h3.mToggleLinks {
	display: none;
}

.quick-tools li {
	margin: 0 20px 0 30px;
	cursor: pointer;
	list-style: none !important;
	font-size:20px;
	font-family: 'Open Sans Semi', Tahoma, Arial, Helvetica, sans-serif;
}

	.quick-tools li a {
		color: #d8d8d8;
		display: inline-block;
		height: 100%;
		width: 100%;
		vertical-align: middle;
		-webkit-transition: ease 0.3s;
		-moz-transition: ease 0.3s;
		-o-transition: ease 0.3s;
		transition: ease 0.3s;
		-webkit-transition-property: background-color color;
		-moz-transition-property: background-color color;
		-o-transition-property: background-color color;
		transition-property: background-color color;
	}

	.quick-tools li:hover a {
		color: #e67824;
	}

	.quick-tools li a:before {
		content: '';
		width: 1px;
		height: 100%;
		display: inline-block;
		vertical-align: middle;
	}

	.quick-tools li i {
		color: #e67824;
		font-size: 38px;
		vertical-align: middle;
	}

	.quick-tools li span {
		color: inherit;
	}


/* == HOME == */

.qt-wrapper-home {
	height: 33em;
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.8);
	max-width: 1200px;
	width: 21%;
	z-index: 999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	.qt-wrapper-home .quick-tools {
		height: 100%;
		padding-top:6%;
	}

		.qt-wrapper-home .quick-tools li {
			height: 20%;
			max-width: 100%;
		}

			.qt-wrapper-home .quick-tools li a {
				display: block;
				margin-right: 0;
				/*margin-left: 20px;*/
			}


/* == INTERNAL == */

.qt-wrapper-internal {
	background-color: #f6f6f6;
	width: 100%;
	height: 150px;
	margin-top:50px;
}

	.qt-wrapper-internal ul {
		height: 100%;
		width: 100%;
		max-width: 1160px;
		margin: 0 auto;
	}

	.qt-wrapper-internal li {
		float: left;
		height: 100%;
		width: 20%;
	}

		.qt-wrapper-internal li a {
			text-align: center;
			color: #808080;
		}

		.qt-wrapper-internal li:hover a {

			background-color: #fff;
		}

.qt-wrapper-internal ul.quick-tools li{
	margin:0;
	font-size:18px;
}

.qt-wrapper-internal ul.quick-tools li a:before{
	display:none;
}

.qt-wrapper-internal ul.quick-tools li i{
	display:block;
	padding-left:20px;
	padding-top:40px;
}

 .qt-wrapper-internal ul.quick-tools li span{	
	clear:both;
	margin-left:10px;
}

/* == POPUP STYLES == */

#slide_background, #slide2_background, #slide3_background, #slide4_background, #slide5_background {
	-webkit-transition: all 0.3s 0.3s;
	-moz-transition: all 0.3s 0.3s;
	-o-transition: all 0.3s 0.3s;
	transition: all 0.3s 0.3s;
}

#slide, #slide2, #slide3, #slide4, #slide5, #slide_wrapper, #slid2_wrapper, #slide3_wrapper, #slide4_wrapper, #slide5_wrapper {
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

#slide, #slide2, #slide3, #slide4, #slide5 {
	-webkit-transform: translateX(0) translateY(-40%);
	-moz-transform: translateX(0) translateY(-40%);
	-ms-transform: translateX(0) translateY(-40%);
	-o-transform: translateX(0) translateY(-40%);
	transform: translateX(0) translateY(-40%);
	display: none;
	background-color: #ffffff;
	border: none;
	border-radius: 8px;
	width: 30%;
	font-size: 1em;
	line-height: 1.5em;
	z-index: 9999;
	position: absolute;
	padding: 0;
	color: #666;
}

.popup_visible #slide, .popup_visible #slide2, .popup_visible #slide3, .popup_visible #slide4, .popup_visible #slide5 {
	-webkit-transform: translateX(0) translateY(0);
	-moz-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	-o-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
}

.popup_content span[class*="_close"] {
	color: #fff;
	display: block;
	float: right;
	padding: 10px;
	z-index: 9999;
	position: relative;
}

	.popup_content span[class*="_close"]:before {
		float: right;
	}

.popup_content h2 {
	padding: 10% 4%;
	color: #fff;
	background-color: #e67824;
	text-align: center;
	margin: 0 0 20px 0;
	border-radius: 8px 8px 0 0;
	position: relative;
	font-size:20px;
}

	.popup_content h2:before, .popup_content h2:after {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.popup_content h2:after {
		border-color: rgba(0, 120, 194, 0);
		border-top-color: #e67824;
		border-width: 10px;
		margin-left: -10px;
	}

	.popup_content h2:before {
		border-color: rgba(0, 120, 194, 0);
		border-top-color: #e67824;
		border-width: 10px;
		margin-left: -10px;
	}




ul.quicklinks-popup {
	width: 100%;
}

	ul.quicklinks-popup li {
		width: 100%;
		display: block;
		position: relative;
		float: left;
		height: 60px;
		font-size: 20px;
		text-align: center;
		overflow: hidden;
		margin: 0;
		padding: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		color: #999;
	}


		ul.quicklinks-popup li p {
			font-size: 14px;
		}


.qt-wrapper-home .quick-tools li {
		display: block;
		width: 100%;
		/*      height:                                   63px;*/
		text-align: left;
		border-right: 0;
		margin: 0;
		padding:0 0 0 25px;
		box-sizing:border-box;
			}

	ul.quicklinks-popup li {
		width: 100%;
		padding: 15px 20px;
		height: auto;
		border-bottom: 1px solid #ccc;
	}
	
	/*.qt-wrapper-home{
		width:24%;
	}*/

		.qt-wrapper-home .quick-tools li:last-child, ul.quicklinks-popup li:last-child {
			border-bottom: none;
		}

		ul.quicklinks-popup li p {
			display: none;
		}

/* Home welcome blurb
====================================== */

.blurb {
	position: relative;
}

	.blurb .wrapper {
		max-width: 1200px;
		margin: 0 auto;
		padding: 30px 0;
		text-align: center;
	}
	
	.blurb h2 {
		color: #b0bc22;
		padding: 20px 0 13px 0px;
	}
	
	.blurb i:before {
		color: #000;
		font-size: 28px;
		
	}
	
	.blurb p {
		padding: 0 10px;
	}



/* Sub promo
====================================== */

.subpromo-menu {
	width: 100%;
	margin: 0 0 -2px 0;
}

	.subpromo-menu li {
		width: 33.333333333%;
		display: inline-block;
		position: relative;
		height: 360px;
		font-size: 14px;
		overflow: hidden;
		margin: 0;
		float: left;
		border-left: none;
		border-right: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

		.subpromo-menu li.promo-med {
			width: 50%;
		}

		/*  
  .subpromo-menu li:first-child, .subpromo-menu li:nth-child(3), .subpromo-menu li:nth-child(5) {
	 background-color:#444;
	  
	  }*/

		.subpromo-menu li:first-child, .subpromo-menu li:nth-child(4) {
			border-left: 0;
		}

		.subpromo-menu li:last-child, .subpromo-menu li:nth-child(3) {
			border-right: 0;
		}

.sub-promo {
	width: 100%;
	font-size: 20px;
	color: #fff;
	position: relative;
	overflow: hidden;
	text-align: center;
}

	.sub-promo .mod-sub {
		height: 360px;
		overflow: hidden;
		border-bottom:5px solid #fff;		
	}

.sub-promo .mod-sub.sub1, .sub-promo .mod-sub.sub3, .sub-promo .mod-sub.sub4 {
	border-right:5px solid #fff;

}


.mod-sub i {
	line-height: 5em;
	display: inline-block;
	vertical-align: middle;
	color: #e67824;
}

	.mod-sub i:before {
		font-size: 3em;
		vertical-align: middle;
	}

.sub-promo-content,
.banner-content {
	padding: 0 40px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9991;
	margin: auto;
	left: 0;
	right: 0;
	max-width: 800px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sub-promo p,
.sub-promo h3 {
	margin: 10px auto;
	position: relative;
	z-index: 999;
}

.sub-promo p {
	margin: 0 auto 20px auto;
}

.mod-sub > p {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

	.mod-sub > p img.bg {
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: 0;
		min-width: 100%;
		max-height: 100%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}



.sub-promo h1,
.sub-promo h2,
.sub-promo h3 {
	/*font-family: Tahoma, Arial, Helvetica, sans-serif;*/
	font-size: 26px;
	padding-bottom: 10px;
	line-height: 35px;
	color: #fff;
	font-weight: 700;
}

.sub-promo h5 {
	padding: 0;
}

.sub-promo img {
	margin: 0 auto 20px auto;
	display: block;
}

.sub-promo-content img {
	max-width: 225px;
	width: auto;
}

.sub-promo .fine-print {
	font-size: 10px;
	line-height: 10px;
	margin: 0;
}


.sub-promo-rate li span.input {
	font-size: 36px;
	font-family: 'Open Sans Semi' !important;
}

.sub-promo-rate li span.postfix {
	font-size: 30px;
}

.sub-promo-rate li {
	display: inline-block;
	width: 40%;
	padding: 10px;
	box-sizing: border-box; 
}


/* News
====================================== */



.mod-sub.news {
	text-align: center;
	background: url(/templates/client/images/news/news-bg.jpg) center center no-repeat;
}

	.mod-sub.news h3 {
		position: relative;
		margin: 12px 20px 0 0;
		padding: 0;
		float: left;
	}

	.mod-sub.news .jcarousel-skin-tango-lnews {
		width: 100%;
		margin: 0;
		height: calc(100% - 9em);
		/*overflow: hidden;*/
	}

		.mod-sub.news .jcarousel-skin-tango-lnews .jcarousel-container-horizontal {
			width: calc(100% - 4em);
			max-width: 340px;
			height: auto;
			margin: auto;
		}

		.mod-sub.news .jcarousel-skin-tango-lnews .jcarousel-clip-horizontal {
			height: auto;
		}

		.mod-sub.news .jcarousel-skin-tango-lnews .jcarousel-prev,
		.mod-sub.news .jcarousel-skin-tango-lnews .jcarousel-next {
			display: inline-block;
			position: absolute;
			width: 1em;
			height: 1em;
			color: #e67824;
			font-size: 28px;
			bottom: -1.25em;
			vertical-align: middle;
			cursor: pointer;
		}

			.mod-sub.news .jcarousel-skin-tango-lnews .jcarousel-prev:before,
			.mod-sub.news .jcarousel-skin-tango-lnews .jcarousel-next:before {
				/*font-family: 'IcoMoon-Ultimate';*/
				vertical-align: middle;
			}

		.mod-sub.news .jcarousel-skin-tango-lnews .jcarousel-prev {
			left: 0;
		}

			.mod-sub.news .jcarousel-skin-tango-lnews .jcarousel-prev:before {
				content: '\ede7';
			}

		.mod-sub.news .jcarousel-skin-tango-lnews .jcarousel-next {
			right: 0;
		}

			.mod-sub.news .jcarousel-skin-tango-lnews .jcarousel-next:before {
				content: '\ede5';
			}

.jcarousel-skin-tango-lnews .jcarousel-item {
	width: 300px;
	height: auto;
}


.news .articlelist_title a,
.news .articlelist_title span {
	position: relative;
	font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: 800;
	font-size: 18px;
	line-height: 26px;
	text-decoration: none;
	color: #e67824;
	display: block;
	margin: 0;
}

.news .articlelist li.articlelist_item {
	width: 300px;
	text-align: center;
	display: inline-block;
	padding: 0;
	vertical-align: middle;
	height: auto;
	margin: 0;
	border: none;
}

.news .articlelist li:last-child {
	margin-right: 0;
}


.news .articlelist_intro {
	font-size: 16px;
	line-height: 26px;
}


	.news .articlelist_intro .Comm-image {
		display: none;
	}

#moreNewsreadAll {
	margin: auto;
	display: inline-block;
}

	#moreNewsreadAll a,
	#moreNewstestimonial a {
		text-decoration: none;
		font-family: 'Open Sans Semi', Helvetica, Arial;
		text-align: center;
		font-size: 20px;
		line-height: 1.5em;
		font-weight: normal;
		border-radius: 1.5em;
		padding: 10px 40px;
		color: #e67824;
		background: none;
		position: relative;
		margin: 0;
	}
	
	#moreNewstestimonial a{
		border:2px solid #e67824;
	}

#moreNewstestimonial a {
	margin: 20px auto;
}

	/*#moreNewsreadAll a:after, #moreNewstestimonial a:after {
		content: "\e602";
		font-size: 12px;
		line-height: 20px;
		font-weight: bold;
		margin: 0 0 0 5px;
	}*/

	#moreNewsreadAll a:hover{
		color: #fff;
	}
	
	#moreNewstestimonial a:hover {
		color: #fff;
		background: #e67824;
	}




/* Testimonials
====================================== */


.testimonials {
	max-width: 1200px;
	padding: 20px;
	text-align: center;
	margin: 80px auto;
}


	.testimonials .articlelist li {
		width: 30%;
		margin-right: 4.5%;
		text-align: center;
		display: inline-block;
		padding: 0;
		vertical-align: top;
		clear: both;
	}

		.testimonials .articlelist li:after {
			content: " ";
			visibility: hidden;
			display: block;
			height: 0;
			clear: both;
		}


.articlelist li:last-child {
	margin-right: 0;
}

.testimonials .articlelist_item .thumbImage {
	width: 100%;
	max-width: 146px;
	height: auto;
	display: block;
	margin: 0 auto;
}

	.testimonials .articlelist_item .thumbImage img {
		width: 100%;
		height: auto;
	}

.testimonials .articlelist_item .articleWrapper {
	float: none;
	width: 100%;
	margin: 0;
	display: block;
	text-align: center;
}

.testimonials .articlelist_intro, .testimonials .articlelist_intro p {
	font-size: 16px;
	line-height: 26px;
	display: block;
}

	.testimonials .articlelist_intro p {
		margin: 0;
	}

		/*.testimonials .articlelist_intro p:nth-of-type(2):after,
		.news-carousel .articlelist_intro p:last-of-type:after {
			content: "...";
		}*/

		.testimonials .articlelist_intro p:nth-of-type(2):after {
			content: "...";
		}

.star-rating {
	display: block;
	position: relative;
	float: none;
	margin: 20px auto 0 auto;
}

.one-star,
.two-stars,
.three-stars,
.four-stars,
.five-stars,
.half-star,
.one-half-star,
.two-half-stars,
.three-half-stars,
.four-half-stars {
	display: inline-block;
	padding: 0;
	height: auto;
	width: 0;
	overflow: hidden;
	position: relative;
}

	.half-star:before,
	.one-star:before,
	.two-stars:before,
	.three-stars:before,
	.four-stars:before,
	.five-stars:before,
	.one-half-star:before,
	.two-half-stars:before,
	.three-half-stars:before,
	.four-half-stars:before {
		color: #e67824;
		font-size: 1.5em;
		text-align: center;
		position: absolute;
		left: 0;
		white-space: nowrap;
		color: #e67824 !important;
	}


.half-star,
.one-star {
	padding: 1.25em;
}

	.half-star:before {
		content: "☆";
		white-space: nowrap;
		color: #e67824 !important;
	}

	.one-star:before {
		content: "★";
		white-space: nowrap;
		color: #e67824 !important;
	}

.one-half-star,
.two-stars {
	padding-left: 3em;
}

	.one-half-star:before {
		content: "★ ☆";
		white-space: nowrap;
		color: #e67824 !important;
	}

	.two-stars:before {
		content: "★ ★";
		white-space: nowrap;
		color: #e67824 !important;
	}

.two-half-stars,
.three-stars {
	padding-left: 5em;
}

	.two-half-stars:before {
		content: "★ ★ ☆";
		white-space: nowrap;
		color: #e67824 !important;
	}

	.three-stars:before {
		content: "★ ★ ★";
		white-space: nowrap;
		color: #e67824 !important;
	}

.three-half-stars{
	padding-left: 6em;
}

.four-stars {
	padding-left: 7em;
}

	.three-half-stars:before {
		content: "★ ★ ★ ☆";
		white-space: nowrap;
		color: #e67824 !important;
	}

	.four-stars:before {
		content: "★ ★ ★ ★";
		white-space: nowrap;
		color: #e67824 !important;
	}

.five-stars,
.four-half-stars {
	padding-left: 10.35em;
	white-space: nowrap;
	color: #e67824 !important;
}

	.four-half-stars:before {
		content: "★ ★ ★ ★ ☆";
		white-space: nowrap;
		color: #e67824 !important;
	}

	.five-stars:before {
		content: "★ ★ ★ ★ ★";
		white-space: nowrap;
		color: #e67824 !important;
	}



.testimonials h2 {
	height: 71px;
	position: relative;
	margin: 0 0 40px 0;
	padding: 0;
}

	.testimonials h2:before {
		content: "";
		text-align: center;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 1px;
		width: 85px;
		margin: auto;
		border-bottom: 1px solid #f5a52a;
	}

.testimonials .articlelist_title a {
	position: relative;
	font-size: 20px;
	line-height: 25px;
	text-decoration: none;
	color: #545454;
	display: block;
	margin: 20px 0;
}


.testimonials span.readMore {
	display: block;
	margin: 20px 0 0 0;
	font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: 800;
}

ul#articlelist_teste{
	margin-bottom:40px;
}


/* Site links
====================================== */

.site-links {
	background-color: #eeeeee;
	color: #333;
	text-align: center;
	padding: 20px 0;
}


.links-tbl {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


	.links-tbl td {
		font-size: 1em;
		width: 23%;
		display: inline-block;
		text-align: left;
		padding: 0;
	}


		.links-tbl td a {
			color: #333;
			text-decoration: none;
		}

			.links-tbl td a:hover {
				text-decoration: underline;
			}

		.links-tbl td table th {
			font-size: 1.1em;
			font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif;
			font-weight: 800;
			color: #b3c21d;
			padding: 2% 0;
			border-bottom: none;
		}

		.links-tbl td table td {
			font-size: 1em;
			width: 100%;
			text-align: left;
			padding: 2% 0;
		}

.site-links p:last-child {
	display: none;
}




/* Footer
====================================== */

.mod-footer-icons {
	font-size: 20px;
}

	.mod-footer-icons a {
		display: inline-block;
		height: 100%;
		color: #fff;
	}

		.mod-footer-icons a i,
		.mod-footer-icons a span {
			display: inline;
			vertical-align: middle;
		}

		.mod-footer-icons a:not(:last-child) {
			margin-right: 1em;
		}

		.mod-footer-icons a:not(:first-child) {
			color: #e67824;
		}

		.mod-footer-icons a span {
			margin-left: 0.5em;
			font-weight: 600;
		}

		.mod-footer-icons a i {
			font-size: 30px;
			margin-right: -0.5em;
		}

footer {
	background-color: #2c2c2c;
	color: #fff;
	padding: 40px 0;
}

	footer ul, footer p {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	footer p {
		font-size: 12px;
		line-height: 18px;
		color: #ffffff;
		margin-bottom: 2em;
	}

		footer p.mod-copy {
			font-size: 14px;
			font-weight: 200;
			color: #808080;
		}

			footer p.mod-copy a {
				color: #b0b0b0;
			}

.icon-phone, .icon-email, .icon-locate, .icon-form {
	display: inline-block;
}

.footer-links li {
	font-size: 14px;
	display: inline-block;
}

	.footer-links li:not(:last-child):after {
		content: '|';
		font-weight: 600;
		color: #e67824;
		margin: 0 10px;
	}

footer .logo {
	margin: 40px 0 0 0;
}

.footer-links li a {
	text-decoration: none;
	color: #fff;
}

	.footer-links li a:hover {
		padding: 0 0 9px 0;
		border-bottom: 1px solid white;
	}


/* ////INFOCAST///*/
html #infocastContainer{height:inherit!important;min-height:inherit!important;width:99%!important;margin:0!important;}
#infocastContainer div.kfsemailform #captcha img{margin:0!important;padding:20px 10px 0 0 !important;}
#infocastContainer select#infocastProdFolderId, #infocastContainer select#infocastSimulator{border:1px solid #e67725!important;-webkit-border-radius:15px;border-radius:15px;-moz-border-radius:15px;}
#infocastContainer input#loanAmount, #infocastContainer input#loanTermYears{border:1px solid #e67725!important;}
#infocastContainer div.kfsemailform ul.tabMenu li a:hover{font-weight:700;background-color:#e67725!important;color:#ffffff!important;}
#infocastContainer table#switcherStyle th{font-size:17px;font-weight:700;}
#infocastContainer div.kfsemailform input#emailItToMe:hover{background:none repeat scroll 0 0 #2d2c27!important;  border: 1px solid #2d2c27!important;}
#infocastContainer div.kfsproductform input#emailItToMe:hover{background:none repeat scroll 0 0 #2d2c27!important;  border: 1px solid #2d2c27!important;}
#infocastContainer div#productDescContent, #infocastContainer div.chartDetails div#loanAmount2, #infocastContainer div.divInputs, #infocastContainer div.kfsemailform input, #infocastContainer div.kfsproductform input{border:1px solid #e67725!important;}
#infocastContainer .backgroundColor, #infocastContainer .ui-widget-header{background:#e67725!important;}
#infocastContainer form #simForm label, #infocastContainer div.kfsemailform h1, #infocastContainer div.kfsproductform h1, #infocastContainer div.kfsemailformDataLargeLeft label, #infocastContainer div.kfsemailformDataLargeRight label{color:#2d2c27!important;}
#infocastContainer div.sectionData input.showCalcs, #infocastContainer div.sectionDataLarge input.emailDirect, #infocastContainer div#infocastApplyBtn input,  #infocastContainer input#emailItToMe{background-color:#e67725!important;border:1px solid #e67725!important;  color:#ffffff; font-size: 1em;}
#infocastContainer div.sectionData input.showCalcs:hover, #infocastContainer div.sectionDataLarge input.emailDirect:hover, #infocastContainer div#generateFactsheet input.emailDirect:hover, #infocastContainer div#infocastApplyBtn input:hover, #infocastContainer input#emailItToMe:hover{background-color:#2d2c27!important;border:1px solid #2d2c27!important; color:#ffffff;}
#infocastContainer ul.tabMenu li a:active, #infocastContainer ul.tabMenu li.active a:link, #infocastContainer ul.tabMenu li.active a:visited {color:#2d2c27;}
#infocastContainer div#generateFactsheet input.emailDirect {    border: 1px solid #e67725; color:#ffffff;}
#infocastContainer div.kfsemailform div.kfsemailformDataLargeWide input#previewFactsheet{color:#2d2c27;}
#infocastContainer ul.tabMenu li a:active, #infocastContainer ul.tabMenu li.active a:link, #infocastContainer ul.tabMenu li.active a:visited {color:#2d2c27;}
#infocastContainer #simContainer ul{list-style:disc outside none;}
#infocastContainer #simContainer ul li a:active, #infocastContainer #simContainer  ul li.active a:link, #infocastContainer #simContainer ul. li.active a:visited {color:#2d2c27;}
#infocastContainer #simContainer a:link, #infocastContainer #simContainer a:visited{color:#2d2c27;text-decoration:none;}
#infocastContainer #pageInfoFooter{ display:none;}
#infocastContainer p{margin:5px ;}
#infocastContainer div.chartDetails h2{color:#2d2c27; font-weight:bold;}
div#infocastApplyBtn input {    background-color: #1d88c9;  border: 1px solid #1d88c9;   border-radius: 10px 10px 10px 10px;  box-shadow: 0 0 5px 2px #A7AAB2; color: #FFFFFF;}
div#infocastApplyBtn input:hover {   background-color: #000000 !important;   border: 1px solid #1d88c9;}
body.contentpane { margin:0px;}
select#infocastProductId, select#infocastSimulator{ border:1px solid #e67725;}


/* //////// INFOCAST CCKFS EMAIL BUTTON///////*/

#generateCCKFSFactsheet {
	background-color: #FFFFFF;
	clear: both;
	color: #FFFFFF;
	margin: 5px 0 0;
	padding: 0 6px 0 0px;
	position: relative;
	width: auto;
}

	#generateCCKFSFactsheet input.emailDirect {
		-moz-box-sizing: border-box;
		background-color: #e67725;
		border: 1px solid #e67725;
		box-shadow: 0 0 5px 2px #A7AAB2;
		color: #FFFFFF;
		cursor: pointer;
		font-size: 20px;
		font-weight: bold;
		height: 60px;
		margin: 0;
	}

		#generateCCKFSFactsheet input.emailDirect:hover {
			box-shadow: none;
		}


	#generateCCKFSFactsheet .cssRadius {
		border-radius: 10px 10px 10px 10px;
	}

#generateFactsheet {
	margin-top: 25px;
}

	#generateFactsheet input.emailDirect {
		box-shadow: none;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		background-color: #e67725 !important;
		border: none !important;
		color: #fff;
		font-weight: bold;
		font-size: 20px;
		height: 60px;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
		cursor: pointer;
		margin: 0 3px;
	}


div#generateFactsheet input.emailDirect:hover {
	border: none !important;
	background-color: #e67725 !important;
}


table.keyFactSheet p {
	color: #FFFFFF;
	margin: 0;
}

table.keyFactSheet ul li {
	margin: 0;
}

#infocastContainer {
	width: 100%;
}

	#infocastContainer .kfsemailform h1 {
		position: relative;
		text-align: left;
	}

	#infocastContainer .kfsemailform {
		height: 30px;
	}

	#infocastContainer #fsEmailed {
		width: 97%;
	}
/* ////END INFOCAST///*/


/* locator 
============================================================================ */

div#mapControls, #mapWrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#mapWrapper, #mapContainer, #locationContainer {
	width: 100% !important;
}

#locationContainer {
	margin-left: 0 !important;
}

#mainTopPanel, .additionalPanel {
	width: 100% !important;
}

.locationHeadings h2, .locationHeadings h3 {
	padding: 30px 0 20px !important;
}

.threecol .col1 h3, .threecol .col3 h3 {
	padding: 20px 0 !important;
	font-size: 25px !important;
}

#mainPanelDetails {
	width: 95% !important;
}

#results_panel ul#listResults li {
	text-indent: 0;
	padding: 5px !important;
	line-height: 20px;
}

#map_results ul li {
	text-indent: 0 !important;
}



	#map_results ul li#resultsTab:before, #results_panel ul#listResults li:before {
		content: none;
	}



.locationUrlLink {
	color: #0989ca !important;
}

::-webkit-input-placeholder {
	color: #7c8589;
	font-family: ;
}

:-moz-placeholder {
	color: #7c8589;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 40px;
}

::-moz-placeholder {
	color: #7c8589;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 40px;
}

:-ms-input-placeholder {
	color: #7c8589;
	font-family: Verdana, Geneva, sans-serif;
}

placeholder {
	color: #7c8589;
	font-family: Verdana, Geneva, sans-serif;
}


/* ATM locator
============================================================================ */

body.Section0 .main-wrapper {
	min-height: 950px;
}

div#mapControls, #mapWrapper {
	padding: 20px 0 20px 20px;
}

#map_search_btn {
	background-color: #e67824;
	border: 1px solid #e67824;
	box-shadow: none;
	width: 100px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 25px;
	font-family: Verdana, Geneva, sans-serif;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	color: #fff;
	margin: 3px 0 0 0;
	text-indent: 0;
	font-size: 18px;
    font-weight: 700;
    height: 45px;
	line-height: 40px;
	min-width: 160px;
    padding: 0 20px;
}

	#map_search_btn:hover {
		background-color: #545454;
		border: 1px solid #545454;
	}
	
#searchText {
    border: 1px solid #545454;
    color: #000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 700;
   font-size: 18px;
    font-weight: 700;
    height: 45px;
	line-height: 40px;
    margin-left: 0;
    margin-right: 15px;
    margin-top: 3px;
    padding-left: 10px;
    width: 320px;
	border-radius: 25px;
}

.buttonColour.arrow, .buttonColour {
    background-image: url(/templates/ByondCoreCommon/mimages/arrowIcon.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(/templates/ByondCoreCommon/mimages/arrowIcon.png), -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ebebeb), color-stop(0.7, #ebebeb), color-stop(1, #ebebeb));
    background: url(/templates/ByondCoreCommon/mimages/arrowIcon.png) right center no-repeat, -moz-linear-gradient(top, #ebebeb 0%, #ebebeb 70%, #ebebeb 100%);
    background-color: #ebebeb;
	border: 0;
}

.wrapperResults span.detailLabel {
    color: #1a1a1a;
	text-shadow: none;
}

.selectAddress, .formattedAddress {
    padding: 10px;
    margin: 0 0 15px;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ebebeb), color-stop(0.7, #ebebeb), color-stop(1, #ebebeb));
    background: -moz-linear-gradient(top, #ebebeb 0%, #ebebeb 70%, #ebebeb 100%);
    border-top: 0;
    border-bottom:0;
    border-left: none;
    border-right: none;
    color: #1a1a1a;
    background-color:  #ebebeb;
	text-shadow: none;
}

.textShadow  {
	text-shadow: none;
}


/* Mixins - buttons, etc
====================================== */

.bbox {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.clear-fix:before,
.clear-fix:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.btn {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	min-width: 160px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	border-radius: 25px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin: 0 20px 20px 0;
	height: 45px;
	line-height: 40px;
	padding: 0 20px;
	text-indent: 0;
	font-size: 18px;
	border: 2px solid #e67824;
	white-space: nowrap;
	font-family: 'Open Sans Semi', Tahoma, Arial, Helvetica, sans-serif;
}

	/*.btn:after {
		display: inline-block;
		font-size: 18px;
		font-weight: bold;
		line-height: 25px;
		vertical-align: middle;
		margin: 0 0 0 2px;
	}*/

	.btn:active {
		background: #b3c21d;
	}

	.btn.primary {
		background: #e67824;
	}

.primary:hover, .readon:hover {
	color: #fff;
	background: #545454;
	border-color: #545454;
}

.secondary {
	color: #b3c21d;
	background: none;
	position: relative;
	border-color: #b3c21d;
}

.sub-promo .secondary {
	background: none;
	border: 2px solid white;
	color: #fff;
	z-index: 999;
	margin: 0 auto 20px auto;
}

.secondary:hover {
	color: #fff;
	background: #b3c21d;
}

.btn.medium {
	height: 45px;
	padding: 0 20px;
	line-height: 46px;
	font-size: 16px;
}

.btn.small {
	min-width: 0;
	height: 30px;
	padding: 0 15px;
	line-height: 31px;
	font-size: 14px;
}

.btn.product {
	border: none;
	color: #e67824;
	text-align: left;
	padding: 0;
	white-space: normal;
	font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;
}

	.btn.product:after {
		content: '\ede5';
		font-size: 18px;
		font-weight: bold;
		line-height: 30px;
		margin-left: 5px;
		position: relative;
		top: 3px;
	}


	.btn.product:hover {
		border: none;
		color: #e67824;
	}

	.btn.product:active {
		background: none;
		box-shadow: none;
	}

.sub-promo .btn.product {
	color: #fff;
	font-size: 19px;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}

	.sub-promo .btn.product span {
		color: #a0a0a0;
		font-size: 15px;
	}

	.sub-promo .btn.product.bigBtn {
		font-size: 26px;
		line-height: 32px;
	}



.TB_Wrapper a:hover {
	text-decoration: none;
}

.TB_Wrapper .btn.primary {
	font-family:"Open Sans", Tahoma, Arial, Helvetica, sans-serif;
	display: block;
	margin: 20px 0;
	max-width: 300px;
	text-decoration: none;
	height: 60px;
	line-height: 60px;
	font-size: 21px;
	min-width: 108px;
	border: 0;
	font-weight:700;
}


/* specific button styles */

.two-col-layout-cta td:last-child .btn {
	display: block;
	max-width: 250px;
	margin: 0 auto 20px auto;
}

.btn.ib {
	margin: 5px auto;
	color: #fff;
	padding: 0 12px;
	border: none;
	min-width: 0;
	float: right;
	width: 209px;
	box-sizing: content-box;
}

	.btn.ib:before {
		content: "\e619";
		float: left;
		width: 30px;
		margin: 0 15px 0 0;
		padding: 0 9px 0 0;
		font-size: 24px;
		line-height: 55px;
		color: #ffffff;
	}

	.btn.ib:hover {
	}

	.btn.ib:active {
		-moz-box-shadow: none;
		box-shadow: none;
		border: none;
		margin: 5px auto;
	}

.desktop-ib {
	display: inline-block;
}

.mobile-ib {
	display: none;
}

.campaign .btn {
	min-width: 220px;
}

.readon, #searchForm .button {
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	font-family: 'Open Sans', Helvetica, Arial;
	font-weight:bold;
	border-radius: 25px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin: 0 auto 20px auto;
	height: 38px;
	padding: 0 20px;
	line-height: 36px;
	font-size: 18px;
	text-indent: 0;
	border: 1px solid #e67824;
	color: #fff;
	background: #e67824;
}



#searchForm .button {
	height: 38px;
}

div#page p.fine-print {
	font-size: 12px;
	line-height: 18px;
	color: #888888;
}


/* Directors page styling
============================================================================ */

div#page ul.directors {
	margin: 40px 0;
	padding: 0 0 0 20px;
}

	div#page ul.directors h2 {
		padding: 0 0 10px 0;
	}

	div#page ul.directors li {
		list-style: none;
		display: inline-block;
		width: 74%;
		margin: 0 0 0 2%;
		vertical-align: top;
		text-indent: 0;
	}

		div#page ul.directors li:before {
			content: none;
		}

		div#page ul.directors li:first-child {
			width: 15%;
			margin: 0;
		}

		div#page ul.directors li ul li, div#page ul.directors li ul li:first-child {
			width: 100%;
			margin: 0;
		}



		div#page ul.directors li img {
			max-width: 100% !important;
			width: auto !important;
			height: auto !important;
		}

		div#page ul.directors li p {
			margin: 0 0 15px 0;
			font-size: 14px;
			line-height: 22px;
		}
		
		div#page ul.directors li ul li::before {
			background-color: #b0bc22;
			border-radius: 100%;
			content: " ";
			display: inline-block;
			height: 10px;
			left: 12px;
			position: absolute;
			top: 0.45em;
			width: 10px;
	}


/* Tables
====================================== */

div#page table {
	margin: auto;
}

table tbody td {
	font-size: 15px;
	line-height: 26px;
	vertical-align: top;
}

.padding td {
	padding: 0 40px;
}

table {
	max-width: 1160px !important;
	width: 100%;
	/*site width*/
}

	table.clean, table.clean tr {
		background: none !important;
	}


/* === Expand Tables === */


div#page table.expandTb, div#page table.expandTb tr, div#page table.expandTb td {
	margin: 20px 0 !important;
	padding: 1%;
	text-align: left !important;
}

	div#page table.expandTb td.expandTb_content {
		padding: 20px 0;
		height: auto;
		width: 100%;
	}

		div#page table.expandTb td.expandTb_content ul.threeColl li {
			list-style: none;
			float: left;
			width: 30%;
			padding: 0;
			margin: 0 0 15px 20px;
		}

	div#page table.expandTb table.stripeTable td {
		padding: 8px 20px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

div#page table.expandTb {
	margin: 0 auto 1px auto !important;
	padding: 0 20px;
	max-width: 1160px;
}

div#page td.expandTb_content p {
	padding-left: 20px;
	padding-right: 20px;
}

	div#page td.expandTb_content p.icon-tick {
		font-weight: bold;
		color: #ee3423;
	}

div#page td.expandTb_content ol li {
	margin: 0 0 20px 45px;
}

div#page td.expandTb_content ul li {
	/*text-indent:-20px;*/
}

div#page td.expandTb_content ul {
	margin-left: 20px;
}

div#page td.expandTb_content h2,
div#page td.expandTb_content h3,
div#page td.expandTb_content h4,
div#page td.expandTb_content h5 {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.expandTb_header {
	height: 55px;
	background-color: transparent;
	border-bottom: none;
	text-decoration: none;
	cursor: pointer;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: auto;
}

table.expandTb tr td.dropDownLink {
	font-weight: normal;
}

table.expandTb > tbody > tr > td.dropDownLink:hover {
	background-color: transparent;
	text-decoration: none;
	color: #333;
	cursor: pointer;
}

table.expandTb tr td.dropDownLink:hover {
	text-decoration: none;
	cursor: text;
}

.expandTb_header td {
	font-size: 22px;
	line-height: 30px;
	padding: 0 20px;
	color: #e67824;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

table.expandTb td.dropDownLink .icon-plus,
table.expandTb td.dropDownLink .icon-minus {
	background: none;
	position: relative;
	font-size: 14px;
	vertical-align: middle;
}

/* === Stripe Tables (pulled in from byond product summary)  === */

table.stripeTable {
	padding: 0;
	margin: 0 0 40px 0;
}

	table.stripeTable tbody td {
		border: 0;
	}

	table.stripeTable tr th {
		background-color: #545454;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		padding: 10px 20px;
		text-align: left;
		border: none;
	}

	table.stripeTable tr td {
		border: none !important;
	}

		table.stripeTable tr td.first,
		table.stripeTable tr.prodtGp td {
			background-color: #dfdfdf !important;
			color: #e67824;
			font-weight: bold;
		}

	table.stripeTable tr.odd td {
		background-color: #fcfcfc;
	}

	table.stripeTable tr.even td {
		background-color: #f3f3f3;
	}


table.tablesorter2 td img {
	width: auto;
}


/* === various responsive column Tables === */

table.two-col-layout table.three-col-layout,
table.four-col-layout,
table.two-col-layout-cta,
table.three-col-layout-cta,
table.three-col-split,
table.two-col-split {
	width: 100% !important;
	border-collapse: collapse;
	margin: 0 auto 40px auto !important;
}

	table.two-col-layout td img,
	table.two-col-layout-cta td img,
	table.three-col-layout-cta td img,
	table.three-col-layout td img,
	table.four-col-layout td img,
	table.three-col-split td img,
	table.two-col-split td img {
		max-width: 100% !important;
		height: auto !important;
		margin: auto;
		display: inline-block;
	}

	table.two-col-layout td,
	table.four-col-layout td,
	table.two-col-layout-cta td {
		padding: 0 1.65%;
		vertical-align: top;
	}

	table.two-col-layout td,
	table.three-col-split td:first-child {
		width: 46.6%;
	}

	table.two-col-split td:first-child {
		width: 99%;
		padding: 20px;
	}

	table.two-col-layout-cta td:first-child {
		padding: 0 3.3% 0 0;
	}

	table.two-col-layout-cta td:last-child,
	table.three-col-layout-cta td:last-child {
		width: 24.16%;
		padding: 0;
	}

	table.three-col-layout-cta td:first-child,
	table.three-col-layout-cta td:nth-child(2) {
		width: 36.6%;
		vertical-align: top;
		padding: 0 3.3% 0 0;
	}

table.three-col-layout td {
	width: 31%;
}

table.three-col-layout td,
table.three-col-layout.stripeTable td,
table.four-col-layout td,
table.four-col-layout.stripeTable td,
table.three-col-split td {
	width: 22.5%;
	padding: 0 1.65%;
}

table.three-col-split tr:nth-child(odd) td,
table.two-col-split tr:nth-child(odd) td {
	background-color: #f6f6f6;
}

table.three-col-split tr:nth-child(even) td,
table.two-col-split tr:nth-child(even) td {
	background-color: #fff;
}

table.three-col-split td,
table.two-col-split td {
	padding: 20px 1.65%;
	vertical-align: middle;
}

table.three-col-split.top td,
table.two-col-split.top td {
	vertical-align: top;
}

.three-col-split td:first-child,
table.two-col-split td:first-child {
	padding: 20px 1.65% 20px 20px;
}

.three-col-split.top td:last-child,
table.two-col-split.top td:last-child {
	padding: 40px 20px 20px 1.65%;
}

.three-col-split td:last-child,
table.two-col-split td:last-child {
	padding: 20px 20px 20px 1.65%;
}

	.three-col-split td:last-child .btn,
	table.two-col-split td:last-child .btn {
		width: 100%;
		max-width: 350px;
	}

table.two-col-layout td:first-child,
table.two-col-layout.stripeTable td:first-child,
table.three-col-layout td:first-child,
table.three-col-layout.stripeTable td:first-child,
table.four-col-layout td:first-child,
table.four-col-layout.stripeTable td:first-child {
	padding: 0 1.65% 0 0;
}

table.two-col-layout td:last-child,
table.two-col-layout.stripeTable > td:last-child,
table .three-col-layout td:last-child,
table.three-col-layout.stripeTable td:last-child,
table.four-col-layout td:last-child,
table.four-col-layout.stripeTable td:last-child {
	padding: 0 0 0 1.65%;
}

table .tablesorter2.stripeTable {
	padding: 0;
	margin: 0;
}

	table .tablesorter2.stripeTable td,
	table .tablesorter2.stripeTable .customerDetailsThead.header {
		font-size: 16px;
		text-align: left;
		padding: 8px 20px;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		vertical-align: top;
	}

		table .tablesorter2.stripeTable .customerDetailsThead.header:last-child {
			padding: 8px 0 8px 8px;
		}

table .two-col-layout .tablesorter2.stripeTable,
table.two-col-layout .tablesorter2.stripeTable thead,
table.two-col-layout .tablesorter2.stripeTable tbody,
table.two-col-layout .tablesorter2.stripeTable th,
table.two-col-layout .tablesorter2.stripeTable td,
table.two-col-layout .tablesorter2.stripeTable tr {
	display: auto !important;
	width: auto !important\9;
	/* IE9 hack */
	float: none !important;
	\9; /* IE9 hack */
}

.prodtGp {
	font-weight: bold;
}

/* === Scrollable table === */

.tables_wrapper.scroll {
	margin: 0 0 40px 0;
	max-width: 1200px;
	width: 100%;
}

table td ul:last-child {
	margin-bottom: 10px !important;
}

table.scrollable-table {
	padding: 0;
	margin: 0 0 40px 0;
	width: 100%;
}

	table.scrollable-table .subhead {
		background-color: #e1e5e9;
		font-size: 18px;
	}

	table.scrollable-table h4 {
		color: #00aeef;
		font-size: 18px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		padding: 0;
	}

	table.scrollable-table th a {
		color: #fff;
	}

	table.scrollable-table tbody td, .scrollable-table tr th {
		font-size: 15px;
		line-height: 26px;
		border: 0;
		padding: 10px 20px;
		color: #545454;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		vertical-align: middle;
	}

	table.scrollable-table th p {
		margin-bottom: 0 !important;
	}

	table.scrollable-table tr.desc td:nth-child(n+2) {
		font-size: 12px;
		line-height: 20px;
	}


	/*table.scrollable-table tbody td {
    border: 1px solid #f1f1f1;
}
*/
	table.scrollable-table tr th {
		background-color: #e67824;
		color: #fff;
		font-weight: bold;
		text-align: left;
	}

		table.scrollable-table tr th.sub-head {
			background-color: #3393ce;
		}

	table.scrollable-table tr:nth-child(odd),
	table.scrollable-table tr.odd td {
		background-color: #fff;
		border: none;
	}


	table.scrollable-table tr:nth-child(even),
	table.scrollable-table tr.even td {
		background-color: #f3f3f3;
		border: none;
	}

	table.scrollable-table tr.clear-cell td {
		padding: 10px 20px;
		vertical-align: top;
	}

	table.scrollable-table tr.grey-cell td {
		padding: 10px 20px;
	}

.tables_wrapper {
	display: table;
	max-width: 100%;
	overflow: hidden;
	outline: none;
}

table.scrollable-table.two-col td {
	width: 50%;
}

.expandTb_content .tables_wrapper.scroll {
	overflow: inherit;
	border: none;
}

/* === Benefits and features table === */

#page .benefits-features h2 {
	padding: 0;
}

table.benefits-features, table.benefits-features p {
	color: #697378;
}

	table.benefits-features p {
		margin: 0;
		padding: 0;
	}

	table.benefits-features h2 {
		color: #005dab;
		background-color: #e5f4ff;
		border-bottom: 0;
		margin-bottom: -1px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 25px;
	}

	table.benefits-features td {
		padding: 20px;
		margin: 0;
		width: 50%;
		background-color: #e5f4ff;
		border: 1px solid #fff;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	table.benefits-features.stripe tr:nth-child(even) td {
		background-color: #fafcfe;
	}

	table.benefits-features th {
		padding: 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		background-color: #e5f4ff;
	}

/* Share links
====================================== */

.share-links {
	display: none; /* Hiding until updated */
	height: 40px;
	position: relative;
	z-index: 999;
	max-width: 1200px;
	margin: auto;
	left: 0;
	right: 0;
	padding: 40px 20px 40px 44px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 113px;
	z-index: 9999;
}

.breadcrumbs {
	top: 7px;
	padding: 20px 0 40px 0;
	margin-top: 0;
	display: block;
}

ul#shareThisList {
	right: 0;
	text-align: left;
	z-index: 99;
}

ul#shareThisList {
	width: 100%;
	margin: 0;
	position: relative;
	left: 0;
}

#shareThisList li ul {
	margin-top: 10px;
}

#shareThisList li ul {
	margin-top: 10px;
}

ul#shareThisList li ul:before {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

ul#shareThisList > li:first-child, ul#shareThisList > li:nth-child(2) {
	float: left;
}

.socialLink_em, .socialLink_st {
	padding: 0;
	margin-right: 10px;
}

ul#shareThisList li ul li {
	width: inherit;
	margin: 0;
}

ul#shareThisList ul li li {
	display: list-item;
}

ul#shareThisList li a {
	display: block;
	border: 1px solid #bbbbbb;
	background-color: #fff;
	border-radius: 4px;
	height: 31px;
	line-height: 30px;
	padding: 0 16px;
	text-decoration: none;
	font-size: 14px;
}

	ul#shareThisList li a:hover {
		background: #ebebeb;
	}

ul#shareThisList li:nth-child(2) a:active,
ul#shareThisList li ul li:first-child a {
	border-radius: 4px 4px 0 0;
}

ul#shareThisList li ul li:nth-child(2) a,
ul#shareThisList li ul li:nth-child(3) a,
ul#shareThisList li ul li:nth-child(2) a:hover,
ul#shareThisList li ul li:nth-child(3) a:hover {
	border-radius: 0;
	border-top: none;
}

ul#shareThisList li ul li:last-child a,
ul#shareThisList li ul li:last-child a:hover {
	border-radius: 0 0 4px 4px;
	border-top: none;
}


/* Editor styles
====================================== */

div#page p.Rate-interest,
div#page p.Rate-comparison {
	display: inline-block;
	margin: 0 20px 40px 0;
	max-width: 250px;
}

.Rate-interest span.input,
.Rate-comparison span.input {
	font-size: 50px;
	font-weight: bold;
	line-height: 50px;
}

.Rate-interest span.postfix,
.Rate-comparison span.postfix {
	font-weight: normal;
	font-size: 25px;
}

.Rate-interest {
	color: #e67824;
}

.Rate-comparison {
	color: #5D6163;
}

iframe.R-Video {
	width: 100%;
	max-width: 650px;
}


/* Misc
====================================== */

/* byond nav bar styling */

.edit_module {
	top: 0;
	right: 0;
}

div#myLogin,
#adminNav {
	position: fixed;
	/*top: 200px !important;*/
	z-index: 9991 !important;
}

#adminNav {
	width: auto !important;
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}

.down-arrow {
	cursor: pointer;
	position: absolute;
	color: #fff;
	bottom: 20px;
	margin: auto;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	border: 1px solid #fff;
	z-index: 9999;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 30px;
	text-decoration: none;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-transition: background-color ease 0.3s;
	-moz-transition: background-color ease 0.3s;
	-o-transition: background-color ease 0.3s;
	transition: background-color ease 0.3s;
}

	.down-arrow:hover {
		background-color: rgba(255,255,255, 0.2);
		color: #fff;
	}

.anchor {
	margin: -160px 0 0 0;
	display: block;
	position: absolute;
}

/* Search page styles */

table.contentpaneopen fieldset {
	margin: 0 0 20px 0;
}

div.componentheading {
	font-size: 30px;
}

#searchForm td input {
	padding: 10px;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
}

form#searchForm {
	margin: 40px 0;
	padding: 20px;
	background: #f5f5f5;
	border-radius: 6px;
}

/* Search page styles */


/* Hack the live chat position
  .LPMcontainer,
  .lpchat-container {
    right:                                  0 !important;
    left: auto                             ! important;
  }

  .LPMcontainer,
  .lpchat-container {
    top:                                    auto !important;
    bottom:                                 0 !important;
  }
  */

.fifty-years {
	position: absolute;
	top: 25px;
	right: 90%;
	left: -160px;
}

.mobile {
	display: none;
	z-index: 9999;
	position: relative;
}

img.responsiveImage {
	border: 0 none;
	display: block;
	height: auto !important;
	max-width: 100%;
	width: 100% !important;
}

.max-size {
	max-width: 240px !important;
}

.site-by img {
   position: relative;
   top: 7px;
   left: 2px;
   width: 30px;
}


	.site-by:hover {
		text-decoration: none;
		color: #fff;
	}

	.site-by i {
		color: #fff;
		font-size: 40px;
		vertical-align: middle;
		margin: 0 -0.35em 0 0.05em;
	}

.contentpaneopen_edit {
	position: relative;
	height: 30px;
	margin-bottom: 20px;
	width: 30px;
	background: #007fd4;
	text-align: center;
	padding: 4px;
	box-shadow: 3px 3px 0 0 rgba(68,68,68,0.2);
}

div#page p img {
	max-width: auto;
	padding: 0;
}

div#page p.buttonheading, div.blog p.buttonheading {
	position: absolute;
	display: block;
	background-color: #fff;
	height: 31px;
	line-height: 30px;
	text-decoration: none;
	font-size: 14px;
	z-index: 999;
	width: 35px;
	text-align: center;
	bottom: -151px;
	display: none; /* Hiding until share-links updated */
}

	div#page p.buttonheading a, div.blog p.buttonheading a {
		border: 1px solid #bbbbbb;
		border-radius: 4px;
		text-decoration: none;
		height: 100%;
		width: 100%;
		display: block;
	}

		div#page p.buttonheading a:hover, div.blog p.buttonheading a:hover {
			background-color: #ebebeb;
		}


		div#page p.buttonheading a:before, div.blog p.buttonheading a:before {
			content: "\e60b";
			font-size: 22px;
			line-height: 32px;
			color: #007fd4;
		}

	div#page p.buttonheading img, div.blog p.buttonheading img {
		display: none;
	}

.mobile-logo {
	height: 100%;
	display: inline-block;
}

/*blog summary buttons*/

.button2-left .readmore {
    float: none;
    clear: both;
    border: 2px solid orange;
    max-width: 110px;
    border-radius: 25px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    text-align: center;
    color: orange;
	font-size: 16px; 
	font-family: "Open Sans", Tahoma, Arial, Helvetica, sans-serif;
}


/* Campaigns
====================================== */

section.content.campaign {
	margin-top: 40px;
}

.campaign .internal-banner h1 {
	padding: 0;
	text-align: inherit;
}

.internal-banner h1 {
	padding: 0;
	text-align: center;
}



.banner-content h1 {
	letter-spacing: 1px;
	z-index: 98;
	font-size: 40px;
	font-family: 'Open Sans', Helvetica, Arial;
	color: #fff;
	position: relative;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.banner-content {
	padding: 0 40px;
	max-width: 1140px;
	text-align:center;
}



.internal-banner-campaign a {
	position: relative;
	z-index: 9999;
	text-align: center;
	display: block;
	margin: 20px auto;
	width: 300px;
	text-decoration: none;
	height: 60px;
	line-height: 60px;
	font-size: 21px;
	min-width: 108px;
	border: 0;
}

.share-links.campaign {
	display: inline-block;
	height: 85px;
	position: relative;
	z-index: 999;
	margin: auto;
	float: right;
	padding: 23px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	z-index: 9999;
	width: 144px;
}


/* Tabs
====================================== */

div.byondTabContent {
	width: 100%;
}

span.bigtext {
	display: inline-block;
	margin: 13px 0 0 0;
	font-size: 47px;
}

#page ul#byondTabMenu li:first-child, ul#byondTabMenu li:first-child {
	border-radius: 6px 0 0 0;
}

#page ul#byondTabMenu li:last-child, ul#byondTabMenu li:last-child {
	border-radius: 0 6px 0 0;
}

body.Section38 #page ul#byondTabMenu li:first-child, body.Section37 #page ul#byondTabMenu li:first-child,
body.Section36 #page ul#byondTabMenu li:first-child, body.Section33 #page ul#byondTabMenu li:first-child,
body.Section35 #page ul#byondTabMenu li:first-child, body.Section32 #page ul#byondTabMenu li:first-child {
	border-radius: 6px 0 0 6px;
}

body.Section38 #page ul#byondTabMenu li:last-child, body.Section37 #page ul#byondTabMenu li:last-child,
body.Section36 #page ul#byondTabMenu li:last-child, body.Section33 #page ul#byondTabMenu li:last-child,
body.Section35 #page ul#byondTabMenu li:last-child, body.Section32 #page ul#byondTabMenu li:last-child {
	border-radius: 0 6px 6px 0;
}

#page ul#byondTabMenu, ul#byondTabMenu {
	list-style-type: none;
	margin: 0;
	height: 50px;
	border-bottom: 0;
	margin-bottom: -1px;
}

div#page ul#byondTabMenu li {
	text-indent: 0;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	height: 50px;
	background: #848484;
}

/*  8 Tabs  */

body.Section38 #page ul#byondTabMenu li {
	width: 12.5%;
}

/*  7 Tabs  */

body.Section37 #page ul#byondTabMenu li {
	width: 14.28%;
}

/*  6 Tabs  */

body.Section36 #page ul#byondTabMenu li {
	width: 16.65%;
}

/*  5 Tabs  */

body.Section33 #page ul#byondTabMenu li {
	width: 20%;
}

/*  4 Tabs  */

body.Section35 #page ul#byondTabMenu li {
	width: 25%;
}

/*  3 Tabs  */

body.Section32 #page ul#byondTabMenu li {
	width: 33.3%;
}



div#page ul#byondTabMenu li:before {
	content: none;
}

#page ul#byondTabMenu li a:hover,
#page ul#byondTabMenu li a:active,
#page ul#byondTabMenu li.active a,
ul#byondTabMenu li a:hover,
ul#byondTabMenu li a:active,
ul#byondTabMenu li.active a {
	padding: 7px 5px;
	font-weight: bold;
	line-height: 24px;
}

ul#byondTabMenu li:hover,
ul#byondTabMenu li:active,
ul#byondTabMenu li.active,
#page ul#byondTabMenu li:hover,
#page ul#byondTabMenu li:active,
#page ul#byondTabMenu li.active {
	list-style-type: none;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 12px;
	height: 50px;
	border-top: 1px solid #e67824;
	border-left: 1px solid #e67824;
	border-right: 1px solid #e67824;
	background: #e67824;
}

	ul#byondTabMenu li.active:hover,
	#page ul#byondTabMenu li.active:hover,
	ul#byondTabMenu li:hover,
	#page ul#byondTabMenu li:hover {
		border-top: 1px solid #e67824;
		border-left: 1px solid #e67824;
		border-right: 1px solid #e67824;
		background: #e67824;
	}

ul#byondTabMenu li a:link,
ul#byondTabMenu li a:visited,
#page ul#byondTabMenu li a:link,
#page ul#byondTabMenu li a:visited {
	background-image: none;
	padding: 0 15px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	height: 100%;
	text-align: center;
}

#page ul#byondTabMenu li.active a,
#page ul#byondTabMenu li a:hover {
	color: #ffffff;
}

#page ul#byondTabMenu li:before,
ul#byondTabMenu li:before {
	content: none;
}


/* ---------------------- Page header styling ---------------------- */

#sectionHeader img {
	position: absolute;
	left: -50%;
	right: -50%;
	margin: auto;
}

#sectionHeader .promotext.titleSansImage {
	left: 0;
	display: block;
	position: relative;
	padding: 0;
}


/* Calculators
============================================================================ */

.default_layout:before, .responsive_layout:before, .phones_layout:before, .phones_to_tablets_layout:before,
.default_layout:after, .responsive_layout:after, .phones_layout:after, .phones_to_tablets_layout:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.borrowing-power-calculator-app, .stamp-duty-calculator-app, .extra-repayments-calculator-app,
.lump-sum-calculator-app, .budget-planner-calculator-app, .income-tax-app, .personal-loan-calculator-app,
.car-loan-calculator-app, .savings-plan-calculator-app, .split-loan-calculator-app, .term-deposit-calculator-app, .honeymoon-calculator-app {
	margin: 0 auto;
	max-width: 1000px !important;
}

.loan-calculator-app{
	max-width: 614px;
	margin:0 auto;
}

.loan-comparison-calculator-app {
	margin: 0 auto;
}

.loan-calculator-app .gbst-loan-repayment .content .inputs-wrapper .section li.short-select-wrapper {
	width: auto !important;
}

.amount input.range .standard-input {
	margin: 0;
}

.responsive_layout .ui-accordion-header [class^="icon-"], .responsive_layout .ui-accordion-header [class*="icon-"] {
	margin: 0;
}

.responsive_layout .gbst-loan-repayment {
	border: 1px solid #e2e2e2 !important;
}

.responsive_layout div.highcharts-container, .responsive_layout div.highcharts-container svg {
	width: 100% !important;
	min-width: 0 !important;
}

.gbst-loan-repayment .title {
	height: 40px;
}

div#page .phones_layout tr, div#page .phones_layout th, div#page .phones_layout td,
div#page .responsive_layout tr, div#page .responsive_layout th, div#page .responsive_layout td,
div#page .phones_to_tablets_layout tr, div#page .phones_to_tablets_layout th, div#page .phones_to_tablets_layout td,
div#page .default_layout tr, div#page .default_layout th, div#page .default_layout td {
	float: none;
	margin: 0 !important;
}

td.state, td.phone {
	vertical-align: middle !important;
}

.phones_layout, .responsive_layout, .phones_to_tablets_layout, .default_layout {
	min-width: 0 !important;
}

ul.controls-wrapper li {
	vertical-align: top;
}

div#page .responsive_layout ul {
	margin: 0;
	padding: 0 10px;
}

	div#page .phones_layout ul li, div#page .responsive_layout ul li, div#page .phones_to_tablets_layout ul li, div#page .default_layout ul li {
		text-indent: 0 !important;
	}

	div#page .responsive_layout ul li, div#page .portrait_tablets_layout ul li, div#page .default_layout ul li {
		text-indent: 0;
		margin: 0;
		padding: 25px 10px 0 10px;
		font-size: 16px;
		line-height: 26px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

ul.ui-widget li {
	margin: 0;
}

div#page .responsive_layout ul li:before, div#page .portrait_tablets_layout ul li:before, div#page .phones_to_tablets_layout ul li:before, div#page .default_layout ul li:before {
	content: none;
}

div#page .responsive_layout h1, div#page .portrait_tablets_layout h1, div#page .phones_to_tablets_layout h1, div#page .default_layout h1 {
	padding: 0;
	font: normal normal 20px/35px Arial, Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
}

.savings-plan-calculator-app .loan-inputs h2, .responsive_layout .inputs-wrapper h2, .default_layout .inputs-wrapper h2 {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

div.borrowing-power-calculator-app .gbst-loan-repayment .content .inputs-wrapper .section li .borrowing-power-selectmenu-short,
div.borrowing-power-calculator-app .gbst-loan-repayment .content .inputs-wrapper .section li .borrowing-power-selectmenu {
	margin-top: 26px;
}

.income-tax-app .gbst-loan-repayment .content .inputs-wrapper .section h2,
.car-loan-calculator-app .gbst-loan-repayment .content .inputs-wrapper h2,
.term-deposit-calculator-app .gbst-loan-repayment .content .loan-main-view .inputs-wrapper h2 {
	padding: 0 !important;
}

.income-tax-app .gbst-loan-repayment .content .results-wrapper .outputs-wrapper .results-box.result li,
.stamp-duty-calculator-app .gbst-loan-repayment .content .results-wrapper ul li {
	padding: 0 !important;
}

.results-line .results-title {
	line-height: normal;
}

.savings-plan-calculator-app .gbst-loan-repayment .content .loan-main-view .outputs-wrapper .results-box.result .sep-result {
	margin: 0 !important;
}


.borrowing-power-calculator-app h2, .loan-calculator-app h2, .stamp-duty-calculator-app h2, .extra-repayments-calculator-app h2,
.lump-sum-calculator-app h2, .loan-comparison-calculator-app h2, .budget-planner-calculator-app h2, .income-tax-app h2, .personal-loan-calculator-app h2,
.car-loan-calculator-app h2, .savings-plan-calculator-app h2, .split-loan-calculator-app h2, .term-deposit-calculator-app h2 {
	padding: 0;
}


/*======================================================================


Embedded form module 


========================================================================
*/


.formSection-wrapper .backgroundImage {
	height: 100%;
	left: 0;
	margin: 0;
	max-height: 700px;
	overflow: hidden;
	position: relative;
	right: 0;
	width: 100%;
}


.formSection-wrapper {
	background: #e67824 none repeat scroll 0 0;
	height: 100%;
	left: 0;
	margin: 0;
	max-height: 700px;
	position: relative;
	right: 0;
	width: 100%;
}

	.formSection-wrapper h2 {
		text-align: left;
		padding: 0 20px;
	}

	.formSection-wrapper img {
		height: 100%;
		width: auto;
		position: absolute;
		left: -300%;
		right: -300%;
		margin: auto;
		min-height: 100%;
		min-width: 100%;
		max-height: 600px;
	}

.formSection-inner {
	box-sizing: border-box;
	left: 0;
	margin: auto;
	max-width: 990px;
	padding: 20px 40px 20px 20px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	z-index: 9991;
	background: rgba(0, 0, 0, 0.7);
}

.form {
	width: 70%;
	text-align: left;
	display: inline-block;
}

.ctas {
    width: 25%;
    display: inline-block;
    margin: 0 0 0 0%;
    vertical-align: top;
	text-align: left;
}


/*////////////////HOME LOANS CUSTOM PAGE//////////////*/

section.content.homeloan{
	max-width:100%;
	background:#f6f6f6;
}

.homeloanpromos{
	max-width:1200px;
	margin:100px auto 0 auto;
}

.homeloanpromos .homeloan1, .homeloanpromos .homeloan2, .homeloanpromos .homeloan4, .homeloanpromos .homeloan5{
	margin-right:3.5%;
	margin-bottom:3.5%
}

.homeloanpromos .l-col.l-md-4{
	width:31%;
}

section.homeloan .btn, .btn.outline{
	color:#e67824;
}

section.homeloan .btn:hover{
	color:#fff;
	background:#e67824;
}


.homeloaninternal table td{
	background-color:#fff !important;
}

.homeloaninternal table{
	margin:0 !important;
	}
	
	.homeloaninternal table.expandTb{
		border-bottom:1px solid #adadad;
	}

/*flip images*/

#boxes{
	max-width:1200px;
	margin:100px auto 0 auto;
}

#boxes p, #boxes h2{
	color:#fff;
	padding:0 20px;
}

#boxes p{
		line-height:22px;
		margin: 10px 20px;
}

#boxes .mask h2{
		margin-top:20%;	
		padding-bottom:10px;
}

.item {
    overflow: hidden;
    position: relative;
/*    max-width: 550px;*/
	float:left;
	margin:1.6%;
	width:30%;
	-webkit-tap-highlight-color:transparent;  /*fix for flicker on ipad*/
}

.item .heading{
    box-sizing: border-box;
    left: 0;
    margin: auto;
    max-width: 800px;
    padding: 0 40px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
    width: 100%;
    z-index: 999;
}


.item .heading h2, .item .heading h2 a{
	color:#fff;
	    font-size: 28px;
    line-height: 40px;
	text-align:center;
	padding:0 10px;

	
	
}

.item-first .mask {
    opacity: 0;
    transition: all 0.3s ease-in-out 0.3s;
	background:#fff;
	text-align:center;
}

.item-first .mask h2{
	padding:50px 30px 0 30px;
	margin:0;
}

div#page .item-first .mask p{
	padding:30px 60px;
	font-size:1.2em;
}

.item .mask {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
	/*background:#2c2c2c;*/
	background-image: url(/templates/client/images/homeloansBG.gif)
}

.item i {
	color: #e67824;
    font-size: 50px;
    text-align: center;
    display: block;
    line-height: 68px;
	padding:10px 10px 10px 30px;
	}


.item-first:hover .mask, .item-first:active .mask {
    opacity: 1;
    transition: all 0.3s ease-in-out 0.3s;
}

.item-first:hover .heading, .item-first:active .heading {
	opacity:0;
	 transition: all 0.3s ease-in-out 0.3s;
}

.item-first .heading, .item-first .heading {
	opacity:1;
	 transition: all 0.3s ease-in-out 0.3s;
}
.item-first img {
    transition: all 0.3s linear 0.3s;
}
.item img {
    display: block;
    position: relative;
    width: 100%;
}


.item .btn{
		display: 					block;
		margin: 					0 0 20px 0;	
  		-webkit-box-sizing: 		border-box;
		-moz-box-sizing: 			border-box;    
		box-sizing: 				border-box;
		max-width:250px;

	}
	
	.mask .btn{
		margin:0 auto;
		left: 0;
right: 0;
position:absolute;
bottom:40px;
	}

/*ie 9 and 10 fix - centre the button on each box*/
@media screen and (min-width:0\0) {
    .mask .btn{ width:250px;}
}


/*end of flip images*/

@media all and (max-width: 1500px) {

	.formSection-wrapper img {
		left: -300% !important;
		margin: auto;
		right: -300% !important;
		width: auto !important;
		z-index: 0;
		height: 100%;
	}
}


@media all and (max-width: 950px) {
	
	#boxes .mask h2{
		margin-top:10%;
	}
	
	.item{
		 width: 32.3%;
		 margin:0.5%;
	}
	
	.item .btn{
		max-width:200px;
	}
	
	.form {
		width: 80%;
		margin: 0 auto;
		display: block;
	}

	.formSection-wrapper h2 {
		padding: 0 20px;
		text-align: center;
	}

	.formSection-wrapper iframe {
		height: 600px !important;
	}

	.formSection-wrapper, .formSection-wrapper .backgroundImage {
		max-height: 710px;
		    z-index: 1;
	}
	
	.formSection-inner {
		padding: 20px 0 20px 20px;
		max-height: 570px;
	}
	.ctas {
		display: none;
	}
}


/*
=========================================================================

								
		CREDIT CARD KEY FACTS SHEET 


=========================================================================
*/

table.keyFactSheet {
	width: 100%;
}

	table.keyFactSheet h2 {
		margin: 20px 0 5px !important;
		padding: 0 !important;
		text-align: left;
	}

.pull {
	font-size: 14px;
	font-weight: bold;
	color: #135f91;
}

table.keyFactSheet td.header {
	background-color: #135f91;
}

table.keyFactSheet tr.highlight {
	color: #565656;
	font-size: 13px;
	font-weight: bold;
	background-color: #aacae0;
}

	table.keyFactSheet tr.highlight td.firstColumn {
		background-color: #aacae0;
		color: #565656;
	}

	table.keyFactSheet tr.highlight.even td {
		background-color: #aacae0;
	}

	table.keyFactSheet tr.highlight.odd td {
		background-color: #fff;
	}

		table.keyFactSheet tr.highlight.odd td.firstColumn {
			background-color: #fff;
			color: #565656;
		}

table.keyFactSheet .title {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}

table.keyFactSheet td.header {
	border-radius: 10px 10px 0px 0px;
}

table.keyFactSheet p {
	padding: 5px;
}

table.keyFactSheet tr {
	border-bottom: solid 1px #eee;
}

table.keyFactSheet td {
	padding: 5px;
	border: none;
	width: 33.33%;
}

table.keyFactSheet tr.odd {
	background-color: #f3f3f3;
}

table.keyFactSheet td.columnOdd {
	font-weight: normal;
	font-size: 12px;
}

table.keyFactSheet td.columnEven {
	font-weight: normal;
	font-size: 12px;
}

tr.odd table.keyFactSheet td {
	padding: 5px;
	border: none;
}

table.keyFactSheet td.header {
	background-color: #faa633;
	border-right: solid 1px #fff;
	color: #fff;
	padding: 10px;
	/*width:30%;*/
}

table.keyFactSheet td.firstColumn {
	background-color: #fff;
	color: #565656;
	font-size: 13px;
	font-weight: bold;
}

table.keyFactSheet tr.odd td.firstColumn {
	background-color: #f3f3f3;
	color: #565656;
	font-size: 13px;
	font-weight: bold;
}

div#accountSwitching {
	position: relative;
	float: left;
	width: 100%;
	width: 668px;
	height: auto !IMPORTANT;
}



/* =========================================== 

Forms and applications

=========================================== */

/*div#page ul li{
  padding: 0;
  text-indent: 0;
}*/

div#page .forms-applications {
	list-style: none;
	margin: 0;
	padding: 0;
}

	div#page .forms-applications h3 {
		margin: 0;
		padding: 20px 0;
		font-size: 25px;
		line-height: 30px;
	}

	div#page .forms-applications p {
		padding: 0;
	}


div#page ul.forms-applications li:before {
	content: none;
}

div#page .forms-applications:before,
div#page .forms-applications:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

div#page .forms-applications > li {
	width: 25%;
	height: 376px;
	display: block;
	background-color: #f3f3f3;
	float: left;
	margin: 0;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	text-indent: 0;
	color: #e67824;
}

	div#page .forms-applications > li a,
	div#page .forms-applications > li h2,
	div#page .forms-applications > li h2 a {
		color: inherit;
	}

	div#page .forms-applications > li:first-child {
		padding: 20px;
	}

		div#page .forms-applications > li:first-child > img {
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
			top: 50%;
			position: absolute;
			height: auto !important;
			width: 100% !important;
		}

	div#page .forms-applications > li:nth-child(2n+1) {
		background-color: #dfdfdf;
	}

	div#page .forms-applications > li:nth-child(4n) {
		background-color: #848484;
		color: #fff;
	}

/*div#page .forms-applications > li:nth-child(4n+1) {
	background-color: #f3f3f3;
}*/

/*div#page .forms-applications li:nth-child(4),
div#page .forms-applications li:nth-child(6),
div#page .forms-applications li:nth-child(12),
div#page .forms-applications li:nth-child(14),
div#page .forms-applications li:nth-child(20),
div#page .forms-applications li:nth-child(22) {
	background-color: #fcfcfc;
}

div#page .forms-applications li:nth-child(3),
div#page .forms-applications li:nth-child(9),
div#page .forms-applications li:nth-child(11),
div#page .forms-applications li:nth-child(17),
div#page .forms-applications li:nth-child(19) {
	background-color: #dfdfdf;
}

div#page .forms-applications li:nth-child(4) h2,
div#page .forms-applications li:nth-child(6) h2,
div#page .forms-applications li:nth-child(12) h2,
div#page .forms-applications li:nth-child(14) h2,
div#page .forms-applications li:nth-child(20) h2,
div#page .forms-applications li:nth-child(22) h2 {
	color: #fff;
}

div#page .forms-applications li:nth-child(4) .btn.product,
div#page .forms-applications li:nth-child(6) .btn.product,
div#page .forms-applications li:nth-child(12) .btn.product,
div#page .forms-applications li:nth-child(14) .btn.product,
div#page .forms-applications li:nth-child(20) .btn.product,
div#page .forms-applications li:nth-child(22) .btn.product {
	color: #fff;
}*/


/* Max Break points
====================================== */




@media all and (max-width: 1230px) {
	

	.is-scam-alert-loaded .menu-top-wrapper {
		padding-right: 3.5em;
		max-width: none;
	}

	.TB_Wrapper .Slide div .txtCont span span {
		font-size: 50px;
		line-height: 55px;
	}


	.TB_Wrapper .Slide > div {
		overflow: visible;
	}

	.quick-tools li a {
		font-size: 0.8em;
	}
	
	.quick-tools li{
		margin:0 20px;
	}
	
	.quick-tools li i{
		font-size:34px;
	}

	.qt-wrapper-home .quick-tools li a {
		margin-left: auto;
		margin-right: 0;
	}

	.quick-tools li a[class^="icon-"]:before, .quick-tools li a[class*=" icon-"]:before {
		font-size: 38px;
	}

	[class^="icon-"] span, [class*=" icon-"] span {
		font-size: 14px;
		padding: 0 8px;
	}

	/*	 .tables_wrapper.scroll {
        display: block;
        -webkit-overflow-scrolling: touch;
        overflow: auto;
        width: 100%;
        border-left: 1px solid #ebebeb;
       
    }*/

	.tables_wrapper.scroll {
		display: block;
		-webkit-overflow-scrolling: touch;
		overflow: auto;
		border-right: 1px dashed;
		width: 100%;
		cursor: move;
		border-left: 1px solid #ebebeb;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	div#page .forms-applications > li {
		min-height: 340px;
	}
}

@media all and (max-width: 1030px) {


.news .articlelist_intro {
		display: none;
	}
	
	.sub-promo-rate li span.input {
		font-size: 26px;
	}
	
	.sub-promo-rate li span.postfix {
		font-size: 18px;
	}
	
	.sub-promo-rate li {
		width: 47%;
		padding: 0;
		vertical-align: top;
	}
	
	.sub-promo h3 {
    	font-size: 22px;
	}
	
	.sub-promo-content {
		padding: 0 20px;
	}
	/* home loan boxes*/
	
	.mask .btn {
		bottom: 20px;
	}
	#boxes .mask h2 {
    	margin-top: 10%;
	}
}

@media all and (max-width: 1023px) {

	.desktop {
		display: none;
	}

	.mobile {
		display: inline-block;
	}

	.main-wrapper {
		margin-top: 160px;
	}

	.menu-top-wrapper {
		height: 85px;
	}

	.btn.ib.mobile {
		display: none;
	}

	.main-menu-top li {
		font-size: 12px;
		padding: 0 25px 0 0;
	}

	.menutopMenu li {
		font-size: 1em;
	}

		.menutopMenu li:last-child {
			/*    display:						none;*/
		}

	.internal-banner, .internal-banner-blog {
		height: 180px;
	}

	.internal-banner-campaign {
		height: 320px;
	}

	.TB_Wrapper .Slide div.noSelect {
		width: 75% !important;
	}

	h1,
	.internal-banner h1 span,
	.internal-banner-campaign h1 span,
	h1.componentheading, h1.page-header, div#page h1 {
		font-size: 50px;
	}

	.qt-wrapper-home .quick-tools li {
		display: block;
		width: 100%;
		/*      height:                                   63px;*/
		text-align: left;
		border-right: 0;
		margin: 0 10px;
	}

	ul.quicklinks-popup li {
		width: 100%;
		padding: 10px 20px;
		height: auto;
		border-bottom: 1px solid #ccc;
	}
	
	.qt-wrapper-home{
		width:24%;
	}

		.qt-wrapper-home .quick-tools li:last-child, ul.quicklinks-popup li:last-child {
			border-bottom: none;
		}

		ul.quicklinks-popup li p {
			display: none;
		}


	/*.qt-wrapper-home .quick-tools li a[class^="icon-"],
	.qt-wrapper-home .quick-tools li a[class*=" icon-"],
	.main-menu-bottom:after,
	.main-menu-bottom button.search:before,
	.icon-phone-Icon:before,
	.icon-Logo-Icon:before,
	.site-by:after,
	div#page ul li:before,
	div.blog ul li:before {
		line-height: 32px;
	}*/

	/*.qt-wrapper-internal {
		height: auto;
	}

		.qt-wrapper-internal .quick-tools {
			overflow: hidden;
		}

			.qt-wrapper-internal .quick-tools li {
				display: block;
				width: 100%;
				height: 63px;
				text-align: left;
				border-right: 0;
				margin: 0;
			}*/

	.subpromo-menu li {
		border-left: 0;
		border-right: 0;
		border-top: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;
	}

		.subpromo-menu li:first-child {
			border-top: 0;
		}

		.subpromo-menu li:last-child {
			border-bottom: 0;
		}

		/*.sub-promo {
		height: inherit;
		min-height: 2160px;
	}*/

		.subpromo-menu li, .subpromo-menu li:first-child, .subpromo-menu li:nth-child(2) {
			width: 100%;
			display: block;
		}

	.sub-promo h3 {
		font-size: 30px;
		line-height: 35px;
	}

	div#page .forms-applications > li:first-child {
		width: 66.66667%;
	}

	div#page .forms-applications > li {
		width: 33.33333%;
		min-height: 380px;
	}

	.Rate-interest span.input, .Rate-comparison span.input {
		font-size: 30px;
	}

	.Rate-interest span.postfix, .Rate-comparison span.postfix {
		font-size: 20px;
	}

	/* Tables */

	ul#byondTabMenu li a:link, ul#byondTabMenu li a:visited, #page ul#byondTabMenu li a:link, #page ul#byondTabMenu li a:visited {
		border-radius: 6px;
		font-size: 13px;
		padding: 0 5px;
	}

	body.Section38 #page ul#byondTabMenu li:last-child, body.Section37 #page ul#byondTabMenu li:last-child,
	body.Section36 #page ul#byondTabMenu li:last-child, body.Section33 #page ul#byondTabMenu li:last-child,
	body.Section35 #page ul#byondTabMenu li:last-child, body.Section32 #page ul#byondTabMenu li:last-child {
		margin-bottom: 5px;
	}

	table.two-col-layout-cta.stripeTable .customerDetailsThead,
	table.two-col-layout-cta.stripeTable {
		margin: 0;
	}

	table.two-col-layout-cta, table.two-col-layout-cta thead, table.two-col-layout-cta tbody,
	table.two-col-layout-cta th, table.two-col-layout-cta td, table.two-col-layout-cta tr, table.two-col-layout-cta td:last-child {
		display: block;
		width: 100%\9;
		/* IE9 hack */
		float: left;
		\9; /* IE9 hack */
	}

		table.two-col-layout-cta td,
		table.two-col-layout-cta.stripeTable td,
		table.two-col-layout-cta td:last-child,
		table.two-col-layout-cta.stripeTable td:last-child,
		table.three-col-layout-cta td,
		table.three-col-layout-cta.stripeTable td,
		table.three-col-layout-cta td:last-child,
		table.three-col-layout-cta.stripeTable td:last-child {
			padding: 0;
			position: relative;
			width: 100%;
		}

			table.two-col-layout-cta td:first-child {
				padding: 0;
			}

		table.two-col-layout-cta td,
		table.two-col-layout-cta.stripeTable td {
			margin: 0 0 40px 0 !important;
		}

			table.two-col-layout-cta td:last-child,
			table.two-col-layout-cta.stripeTable td:last-child,
			table.three-col-layout-cta td:last-child,
			table.three-col-layout-cta.stripeTable td:last-child {
				margin: 0 !important;
			}

				table.two-col-layout-cta td:last-child .btn {
					display: inline-block;
					margin: 0 20px 20px auto;
				}

	.tables_wrapper table.scrollable-table {
		margin: 0;
		border-left: none;
	}


	.site-links {
		padding: 0;
	}


		.site-links h3 {
			margin: 0;
			background-color: #eeeeee;
			color: #b3c21d;
			width: 100%;
			padding: 20px 0;
			font-size:20px;
			line-height:20px;
			height:20px;
			font-weight: bold;
			-webkit-transition: background-color ease 0.3s;
			-moz-transition: background-color ease 0.3s;
			-o-transition: background-color ease 0.3s;
			transition: background-color ease 0.3s;
			z-index: 999;
			cursor: pointer;
		}

			.site-links h3:after, .site-links h3.active:after {
				font-size: 20px;
				display: inline-block;
				font-weight: bold;
				line-height: 0;
				
			}

			.site-links h3:after {
				content:"\ede6";
				font-family: 'IcoMoon-Ultimate';
				color:#b3c21d;
				
			}

			.site-links h3.active:after {
				content:"\ede4";
				font-family: 'IcoMoon-Ultimate';
				
			}

			.site-links h3.active {
				padding: 0;
				margin: 0;
				background-color: #ededed;
				color: #333;
				width: 100%;
				padding: 20px 0;
				font-weight: normal;
			}



	.links-tbl {
		display: none;
		border-bottom: 10px solid #ededed;
	}

	#search-form {
		width: 150px;
	}

		#search-form input {
			width: 114px;
		}
		
		 
	.qt-wrapper-home .quick-tools li {
		text-align: center;
		margin: 0;
	}
		
	.quick-tools li a:before {
		content: none;
	}
	
	.quick-tools li i {
		display: block;
		
	}
	.quick-tools li i {
		display: block;
	}
	
	.quick-tools li i:before {
		position: relative;
		left: 10px;
	}
	
	.qt-wrapper-internal ul.quick-tools li i {
    display: block;
    padding-left: 20px;
    padding-top: 40px;
    padding-bottom: 10px;
}
	
	.news .articlelist_title a,
.news .articlelist_title span {
	
	color: #ffffff;
	
}

.mod-sub.news .jcarousel-skin-tango-lnews .jcarousel-prev,
		.mod-sub.news .jcarousel-skin-tango-lnews .jcarousel-next {
			vertical-align: bottom;
			
		}
		
		
		.mod-sub.news .jcarousel-skin-tango-lnews .jcarousel-prev:before,
			.mod-sub.news .jcarousel-skin-tango-lnews .jcarousel-next:before {
				vertical-align: top;
			}
		

		
		
		
		
}


@media all and (max-width: 875px) {
	
	.quick-tools li i{
		font-size:34px;
		color: #e67824;
	}

	.main-menu-bottom input {
		width: 140px;
	}

	.btn.ib {
		width: 27px;
		padding: 0 14px;
	}

		.btn.ib:before {
			border-right: none;
			display: block;
			width: 31px;
			margin: 0 15px 0 0;
			padding: 7px 0 0 0;
			font-size: 24px;
			line-height: 28px;
		}

		.btn.ib:after {
			content: "Login";
			font-size: 12px;
			margin: 33px 0 0 0;
			position: absolute;
			display: block;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-weight: normal;
		}


		.btn.ib span {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

	/*	.btn {
		
	margin:0 20px 20px 0;	
		}
		
	.secondary {
	padding: 0 20px;		
		}*/

	.testimonials .articlelist li {
		display: block;
		width: 100%;
		margin-right: 0;
	}

	.testimonials .articlelist_item .thumbImage {
		/*width: 7%;
		margin-right: 3%;*/
	}

	.testimonials .articlelist_item .articleWrapper {
		float: left;
		width: 100%;
		margin: 0 0 20px 0;
	}


	/* TABLE STYLES */

	table {
		margin: 0;
	}

		table.stripeTable.responsive, table.stripeTable.responsive thead,
		table.stripeTable.responsive tbody, table.stripeTable.responsive th,
		table.stripeTable.responsive td, table.stripeTable.responsive tr,
		table.three-col-layout-cta, table.three-col-layout-cta thead,
		table.three-col-layout-cta tbody, table.three-col-layout-cta th,
		table.three-col-layout-cta td, table.three-col-layout-cta tr,
		table.three-col-layout, table.three-col-layout thead, table.three-col-layout tbody,
		table.three-col-layout th, table.three-col-layout td, table.three-col-layout tr,
		table.four-col-layout, table.four-col-layout thead, table.four-col-layout tbody,
		table.four-col-layout th, table.four-col-layout td, table.four-col-layout tr,
		table.three-col-split, table.three-col-split thead, table.three-col-split tbody,
		table.three-col-split th, table.three-col-split td, table.three-col-split tr table.two-col-split, table.two-col-split thead, table.two-col-split tbody,
		table.two-col-split th, table.two-col-split td, table.two-col-split tr {
			display: block;
			width: 100% !important;
			float: left;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

			table.stripeTable.responsive td,
			table.three-col-layout-cta td,
			table.three-col-layout-cta.stripeTable td,
			table.three-col-layout-cta td:last-child,
			table.three-col-layout-cta.stripeTable td:last-child,
			table.three-col-layout-cta.stripeTable td:last-child,
			table.three-col-layout td,
			table.three-col-layout.stripeTable td,
			table.three-col-layout td:last-child,
			table.three-col-layout.stripeTable td:last-child,
			table.four-col-layout td,
			table.four-col-layout.stripeTable td,
			table.four-col-layout td:last-child,
			table.four-col-layout.stripeTable td:last-child,
			table.four-col-layout td:first-child,
			table.four-col-layout.stripeTable td:first-child {
				padding: 0;
				position: relative;
				width: 100% !important;
				margin: 0 0 40px 0 !important;
			}

			table.three-col-split td, table.three-col-split.stripeTable td, table.three-col-split td:last-child, table.three-col-split.stripeTable td:last-child,
			table.three-col-split td:first-child, table.three-col-split.stripeTable td:first-child {
				padding: 0;
				position: relative;
				width: 100% !important;
			}


	div#page table td:last-child,
	div#page table.expandTb tr, div#page table.expandTb tr td {
		margin: 0 !important;
		width: 100%;
	}

	/* Rates, benefits and features */

	.Rate-interest span.input, .Rate-comparison span.input {
		font-size: 40px;
	}

	table.benefits-features, table.benefits-features tbody, table.benefits-features th, table.benefits-features td {
		width: 100% !important;
		display: block;
		width: 100%\9;
		float: left;
	}

		table.benefits-features.stripe tr td {
			background-color: #f5fafe;
		}

		table.benefits-features.stripe td:last-child {
			background-color: #eff8ff !important;
		}

	table.three-col-split .Rate-interest, table.three-col-split .Rate-comparison {
		display: inline-block;
	}

	table.three-col-split .Rate-interest {
		margin: 0 20px 10px 0;
	}

	table.three-col-split td, table.three-col-split td:first-child, table.three-col-split td:last-child {
		padding: 20px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	table.three-col-layout td, table.three-col-layout.stripeTable td, table.four-col-layout td, table.four-col-layout.stripeTable td {
		padding: 0;
	}


	.expandTb_content table.stripeTable.responsive {
		margin: 20px 0 0 0;
	}

	table.stripeTable.responsive tr th {
		display: none;
		padding: 0;
	}

	div#page table td:last-child {
		margin: 0 !important;
	}

	/*.qt-wrapper-home .quick-tools li a {
		text-align: center;
	}*/

	.qt-wrapper-home [class^="icon-"] span, .qt-wrapper-home [class*=" icon-"] span {
		display: block;
		padding: 0 15px;
	}

	div#page .forms-applications > li:first-child {
		display: none;
	}

	div#page .forms-applications > li {
		width: 50%;
		min-height: 340px;
	}
	
	/*tablet portrait padding*/
	
	div#page ul, div.blog ul, div#page ol {
    	margin-bottom: 20px;
    }
	
	.three-col-split td:last-child, table.two-col-split td:last-child {
    padding: 0 20px 20px 1.65%;
	}
	
	.qt-wrapper-home .quick-tools li {
		text-align: center;
		margin: 0;
	}
	
	
	
	
}


@media all and (max-width: 765px) {
	
	.item{
		width:49%;
	}
	

	.TB_Wrapper .Slide div.noSelect {
		width: 90% !important;
		left: 0 !important;
		margin: auto;
	}

	#fancybox-content {
		width: 100% !important;
	}

	#fsOnScreen {
		width: 97%;
	}


	.mobile {
		height: 56%;
		width: auto;
	}

	.mod-notifications .content {
		font-size: 16px;
		font-weight: 400;
	}

	.mod-top-menu .mod-internet-banking,
	.mod-top-menu .mod-search-button {
		-moz-transition: none;
		-o-transition: none;
		-webkit-transition: none;
		transition: none;
		line-height: 75px;
		border-radius: 0;
		padding: 0;
		margin-left: 0;
	}

		.mod-top-menu .mod-internet-banking:hover {
			margin-bottom: 0;
			box-shadow: none;
		}

	.mod-mobile-menu,
	.mod-top-menu > a:not(.mod-button) {
		margin-left: 0;
		display: block !important;
		float: left;
		margin: 0 !important;
		line-height: normal;
		height: 75px;
		width: 75px;
		position: relative;
	}

		.mod-mobile-menu:before,
		.mod-top-menu > a:not(.mod-button):before {
			content: '';
			display: inline-block;
			vertical-align: middle;
			width: 1px;
			height: 100%;
			margin-left: -0.35em;
		}

		.mod-mobile-menu:before {
			margin-left: -0.5em;
		}
		
		.mod-mobile-menu:after {
			width: 100%;
			background: grey;
			content: '';
		}

		.mod-mobile-menu i,
		.mod-top-menu > a:not(.mod-button) i,
		.mod-mobile-menu span,
		.mod-top-menu > a:not(.mod-button) span {
			display: inline-block;
			vertical-align: middle;
			text-align: center;
			line-height: 1;
		}

			.mod-mobile-menu i:before,
			.mod-top-menu > a:not(.mod-button) i:before {
				display: inline !important;
				line-height: normal !important;
			}

		.mod-mobile-menu i,
		.mod-top-menu > a:not(.mod-button) i {
			font-size: 1.25em;
		}

		.mod-mobile-menu span,
		.mod-top-menu > a:not(.mod-button) span {
			position: absolute;
			bottom: 0.5em;
			width: 100%;
			left: 0;
			/*	DISABLED UNTIL ASKED TO ENABLE  */
			display: none;
		}

	.mod-mobile-menu {
		background-color: #333;
	}

		.mod-mobile-menu i {
			color: #fff;
			font-size: 2em;
		}

	.mod-top-menu .mod-search-button {
		background-color: #eee;
	}

	.mod-notifications.mod-menu .mod-menu-wrap {
		padding: 0.75em 0;
		margin: 0 0.75em;
	}

	.logo {
		margin: 15px 0 15px 0;
	}

	.campaign .mobile {
		margin: 10px 0;
	}

	/* rotator */

	section.main-banner {
		margin-top: 0;
	}

	.TB_Wrapper .Slide div .txtCont {
		margin: 0;
		text-align: center;
	}

	.TB_Wrapper .navHolder {
		display: none;
		bottom: 44px !important;
	}

	.anchor {
		margin: 0;
	}

	.TB_Wrapper .btn.primary {
		min-width: 108px;
		padding: 0 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		margin: 20px auto;
	}

	.TB_Wrapper .Slide {
		top: 0 !important;
	}

		.TB_Wrapper .Slide > div {
			top: 53% !important;
		}


	section.content.campaign div#page p.buttonheading {
		margin: 0;
		bottom: -171px;
	}

	.main-menu-top li:first-child,
	.main-menu-top li:nth-child(2),
	.main-menu-top li:nth-child(3) {
		display: none;
	}

	.main-wrapper {
		margin-top: 0;
	}

	.nav-wrapper,
	div#myLogin,
	#adminNav {
		position: absolute;
	}

		.nav-wrapper.campaign {
			height: 90px;
		}

	.menu-wrapper {
		background: none;
	}

	.menu-top-wrapper {
		height: 75px;
		text-align: center;
		padding: 0;
	}

	.is-scam-alert-loaded .menu-top-wrapper {
		padding-right: 75px;
	}

	.is-scam-alert-loaded .mod-button-scam-alert {
		margin-left: 30px;
		margin-right: -45px !important;
	}

	.campaign .menu-top-wrapper {
		text-align: left;
	}

	.main-nav {
		background-color: #fff;
		border-bottom: 1px solid #ebebeb;
		box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.2);
	}

	.menutopMenu,
	.mod-top-menu .list {
		display: none !important;
	}

	.mod-top-menu:before {
		display: none !important;
	}

	.btn.ib.mobile {
		display: block;
		position: absolute;
		top: 7px;
		right: 15px;
		height: 55px;
	}

	/*.internal-banner, .internal-banner-campaign, .internal-banner-blog {
		top: 0;
	}*/

	.main-wrapper.Banner section.content, section.content,
	section.content.campaign {
		margin-top: 40px;
		padding: 0 20px 80px 20px;
	}

	.main-menu-top li {
		line-height: 65px;
		padding: 0 15px 0 0;
	}

		.main-menu-top li:nth-child(3) {
			margin-right: 45px;
		}

	#ps_results {
		width: 100%;
		max-height: none;
		margin: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		border: 0;
		padding: 0;
		overflow: auto;
	}

	.search-wrapper {
		top: 0;
	}

	#search-form {
		display: none;
		float: none;
		margin: 0;
		width: 100%;
		border-radius: 0;
		background-color: #eee;
	}

		#search-form input {
			color: #e67824;
			width: calc(100% - 75px);
			border-radius: 0;
			box-shadow: none;
			background-color: transparent;
			height: 75px;
		}

	#ps_icon_background {
		width: 75px;
		line-height: 75px;
		height: auto;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		padding: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		box-shadow: none;
		background: transparent;
		border-radius: 0;
	}

	#ps_icon:before {
		display: inline;
	}

	#ps_icon.close:before {
		/*color: #fff;*/
		line-height: 23px;
		right: 38px;
	}

	#ps_icon.searching {
		background: url(/templates/client/images/menu/spinner_new.gif);
		height: 26px;
		background-size: 30px;
		margin: auto;
	}

	#search-menu {
		display: block;
		position: absolute;
		right: 86px;
		width: 60px;
		top: 10px;
		height: 55px;
		margin: 0;
		text-align: center;
	}

		#search-menu:after {
			content: "Search";
			font-size: 12px;
		}

	.icon-Search-Icon:before {
		height: 35px;
		font-weight: bold;
	}

	.internal-banner, .internal-banner-blog {
		margin: 0;
		height: 142px;
	}

	.internal-banner-campaign {
		margin: 0;
	}

	h1,
	.internal-banner h1 span,
	h1.componentheading, h1.page-header, div#page h1 {
		font-size: 30px;
	}

	.campaign h2 {
		font-size: 25px;
		line-height: 35px;
	}

	.income-tax-app .gbst-loan-repayment .content .inputs-wrapper .section h2,
	.car-loan-calculator-app .gbst-loan-repayment .content .inputs-wrapper h2,
	.term-deposit-calculator-app .gbst-loan-repayment .content .loan-main-view .inputs-wrapper h2 {
		height: 36px !important;
	}


	.qt-wrapper-home, .qt-wrapper-internal {
		width: 100%;
		top: auto !important;
		display: none;
		bottom: 50px;
		position: fixed;
		height: 26em;
	}

	.qt-wrapper-home .quick-tools, .qt-wrapper-internal .quick-tools {
		padding-top: 0;
	}

	h3.mToggleLinks {
		display: block !important;
		width: 100%;
		position: fixed;
		bottom: 0;
		padding: 0;
		line-height: 50px;
		background: #e67824;
		color: #ffffff;
		z-index: 99999;
		height: 50px;
		margin: 0;
		text-align: center;
		font-size: 20px;
	}

	
	.qt-wrapper-home, .qt-wrapper-internal {
		background-color: rgba(84, 84, 84, 0.95);;
	}
	
	.qt-wrapper-home .quick-tools li span, .qt-wrapper-internal .quick-tools li span  {
		color: #ffffff;
		font-size: 1.1em;
	}


	.qt-wrapper-home .quick-tools li a, .qt-wrapper-internal .quick-tools li a   {
		text-align: left;
		padding: 0.5rem;
		max-width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

.qt-wrapper-home [class^="icon-"] span, .qt-wrapper-home [class*=" icon-"] span, .qt-wrapper-internal [class^="icon-"] span, .qt-wrapper-internal [class*=" icon-"] span {
		display: inline-block;
	}
	
	.qt-wrapper-internal ul.quick-tools li i {
		padding: 0;
		margin: 0;
		display: inline-block;
		vertical-align: middle;
	}
	

		.qt-wrapper-home .quick-tools li a[class^="icon-"]:before, .qt-wrapper-home .quick-tools li a[class*=" icon-"]:before, .qt-wrapper-internal .quick-tools li a[class^="icon-"]:before, .qt-wrapper-internal .quick-tools li a[class*=" icon-"]:before {
		font-size: 44px;
		line-height: 20px;
	}

	.qt-wrapper-home .quick-tools li a, .qt-wrapper-internal .quick-tools li a {
    margin-left: 10px;
    margin-right: 0;
	vertical-align: middle;
	line-height: 50px;
}
	
	.quick-tools li a:before {
		content: '';
		width: 1px;
		height: 100%;
		display: inline-block;
		vertical-align: middle;
	}

	h3.mToggleLinks:after {
		content: "\ede4";
		font-family: 'IcoMoon-Ultimate';
		color: #ffffff;
	}
	
	h3.mToggleLinks.active:after {
		content: "\ede6";
		font-family: 'IcoMoon-Ultimate';
		color: #ffffff;
	}
	
	.qt-wrapper-internal ul.quick-tools li, .qt-wrapper-home ul.quick-tools li {
		height: 20%;
		max-width: 100%;
		display: block;
		width: 100%;
		text-align: left;
		border-right: 0;
		margin: 0;
	}	
	
	
		.qt-wrapper-internal ul.quick-tools li:hover, .qt-wrapper-home ul.quick-tools li:hover{
			background-color: rgba(245,128,37, 0.9);
		}
		
		 .qt-wrapper-internal li:hover a  {
			 background-color: transparent;
			}
		
	
	

	/*.news {
		margin: 430px auto 0 auto;
	}*/

	.news h3 {
		float: none;
		margin: 10px 0;
	}

	.jcarousel-skin-tango-lnews {
		float: none;
		width: 100%;
		margin: 20px 0;
	}

	#moreNewsreadAll {
		float: none;
	}

		#moreNewsreadAll a {
			margin: 0 auto;
		}

	.articlelist li.articlelist_item {
		text-align: center;
	}


	.testimonials .articlelist_item .thumbImage {
		float: none;
		height: auto;
		display: block;
		margin: 0 auto;
		width: auto;
	}

	.main-wrapper.Banner section.content {
		padding: 20px 20px 20px 20px;
	}

	.testimonials {
		margin: 20px auto;
	}


	.quick-tools li i{
			color: #ffffff;
			display: inline;
		}
		
		.qt-wrapper-internal ul.quick-tools li i {
			padding-bottom: 10px;
		}
		
			.quick-tools li a:before {
    			content: '';
			}
			
			
		.sub-promo .mod-sub.sub1, 
		.sub-promo .mod-sub.sub3, 
		.sub-promo .mod-sub.sub4 {
			border-right: none;
		}
		
		
}

	


@media all and (max-width: 640px) {

	table.keyFactSheet, table.keyFactSheet tr, table.keyFactSheet th, table.keyFactSheet td {
		display: block;
		float: left;
		width: 100%\9; /* IE9 hack */
		float: left\9; /* IE9 hack */
		width: 100% !important;
	}

		table.keyFactSheet td.header {
			width: 100%;
			border-radius: 0;
		}

	.is-scam-alert-loaded .menu-top-wrapper {
		padding-right: 60px;
	}

	.is-scam-alert-loaded .mod-button-scam-alert {
		margin-left: 23px;
		margin-top: 20px;
		margin-right: -38px !important;
	}

	.menu-top-wrapper {
		padding: 0;
		height: 60px;
	}

	.mod-mobile-menu,
	.mod-top-menu > a:not(.mod-button) {
		width: 60px;
		height: 60px;
	}

	.campaign .menu-top-wrapper {
		height: 75px;
		padding: 5px 20px;
	}

	.nav-wrapper {
		background-color: #fff;
	}

		.nav-wrapper.campaign {
			height: 75px;
		}

	.btn.ib.mobile {
		top: 0;
		right: 0;
		height: 60px;
	}

	#searchForm td {
		display: block;
		width: 100%;
	}

		#searchForm td input {
			max-width: 230px;
		}

	#search-form button, input#searchsubmit {
		-webkit-appearance: none;
	}

	#search-menu {
		right: 60px;
		top: 0;
		height: 60px;
	}

	#ps_icon.searching {
		right: 22px;
		position: absolute;
	}

	#ps_icon_background {
		width: 60px;
		line-height: 60px;
	}

	#search-form input {
		height: 60px;
	}

	#ps_icon.close:before {
		right: 20px;
	}

	#ps_icon:before {
		right: 17px;
	}

	.btn.ib {
		height: 60px;
		margin: 0;
		border-radius: 0;
		padding: 0 17px;
	}

		.btn.ib:hover {
			border: none;
			box-shadow: none;
			margin: 0;
		}

		.btn.ib:before {
			line-height: 44px;
			margin: 0;
			padding: 0;
		}

	/* rotator */

	section.main-banner {
		margin-top: 0;
	}

	.TB_Wrapper .Slide .noSelect {
		padding: 0;
	}


	.news h2:before {
		content: none;
	}


	.defaultButton {
		display: none;
	}

	/*.internal-banner, .internal-banner-blog {
		top: -6px;
	}

	.internal-banner-campaign {
		top: -10px;
	}*/

	.sub-promo-content img {
		max-width: 225px;
		width: auto;
	}

	.sub-promo h3 {
		font-size: 25px;
		line-height: 30px;
	}

	.sub-promo p {
		line-height: 22px;
	}


	.testimonials .articlelist li:nth-child(2),
	.testimonials .articlelist li:last-child {
		display: none;
	}

	.testimonials .articlelist_item .thumbImage {
		max-width: 100%;
		margin: 0 auto;
		float: none;
	}

		.testimonials .articlelist_item .thumbImage img {
			max-width: 100%;
			height: auto !important;
		}

	.testimonials .articlelist_item .articleWrapper {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	footer {
		text-align: center;
	}

	footer ul {
		padding: 0;
	}

	.footer-links li {
		display: block;
		width: 100%;
		height: 57px;
		line-height: 57px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: -1px 0 0 0;
		text-align: center;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
	}

		.footer-links li:nth-child(even) {
			display: block;
		}

		.footer-links li a {
			display: block;
			height: 100%;
			padding: 0 20px;
		}

			.footer-links li a:hover {
				padding: 0 20px;
				border: 0;
			}

			.footer-links li a:active {
				box-shadow: inset 0 2px 10px 2px rgba(68,68,68,0.1);
			}

	.icon-phone-Icon:before {
		margin: 11px 0 0 -30px;
	}
	
	.mod-footer-icons a {
		color: #e67824;
	}
	
	.mod-footer-icons a span {
		display: none;
	}
	
	.footer-links li:not(:last-child):after {
		content: none;
	}
	
	footer p {
		margin: 2em 0;
	}
	

	/* Campaign banner */
	.banner-content h1 {
		line-height: 32px;
	}

	.internal-banner-campaign a {
		width: auto;
	}

	.campaign .mobile {
		margin: 20px auto;
	}


	/* Tables */

	table.tablesorter2 td:last-child.customerDetails {
		font-weight: bold;
	}

	table.two-col-layout.stripeTable .customerDetailsThead,
	table.two-col-layout.stripeTable {
		margin: 0;
	}

	table.two-col-layout, table.two-col-layout thead, table.two-col-layout tbody,
	table.two-col-layout th, table.two-col-layout td, table.two-col-layout tr {
		display: block;
		width: 100%\9;
		float: left;
	}

		table.two-col-layout td,
		table.two-col-layout.stripeTable td,
		table.two-col-layout td:last-child,
		table.two-col-layout.stripeTable td:last-child {
			padding: 0;
			position: relative;
			width: 100%;
			margin: 0 0 40px 0 !important;
		}

	[ class^="prod_"]:before, [class*=" prod_"]:before {
		content: " ";
		visibility: hidden;
		display: block;
		height: 0;
		clear: both;
	}

	table.tablesorter2.stripeTable .customerDetailsThead.header:last-child,
	table.tablesorter2.stripeTable td, table.tablesorter2.stripeTable .customerDetailsThead.header,
	table.two-col-layout .tablesorter2.stripeTable,
	table.two-col-layout .tablesorter2.stripeTable thead,
	table.two-col-layout .tablesorter2.stripeTable tbody,
	table.two-col-layout .tablesorter2.stripeTable th,
	table.two-col-layout .tablesorter2.stripeTable td,
	table.two-col-layout .tablesorter2.stripeTable th:last-child,
	table.two-col-layout .tablesorter2.stripeTable td:last-child {
		margin: 0 !important;
		padding: 0;
	}

		table.two-col-layout .tablesorter2.stripeTable th:last-child,
		table.two-col-layout .tablesorter2.stripeTable th {
			padding: 10px 20px;
		}

		table .tablesorter2.stripeTable td,
		table.two-col-layout .tablesorter2.stripeTable td,
		table.two-col-layout .tablesorter2.stripeTable td:last-child {
			padding: 5px 20px;
		}

	table.two-col-layout-cta td:last-child .btn {
		display: block;
		margin: 0 auto 20px auto;
	}

	/* Ready to apply tables (Scrollable table within expand tables) */

	div#page table.expandTb table.scrollable-table.two-col-layout tr {
		margin: 0 !important;
		padding: 20px 0;
	}

	div#page table.expandTb table.scrollable-table.two-col-layout tbody td {
		border: none;
		padding: 0 15px;
		margin: 0 !important;
	}

	.expandTb_header td {
		font-size: 18px;
	}

	.LPMcontainer,
	.lpchat-container {
		display: none !important;
	}

	section.content.campaign div#page .rates-table td p, div#page .rates-table td p {
		padding: 0 5px;
	}

	/* Calculators */

	div#page .responsive_layout h1 {
		font-size: 13px;
		font-weight: bold;
		line-height: normal;
		max-width: 145px;
	}

	div#page .responsive_layout ul li.slider-wrapper {
		margin: 15px 0 0 8px;
	}


	#page ul#byondTabMenu li, body.Section38 #page ul#byondTabMenu li, body.Section37 #page ul#byondTabMenu li, body.Section36 #page ul#byondTabMenu li, body.Section33 #page ul#byondTabMenu li, body.Section35 #page ul#byondTabMenu li, body.Section32 #page ul#byondTabMenu li {
		width: 100%;
	}

		body.Section38 #page ul#byondTabMenu li:last-child, body.Section37 #page ul#byondTabMenu li:last-child,
		body.Section36 #page ul#byondTabMenu li:last-child, body.Section33 #page ul#byondTabMenu li:last-child,
		body.Section35 #page ul#byondTabMenu li:last-child, body.Section32 #page ul#byondTabMenu li:last-child {
			margin-bottom: 35px;
		}
		
		
	/*locaitor*/
	
	
	#search_fields {
		width: 100% !important;
	}

	#search_input {
		width: 100% !important;
	}

	#searchText {
		width: 90% !important;
	}

	#locMap img {
		max-width: 270px !important;
	}
	
	
	.category-active {
    background-image: url('/templates/ByondCoreCommon/mimages/maps/tick.png');
    background-image: url('/templates/ByondCoreCommon/mimages/maps/tick.png'), -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #e67824), color-stop(0.7, #e67824), color-stop(1, #e67824));
    background-repeat: no-repeat;
    background-position: right center;
    background: url('/templates/ByondCoreCommon/mimages/maps/tick.png') no-repeat right center, -moz-linear-gradient(top, #e67824 0%, #e67824 70%, #e67824 100%);
	border: 0;
	border-radius: 25px;
}

	.category-inactive {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #b3c21d;
    color: #b3c21d;
	border: 2px solid #b3c21d;
	border-radius: 25px;
}

.panel .searchMethod {
    width: 46%;
}

.action_btn {
    color: #FFFFFF;
    cursor: pointer;
    display: inline;
    float: left;
    font-weight: 700;
    margin: 4px 5px 8px;
    min-width: 96%;
    padding: 5px 0px;
    text-align: center;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #e67824), color-stop(0.7, #e67824), color-stop(1, #e67824));
    background: -moz-linear-gradient(top,  #e67824 0%,  #e67824 70%,  #e67824 100%);
    background-color:  #e67824;
	border-radius:  25px;
}
   
.mobileLocaitor .searchText.textShadow {
	text-shadow: none;
}

.panel .filterTitle {
	font-size: 26px;
	color: #b3c21d;
	text-shadow: none;
}

.searchInput input#searchArea {
    -webkit-border-radius: 25px;;
    -mos-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    padding-left: 10px;
	border: 2px solid #545454;
}
	
	#moreNewsreadAll a, #moreNewstestimonial a {
		padding: 10px;
	}
	
	div#page ul.directors li, div#page ul.directors li:first-child {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
		div#page ul.directors li ul li,  div#page ul.directors li ul li:first-child {
			padding: 0 0 0 40px;
			width: calc(100% - 40px);
		}

		div#page ul.directors li img {
			height: auto !important;
			max-width: 100% !important;
			width: auto !important;
		}

	div#page ul.directors h2 {
		padding: 10px 0;
	}
	
	body.Section35 #page ul#byondTabMenu li:first-child {
		border-radius: 6px 6px 0 0;
	}
	
	body.Section35 #page ul#byondTabMenu li:last-child {
		border-radius: 0 0 6px 6px;
	}
	
	.formSection-wrapper, .formSection-wrapper .backgroundImage {
		min-height: 770px;
	}
	
	.formSection-inner {
		padding: 20px 0 20px 20px;
		max-height: 670px;
	}
	/*pop up Quicktools*/	
		
	#slide, #slide2, #slide3, #slide4, #slide5 {
		width: 80%;
	}
	
	/* home loan boxes*/
	
	.mask .btn {
		bottom: 20px;
	}
	#boxes .mask h2 {
    	margin-top: 10%;
	}
		
}


@media all and (max-width: 600px) {



	.extrarepaymentCalc iframe, .lumpsumCalc iframe {
		height: 1020px;
	}

	.popup_content h2 {
		font-size: 22px;
	}


	ul.quicklinks-popup li:last-child {
		margin: 0 0 10px 0;
	}


	.links-tbl td {
		width: auto;
		display: block;
		text-align: center;
		font-size: 1.1em;
		padding: 15px 30px;
	}

		.links-tbl td table th {
			font-size: 1.2em;
			border-bottom: 1px solid #999;
		}

		.links-tbl td table td {
			font-size: 1.1em;
		}
		
		.sub-promo-rate li span.input {
	font-size: 26px;
	font-family: 'Open Sans Semi' !important;
}

.sub-promo-rate li span.postfix {
	font-size: 22px;
}

.sub-promo-rate li {
	display: inline-block;
	width: 47%;
	padding: 0;
	box-sizing: border-box; 
}
}

@media all and (max-width: 540px) {
	
	.item{
		width:99%;
	}
	
		#boxes .mask h2{
		margin-top:30%;
	}

	#infocastContainer .kfsemailform ul.tabMenu li {
		width: 100%;
		border-radius: 0;
		height: 100%;
		margin: 0;
		font-size: 12px;
	}

		#infocastContainer .kfsemailform ul.tabMenu li a#fsEmailedTab, #infocastContainer .kfsemailform ul.tabMenu li a#fsOnScreenTab,
		#infocastContainer .kfsemailform ul.tabMenu li a:hover {
			border-radius: 0;
			margin: 0 !important;
		}

	#infocastContainer .kfsemailform {
		height: 50px;
	}

	#infocastContainer #fsEmailed {
		border-radius: 0;
		width: 93%;
	}

	div#page .forms-applications > li {
		min-height: auto;
		float: none;
		width: 100%;
		min-height: 0;
		height: auto;
	}
}

@media all and (max-width: 520px) {
	.extrarepaymentCalc iframe {
		height: 1320px;
	}

	.lumpsumCalc iframe {
		height: 1260px;
	}

	.mod-top-menu .mod-internet-banking,
	.is-scam-alert-loaded .menu-top-wrapper {
		padding-right: 0;
	}

	.mod-button-scam-alert {
		display: none !important;
	}
}

@media all and (max-width: 465px) {
	.extrarepaymentCalc iframe {
		height: 1400px;
	}

	.lumpsumCalc iframe {
		height: 1340px;
	}
}


@media all and (max-width: 420px) {
	
		#boxes .mask h2{
		margin-top:20%;
	}

	.logo {
		margin: 15px 0 15px 70px;
	}


	.btn, .two-col-layout-cta td:last-child .btn {
		display: block;
		width: 100%;
		max-width: none;
	}

	/*.menu-top-wrapper {
		text-align: left;
	}*/

	.desktop-ib {
		display: none;
	}

	.mobile-ib {
		display: inline-block;
	}

	.mobile {
		height: 60%;
	}

	.mod-logo-mobile {
		-moz-transform: translateX(-16.6667%);
		-ms-transform: translateX(-16.6667%);
		-o-transform: translateX(-16.6667%);
		-webkit-transform: translateX(-16.6667%);
		transform: translateX(-16.6667%);
	}

	.share-links.campaign {
		margin-right: 20px;
		display: none;
	}

	.campaign .mobile {
		margin: 20px 0 20px 20px;
		height: 40%;
	}

	.TB_Wrapper .Slide div {
		font-size: 20px;
		line-height: 25px;
	}


		.TB_Wrapper .Slide div .txtCont span span {
			font-size: 35px;
			line-height: 40px;
			margin-bottom: 0;
		}

	div#page ul li, div.blog ul li {
		text-indent: -35px;
	}

		div#page ul li:before, div.blog ul li:before {
			margin-right: 21px;
		}

	.total-surplus-amount sup {
		top: 8px !important;
	}

	/*  .rates-table tr:nth-child(2) {
    height:                                 100px;
  }

  .rates-table tr:nth-child(4) {
    height:                                 84px;
  }

  .rates-table .input {
    font-size:                               24px;
  }
  */
  
  .wrapper .btn.primary {
    max-width: 70%;
    margin: 0 auto;
}

div#page ul li, div.blog ul li {
     text-indent: 0; 
}
	
}

@media all and (max-width: 415px) {
	.extrarepaymentCalc iframe {
		height: 1410px;
	}

	.lumpsumCalc iframe {
		height: 1350px;
	}
}


@media all and (max-width: 375px) {

	.jcarousel-skin-tango-lnews .jcarousel-clip-vertical {
		height: 50px;
	}


	.articlelist_title a, .articlelist_title span {
		font-size: 17px;
		line-height: 22px;
	}

	.articlelist li.articlelist_item {
		margin: 9px 0;
	}


	.sub-promo .btn.product {
		font-size: 18px;
	}

	.sub-promo .secondary {
		font-size: 15px;
		padding: 0 10px;
	}
	
}

@media all and (max-width: 340px) {
	/*.mod-mobile-menu, .mod-top-menu > a:not(.mod-button) {
		width: 55px;
	}*/

	.logo {
		margin: 15px 0 15px 55px;
	}

	/*.icon-phone, .icon-email, .icon-locate, .icon-form {
		padding: 0 15px 30px;
	}*/
}


/*	Min Break points
======================================= */

@media all and (min-width: 765px) {

	nav#mainNav ul.mainmenu {
		display: block !important;
	}

	nav#mainNav ul.topmenu {
		display: none !important;
	}
}


/*	Animations
======================================== */

@-webkit-keyframes spinner {
	from {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}

	to {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@-moz-keyframes spinner {
	from {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}

	to {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes spinner {
	from {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}

	to {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
