/* VISIBILITY CLASSES */
.hidden {
	display:none !important;
}
.show {
	display:block !important;
}

/* MAIN PARTS */

html {
	font-size: 14px;
}

body {
	font-family: 'Lato', sans-serif;
	margin: 0;
}

body.menu_open {
	height: 100%;
	overflow: hidden;
}

a {
	color: #38accd;
	text-decoration: underline;
	cursor: pointer;
}

img {
	max-width: 100%;
}


.wrapper {
	/*max-width: 1440px;*/
	margin: 0 auto;
	position: relative;
}

.menu_open .wrapper {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.page_content {
	width: 100%;
	/*padding-top: 82px;*/
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.text_right {
	text-align: right;
}

/* TEL */

#tel{
	margin: 0;
}

/*telephone number on mortgage banner*/

.tel_mortgage_banner {
	text-align: center;
	font-weight: normal;
	margin: 0;
	text-decoration: none;
	color:#323234;
}

/* calculators */
.calc_holder{
	box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.5);
    border-radius:12px;
}
.calc_holder, .calculator.link {
	background-color:white;
	color: #303030;
	padding: 2rem;
	box-sizing: border-box;
	display: table;
	width: 100%;
}

.calculator.link {
	text-align: center;
	min-height: 0;
	position: relative;
}

.calculator.link p {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.31;
	letter-spacing: -0.4px;
	color: #323234;
	margin-bottom: 45px;
	width: 100%;
}

.calc_holder h2, .calculator.link h2 {
	color: #303030;
	font-size: 19px;
	font-weight: 500;
	padding: 0;
	margin: 0 0 1.5rem 0;
	text-align: left;
}

.calculator.link h2 {
	font-size: 1.8rem;
	font-weight: 300;
	text-align: center;
	width: 100%;
}

.calc_holder h2 a, .calculator.link h2 a {
	text-decoration: none;
}

.calc_holder li{
	margin: 0 0 1rem 0;
}

.calc_holder .cta_button {
	text-align: center;
}
.calc_holder label{
	margin-bottom: 10px;
	display: block;
	width: 100%;
	font-size: 15px;
	font-weight: 300;
	text-align: left;
}
.calc_holder input[type=submit]{
	margin: 0 auto;
}

.calc_holder, .calc_holder .input_field input, .calc_holder .input-symbol-pound, .calc_holder .input-symbol-percent, .calc_holder .custom-select select, .calc_holder .custom-select option{
	font-weight: 300;
}

.calc_holder .lump_sum_wrap {
	margin-top: 10px;
	text-align: right;
}

.calc_holder .lump_sum_wrap label {
	margin-right: 10px;
	width: auto;
	display: inline-block;
}

.calc_holder .lump_sum_wrap .custom-select {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}

.calc_holder .calc_interface, .calc_holder .calc_results {
	width: 100%;
}

.calc_holder .calc_results {
    display: none;
    font-size: 16px;
	font-weight: 300;
	line-height: 1.31;
	letter-spacing: -0.4px;
	text-align: center;
	color: #303030;
	margin: 0;

}

.calc_holder.show_results .calc_results {
    display: table;
	vertical-align: middle;
}

.calc_holder.show_results .calc_interface {
    display: none;
}

.calc_holder .calc_results.text_center {
	text-align: center;
}

.calc_holder .calc_results h2 {
    font-size: 24px;
	letter-spacing: -0.6px;
	color: #303030;
	font-weight: 300;
	min-height: 0;
	margin: 0;
	text-align: center;
}

.calc_holder .calc_results p {
    font-size: 20px;
}

.calc_holder .calc_results p strong {
    font-weight: normal;
}

.calc_holder .calc_results dl {
  	display: inline-block;
  	width: 100%;
}

.calc_holder .calc_results dt {
    font-weight: bold;
	clear: both;
	float: left;
	margin-right: 10px;
	max-width: 60%;
	text-align: left;
}

.calc_holder .calc_results dd {
    font-weight: bold;
	float: right;
	margin: 0;
}

.calc_holder .calc_results .result_buttons {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    clear: both;
    text-align: center;
}

.calc_holder .calc_results .result_buttons li {
    display: inline-block;
    margin: 0 2px;
}

.calc_holder .calc_results .borrow_output, .calc_holder .calc_results .btl_borrow_output, .calc_holder .calc_results .btl_rent_output {
    font-size: 35px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: #303030;
	margin: 50px 0;
}

.calc_holder .calc_results .stamp_results {
    width: 100%;
}

.calc_holder .calc_results .stamp_results th, .calc_holder .calc_results .stamp_results td {
	line-height: 1.64;
	letter-spacing: -0.3px;
	color: #323234;
}

.calc_holder .calc_results .stamp_results th {
	font-size: 15px;
    text-align: left;
    font-weight: 300;
}

.calc_holder .calc_results .stamp_results td {
	font-size: 16px;
    text-align: right;
    font-weight: bold;
}

.calc_holder .calc_results .stamp_results .result_total_row th, .calc_holder .calc_results .stamp_results .result_total_row td {
    font-size: 16px;
	font-weight: bold;
	line-height: 1.31;
	letter-spacing: -0.4px;
	padding-top: 20px;
}

.calc_holder .calc_results .stamp_results .result_percentage_row th, .calc_holder .calc_results .stamp_results .result_percentage_row td {
    font-size: 15px;
	font-weight: 300;
	line-height: 1.31;
	letter-spacing: -0.3px;
}

.calc_holder .calc_results .stamp_results .result_percentage_row th {
    padding-top: 20px;
}

.calc_holder .calc_results .stamp_results .result_percentage_row .result_percentage {
    font-weight: normal;
}

.calc_holder .calc_results .remortgage_calc_table {
    border-spacing: 0 10px;
    border-collapse: separate;
    width: 100%;
}

.calc_holder .calc_results .remortgage_calc_table td, .calc_holder .calc_results .remortgage_calc_table th {
    font-size: 14px;
    color: #1a2123;
    font-weight: normal;
    padding: 5px;
}

.calc_holder .calc_results .remortgage_calc_table td.highlight {
    font-weight: bold;
}

.calc_holder .calc_results .remortgage_calc_table tbody td {
    background-color: #f7f7f7;
}

@media only screen and (min-width : 768px) {
	.calc_holder .calc_results dl {
	  	width: 70%;
	}
}

@media only screen and (min-width : 1024px) {
	.calc_holder {
        height: 100%;
        min-height: 390px;
        padding: 1.3rem;
    }

    .calc_holder .calc_interface {
    	padding-bottom: 50px;
    }

    .calc_holder .calc_results {
    	padding-bottom: 125px;
    }

    .calc_holder fieldset {
        width: 100%;
    }

	.calc_holder h2 {
		min-height: 2em;
	}

	.calc_holder li.col-2{
		width: 47.5%;
		margin-left: 5%;
		clear: none;
		float: left;
	}

	.calc_holder li.col-2.no-margin{
		margin-left: 0;
	}

	.calc_holder li.calc_submit_buttons{
		position: absolute;
		bottom: 30px;
		left: 0;
		margin: 0;
		padding: 0;
	}

	.calc_holder .calc_results .result_buttons {
	    width: 100%;
	    position: absolute;
	    bottom: 30px;
	    left: 0;
	}

	.calculator.link {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}

	.calc_holder.link .main_button {

	}

}

@media only screen and (min-width : 1225px) {
	.calc_holder {
		padding: 4.8rem 2rem;
    }

	.calc_holder .calc_results .result_buttons li {
	    display: inline-block;
	    margin: 0 5px;
	}

	.calc_holder .calc_results .result_buttons li .main_button {
	    min-width: 10rem;
	}

	.calc_holder .calc_results {
    	padding-bottom: 70px;
    }
}

.input-symbol-pound, .input-symbol-pound input {
  	font-size: 1.1rem;
	font-family: 'Lato', sans-serif;
	color: #1a2123;
}

.input-symbol-pound, .input-symbol-percent {
  	position: relative;
  	font-size: 1.1rem;
	font-family: 'Lato', sans-serif;
	display: block;
	height: 100%;
}

.input-symbol-pound input {
    padding-left: 20px !important;
}

.input-symbol-pound:before {
    position: absolute;
    top: 50%;
    margin-top: -0.6em;
    content: "£";
    left: 8px;
}

.input-symbol-percent input {
    padding-right: 20px !important;
}

.input-symbol-percent:before {
    position: absolute;
    top: 50%;
    margin-top: -0.6em;
    content: "%";
    right: 8px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

/* iPad Landscape and Smaller than standard 960 (devices and browsers) */


/* general */
/*.sub_holder{
	max-width:960px;
	margin:0 auto;
	padding:0 20px;
}*/

.paging{
	margin-bottom:20px;
}
.paging a{
	padding:1px 4px;
	background-color:#f0f0f0;
	border:1px solid #ddd;
	text-decoration:none;
}
.paging strong{
	padding:1px 4px;
	color:#fff;
	background-color:#38ACCD;
	border:1px solid #38ACCD;
}
.paging span{
	color:#ddd;
	padding:1px 4px;
	background-color:#fff;
	border:1px solid #ddd;
}
#content_holder{
	background-color:#fff;
	padding:20px 0;
	float:left;
	width:100%;
}
#content_holder .sub_holder{
	height:auto;
}
.feature_image {
	padding:0;
	margin:0;
}
#copy{
	width:100%;
}
.col_1 {
	width:332px;
	float:left;
}
.col_2{
	float:right;
	width:280px;
	margin:0 0 0 10px;
}

.copy_masthead {
	width:100%;
}

/*.testimonials {
	border-top:1px solid #ddd;
	margin:14px 0 40px 0;
	list-style:none;
	font-size:100%;
}
ul.testimonials li {
	border-bottom:1px solid #ddd;
	padding:0 0 14px 0;
}

ul.testimonials li p {
	font-size:100%;
}*/

time {
	font-size:80%;
}
.top_border {
	border-top:1px solid #ddd;
	margin:14px 0 14px 0;
}
.bottom_border {
	border-bottom:1px solid #ddd;
	margin:14px 0 40px 0;
}
.copy_mid{
	width:530px;
}

ul.column_3 {
	list-style:none;
	margin:0;
	padding:0;
}
.column_3 li{
	width:31.5%;
	float:left;
	position:relative;
	clear:none;
}
.column_3 li label {
	width:100%;
}
.next_step_holder {
	margin:10px 10px 10px 0 !important;
}
.module_arrow {
	position:absolute;
	top:0;
	left:8%;
}
.next_step{
	margin-top:7px;
	background:#fff;
	border:1px solid #ddd;
	border-radius:8px;
	height:179px;
}
.next_step a{
	display:block;
	padding:60px 7% 40px 8%;
	font-size:120%;
	color:#38ACCD;
	line-height:120%;
/*	text-transform:uppercase;
*/	text-decoration:none;
}
.next_step a:hover{
	text-decoration:underline;
}
#borrow_output {
	text-align:center;
}

.borrow_output_steps {
	width:auto;
}
.modules {
	width:280px;
}
#actions {
	width:332px;
	float:left;
}
#subnav_holder{
	width:280px;
	float:right;
}

#further_links ul,
.subnav{
	padding:0;
	margin:0 0 20px 0;
	width:280px;
}
.subnav dt{
/*	text-transform:uppercase;
*/	font-size:80%;
	font-weight:bold;
	background:#f0f0f0;
	padding:7px 13px 7px;
	color:#666;
	border:1px solid #ddd;
	border-radius:5px 5px 0 0;
}
#further_links li,
.subnav dd,
.subnav li{
	padding:0;
	margin:0;
	font-size:80%;
	list-style:none;
}
#further_links li a,
.subnav a{
	display:block;
	background:transparent url(/i/arrow_right.gif) no-repeat left center;
	color:#666;
	text-decoration:none;
	padding:4px 0 5px 12px;
	border-bottom:1px solid #f0f0f0;
}
.subnav .selected a{
	color:#38ACCD;
}
#further_links a:hover,
.subnav a:hover{
	text-decoration:underline;
}
.subnav dt a{
	display:inline;
	background-image:none;
	color:#666;
	text-decoration:none;
	padding:0;
	border-bottom:none;
}
.subnav .rss a{
	background:transparent url(/i/icons/rss.gif) no-repeat left center;
	border:none;
	padding-left:20px;
	text-decoration:underline;
}
.subnav .google a{
	background:transparent url(/i/icons/google.gif) no-repeat left center;
	border:none;
	padding-left:20px;
	text-decoration:underline;
}
#copy .subnav a{
	border:none;
}
/* modules */
.blue_module {
    width: 92%;
    max-width: 1319px;
    margin: 0 auto;
    padding: 32px 0 38px;
    color: #fff;
    background-image: linear-gradient(275deg, #2871b4, #38accd);
	box-shadow: 0 0 26px 0 rgba(53, 53, 53, 0.2);
	box-sizing: border-box;
}
#further_links,
.module{
	border:1px solid #ddd;
	width:100%;
	overflow:visible;
	margin:0 0 20px 0;
	border-radius:5px;
	padding:0;
}


.module_inner {
	border:1px solid #ffffff;
	border-radius:5px;
}
.fill {
	background:#F0F0F0;
}
.calcs .module,
#subnav_holder .module{
	cursor:pointer;
}
.grad{
	background:#ffffff url(/i/bg_grad_top.png) repeat-x left top;
}

#further_links{
	margin-top:20px;
}
.module h4 a,
.module h4{
	margin:10px 0 10px 10px;
	padding:0;
	color:#38ACCD;
	text-decoration:none;
}
#further_links h2,
.grad h4 {
	margin:10px 0 10px 10px;
	padding:0;
	color:#38ACCD;
}
#further_links h2{
	color:#666;
}
.module_cta h4{
	margin:16px 0 16px 10px;
}
.module_cta h4 a{
	margin-right:10px;
	color:#666;
	text-decoration:none;
}
.module_cta h4 a:hover{
	text-decoration:underline;
}
.module_cta_wide,
.module_cta{
	min-height:50px;
	height:auto;
	background:#f5f5f5;
	border:1px solid #dddddd;
	border-radius:5px;
}
.module_cta_extrawide{
	width:100%;
}
.module img {
	float:left;
	margin:0 10px 20px 15px;
	padding:0;
}
.module p{
	margin:13px 10px 10px 10px;
}
.calcs .module p{
	margin:0;
	padding:13px 0 13px 40px;
	background:transparent url(/i/icons/calculator.gif) no-repeat 8px 8px;
}

.module .cta a{
	color:#dc2009;
}
.module .pound_question{
	background:transparent url(/i/icons/module_pound_up.gif) no-repeat left top;
}
.module .tick_question{
	background:transparent url(/i/icons/module_tick_question.gif) no-repeat left top;
}
.module .tick{
	background:transparent url(/i/icons/module_tick.gif) no-repeat left top;
}
#further_links li a,
.module .subnav a{
	border:none;
	color:#38ACCD;
	background:transparent url(/i/arrow_right_blue.gif) no-repeat left center;
	margin:0 10px;
}
.iphone {
	margin-bottom:45px;
}
.iphone img{
	float:left;
	margin:-13px 0 -33px 10px;/*Negative bottom-margin to fix box bottom border*/
}
.iphone h4{
	padding-right:10px;
}
.iphone *{
	text-align:right;
}
.iphone .cta a{
	padding:0;
}


.masthead{
	color:#fff !important;
	height:auto;
	margin-bottom:20px;
	cursor:pointer;
	width:100%;
	float:left;

	position:relative;
}
.masthead img {
	width:100%;
}

h1.masthead{
	background-color:transparent;
	color:#333 !important;
	margin-bottom:15px;
	cursor:default;
	height:auto;
}
.masthead h1{
	padding:14px 35% 0 20px;
	margin:0 0 5% 0;
	font-size:180%;
	line-height:110%;
/*	text-transform:uppercase;
*/	font-weight:normal;
	height:auto;
}
.masthead p{
	color:#fff;
	padding:0 30% 0 20px;
}
.masthead p a{
	color:#fff;
}
.masthead p strong{
	display:block;
}

td.deal_comment{
	color:#38ACCD;
	font-size:75%;
}
td.deal_comment a{
	color:#38ACCD;
}
.mortgage_deals_key{
	border-collapse:collapse;
}
.mortgage_deals_key td{
	border-top:1px solid #f0f0f0;
	padding:2px 4px;
}

/*text blocks*/
.inner_white_text_block {
	position:relative;
	padding:25px;
	margin: 0 auto 40px auto;
}
.inner_white_text_block h2:first-child {
	margin-top: 0;
}
.inner_white_text_block ul li{
	margin-bottom: 10px;
}
.copy_wide {
	position: relative;
	overflow: hidden;
	font-size: 1.15rem;
	padding:20px 30px;
	background-color: transparent;
	z-index: 1;
}
.copy_wide.grey {
	padding: 20px;
	background-color: #fafafa;
}
.copy_wide.blue {
	background-color: #f5f9fc;

}
.copy_wide.top_padding{
	width: 70%;
	padding:20px 0 0 0;
	text-align: center;
	font-size:1rem;
}
.copy_wide.top_padding.center{
	margin: 0 auto;
}
.copy_wide.top_padding h3{
	text-align: center;
}
.inner_white_text_block {
	background-color: #ffffff;
}
.copy_wide, .inner_white_text_block {
	font-weight: 300;
	line-height: 1.5;
	color: #323234;
	padding: 30px 25px 30px 25px;
}
.copy_wide dd {
	list-style:none;
	font-weight: 300;
	line-height: 1.5;
	text-align: left;
	color: #323234;
	margin:10px 0 10px 0;
}
.copy_wide dt {
	margin: 0 10px 0 0;
	line-height: 1.5;
	float: left;
	clear: left;
}
.copy_wide dt:after {
	content: " -"
}

.intro_block_24, .intro_block_18 {
	text-align: center; font-weight: normal
}
.intro_block_18 {
	font-size: 18px;
	line-height: 1.33;
	margin-bottom: 50px;
}
.intro_block_18_bold p {
	font-weight:500;
	font-size: 18px;
	line-height: 1.33;
	text-align: center;
}

/*not displaying on desktop because 768px min standard stylesheet*/

.ah_logo_holder{
	display:block;
	position: absolute;
	z-index: -5;
	width: 90%;
	left: 5%;
	top: 70px;
}

.ah_logo_holder.logo_lower {
	top: 120px
}

/*mobile svg sized background*/
.alexander_hall_logo_svg {
	width: 100%;
}

/**/

#info_view .answer .bold_dd {
	font-weight: bold;
	margin:1rem 0;
}

#info_view .answer a, #info_view .answer a:hover, #info_view .answer a:visited {
	color: #38accd;
}

/*ul li rules*/

.circleList ul li {
	list-style: disc;
}


/*desktop global text rules*/
@media only screen and (min-width : 576px){
	/*desktop svg background*/
	.ah_logo_holder__svg {
		width: 693px;
		height: 450px;
		object-fit: contain;
		background-color: #FAFAFA;
		background-color: var(--white);
	}

	/*desktop svg backgrounds*/
	.ah_logo_holder {
		width: 100%;
		top:30px;
		max-width: 693px;
		left: auto;
		right: 10%;
	}
	.ah_logo_holder.logo_left {
		left: 10%;
		right: auto;
	}
	.hide_desktop_logo{
		display: none;
	}

	.copy_wide {
		padding: 2% 4%;
		box-sizing: border-box;
	}

	.copy_wide.blue {
		margin: 0;
		width: 100%;
	}

	.copy_wide.grey {
		padding: 20px 10% 70px;
	}
	.copy_width_740 {
		max-width: 740px;
	}
	.copy_width_590 {
		max-width: 590px;
	}
	.copy_width_499 span {
		font-weight: bold;
		color:#000000;
	}
	.copy_width_499 a {
		font-size:1em;
		font-weight: bold;
		color:#000000;
	}
	.copy_width_499 {max-width: 499px;
	 text-align: left;
	}
	.intro_block_24 {font-size: 24px;
		line-height: 1.29;
		letter-spacing: -0.3px;
		text-align: left;
	}
	.intro_block_18_bold p {
		font-weight:500;
		font-size: 18px;
		line-height: 1.33;
		text-align: left;
	}
}

@media only screen and (min-width : 768px){
	.intro_block_18 {
		text-align: left;
	}
}

@media only screen and (min-width : 1025px){
	.copy_wide {
		padding: 2% 8%;
	}
}

/*main text rules*/

h1{
  font-size: 38px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: -1px;
  color: #323234;
  text-align: center;
}

h1 span{
	color:#666;
}

h2{
  font-size: 24px;
  line-height: 1.26;
  font-weight: normal;
  margin-top: 2em;
}

h2.header{
	padding:10px;
	background:transparent url(/i/modules/header_grad.jpg) no-repeat left top;
	margin:30px 0 0 0;
}

h3{
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  color: #323234;
  margin-top: 2em;
}

h4{
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
  color: #323234;
}

@media only screen and (min-width : 768px) {

	h1{
	  text-align: left;
	  margin-bottom: 1em;
	}

}

@media only screen and (min-width : 1024px) {

	h1{
	  font-size: 28px;
	}

	h2{
	  font-size: 19px;
	}
}

.fileUpload {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.arrow_application_form{
	position: absolute;
    right: 3%;
    top:43%;
}

#uploadFile {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin: 10px 0 0 0;
	border: none;
	background: none;
	text-overflow: ellipsis;
	color: #38accd;
}

.custom-select {
   	background-color: #ffffff;
   	position: relative;
   	box-sizing: border-box;
}

.custom-select .custom-select-chevron-down {
  position: absolute;
  top: 20px;
  right: 10px;
}
.custom-select select {
	width: 100%;
	height: 46px;
	padding-right: 40px;
    box-sizing: border-box;
	border: 1px solid #dadbdb;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.custom-select select:focus {
    outline: none;
}

.custom-select:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	/*border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #000000 transparent transparent transparent;
	pointer-events: none;*/
	top: 19px;
	right: 10px;
}
.arrow-stamp-duty{
	position: absolute;
    right: 3%;
	bottom: 40%;
}

@media only screen and (min-width : 576px) {
	#uploadFile {
		margin: 0 0 0 20px;
		width: auto;
	}
}


@media only screen and (min-width : 768px) {
	.custom-select select {
		text-align: left;
	}

	#uploadFile {
		margin: 10px 0 0 0;
		width: 100%;
	}
}

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

blockquote{
	font-size:16px;
	font-family:Calibri, Arial, sans-serif;
	color:#38ACCD;
	margin:0;
	padding:0 20px;
	line-height:130%;
	font-style:italic;
}
th,
td{
	font-size:80%;
	color:#666;
	line-height:150%;
}
td h2{
	font-size:120%;
	margin-top:20px;
}

/* Layout */

.column_title {
	width:23%;
	margin:0 5px 0 0;
	font-weight:bold;
}

/*three columns module 50% wide*/
.half_page_width {
	width:50%;
	float:left;
}
.half_page_width .column_title {
	width:40%;
}
.column_sub_title {
	width:26%;
}
.half_page_width .input_field {
	width:25%;
}
.half_page_width label {
	padding-right:5px;
}
.half_page_width .column_title, .half_page_width .column_sub_title {
	padding-right:13px;
}
.title_labels {
	padding-left:33%;
}
.columns_5 li {
	width:17.5%;
	clear:none;
	padding-right:2%;
}
.columns_5 .title_labels {
	padding-left:0;
	padding-top:73px;
	height:auto;
}
.columns_5 li label, .columns_5 li fieldset {
	clear:left;
	width:98%;
}
.columns_5 li label {
	min-height:53px;
}
.columns_5 .title_labels label {
	height:auto;
	min-height:1px;
}
/* Calculators and other forms*/
fieldset {
	border:none;
	padding:0;
	margin:0;
}
/* incorporate pound and percentage sign into the white field*/
/*.input_field {
	padding:5px 0 5px 10px;
	width:20%;
	margin:0 5px 0 0;
	float:left;
}*/
.input_fill {
	background:#fff;
}
.input_field input {
	border:1px solid #ddd;
	width:100%;
	margin:0;
	padding:5px 0 5px 5px;
	height: 3.4rem;
	box-sizing: border-box;
}
.perc {
	width:10%;
	padding:1%;
}
.perc span{
	padding:3px 0;
}
.perc input {
	width:50%;
}
/*.cta_button {
	margin:0 0 15px 0;
	float:left;
}*/
.smalltext, .innerHTML {
	float:left;
	margin-top:10px;
	font-size:100%;
}
.smalltext {
	margin-right:5px;
}
.smalltext_details {
	float:left;
}
.details_text {
	font-size:100%;
	float:left;
}
.default {
	width:100%;
}
fieldset.hidden {
	visibility:hidden;
	padding:0;
	margin:0;
}
/*fieldset label {
	display:block;
	float:left;
	padding:10px 20px 5px 0;
	width:31%;
	font-size:100%;
	vertical-align:center;
}*/

label span {
	font-weight:normal !important;
}
/*Fieldset options' styles*/
.form_options {
	font-weight:normal;
	padding:3px 0;
	clear:both;
}
fieldset ol {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
}
fieldset ol li {
	padding:0.5% 0;
	float:left;
	clear:both;
	width:100%;
}
.secondary_list {
	float:left;
	width:auto;
}
.col_4 label, .col_4 input {
	width:18%;
}
form{
	padding:0;
}
input,
textarea, select{
	font-size: 1.1rem;
    font-family: 'Lato', sans-serif;
    color: #1a2123;
	-webkit-border-radius:0;
	border-radius:0;
	box-shadow:none !important;
	padding: 5px 8px;

}
input.field_short{
	width:90px;
}
.module_cta_extrawide input{
	font-size:90%;
	vertical-align:middle;
}
textarea{
	width:23%;
	float:left;
	border:1px solid #ddd;
}
.table_form td{
	padding:4px 4px 4px 0px;
}
li li{
	font-size:100%;
	padding-left:30px;
}
td.intro,
p.intro{
	margin-top:0;
	font-size:95%;
}
blockquote a{
	color:#38ACCD;
}
h2 a,
td a,
li a{
	color: #323234;
}
.error_field{
	border: solid 1px #ff4747!important;
}
.warning{
	background: url(/i/icons/warning.gif) no-repeat 5px center;
	padding:4px 10px 4px 40px;
}
form .warning{
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.3px;
	text-align: left;
	color: #ff4747;
}
.confirmation{
	border:1px solid #D3E4C2;
	background:#E7F0DD url(/i/icons/tick_vsmall.gif) no-repeat 5px center;
	padding:4px 10px 4px 23px;
	max-width:280px;
}
.r{
	color:#dc2009;
}
.module .ticklist{
	margin-left:10px;
}
.ticklist li{
	list-style:none;
	padding-left:20px;
	margin:3px 0 3px 0;
	background:transparent url(/i/icons/tick_small.gif) no-repeat left center;
}
.subnav a:hover,
p a:hover{
	color:#38ACCD;
}
.module_content{
	width:332px;
	background:transparent url(/i/buttons/blue_bg_left.gif) no-repeat left center;
	margin:10px auto;
}

.col_1 .module_content {
	margin:10px 0 10px 0;
}
.col_2 .module_content{
	width:260px;
}
.button{
	float:left;
	background:transparent url(/i/buttons/blue_bg_left_small.gif) no-repeat left center;
}
.button a,
.module_content a{
	white-space:nowrap;
	display:block;
	padding:10px 12px 10px 20px;
	color:#fff !important;
	background:transparent url(/i/buttons/blue_end_right.gif) no-repeat right center;
}
.button a{
	padding:2px 10px 3px 10px;
	background:transparent url(/i/buttons/blue_end_right_small.gif) no-repeat right center;
}
.button a:hover,
.module_content a:hover{
	color:#fff !important;
	text-decoration:none;
}
.email a{
	padding:2px 0 3px 33px;
	background:transparent url(/i/icons/emails.gif) no-repeat left center;
}

.deals_wrapper {
	width:92%;
	max-width: 1319px;
	margin: 12px auto;
	background-color: #ffffff;
	box-shadow: 0 0 26px 0 rgba(53, 53, 53, 0.16);
	padding: 0;
}

.deals_wrapper .customise_deals input[type=radio] + label {
	background: #e3e1e1;
	color: #000000;
	border-color: #e2e0e0;
}

.deals_wrapper .representative_eg {
	padding: 0 5%;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.47;
	letter-spacing: -0.2px;
	color: #1a2123;
}
.deals_wrapper .representative_eg h2 {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -0.4px;
	color: #303030;
}
.deals_wrapper .calculation_result {
	display: none;
	width: 100%;
	background: #C7EDF3;
	padding: 1rem 5%;
	box-sizing: border-box;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.29;
	letter-spacing: -0.2px;
	color: #000;
	position: relative;
}
.deals_wrapper .calculation_result.active {
	display: block;
}

.deals_wrapper .calculation_result:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
}
.deals_wrapper .calculation_result p {
	margin: 0;
}

@keyframes cd-rotate-in {
  0% {
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    transform: rotateX(360deg);
    opacity: 1;
  }
}

@keyframes cd-rotate-out {
  0% {
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    transform: rotateX(180deg);
    opacity: 0;
  }
}
.deals_wrapper .calculation_result .result_amount {
	font-size: 26px;
	line-height: 0.85;
  	letter-spacing: -0.4px;
  	perspective: 300px;
  	margin: 10px 0 0;
  	display: block;
}
.deals_wrapper .calculation_result .result_amount span {
	font-weight: bold;
	opacity: 0;
	transform-origin: 50% 100%;
	transform: rotateX(180deg);
	display: inline-block;
	position: relative;
	left: 0;
	top: 0;
	min-width: 90px;
}
.deals_wrapper .calculation_result .result_amount span.is-visible {
	opacity: 1;
	transform: rotateX(0deg);
	animation: cd-rotate-in 1.2s;
}
.deals_wrapper .calculation_result .result_amount span.is-hidden {
	transform: rotateX(180deg);
	animation: cd-rotate-out 1.2s;
}
.deals_wrapper .deal_contact {
	padding: 9px 10%;
	font-size: 19px;
	line-height: 1.42;
	letter-spacing: -0.7px;
	text-align: center;
	color: #3f3f3f;
	border-top: solid 1px #e6e6e6;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}

.deals_wrapper .deal_contact .bold_phone_link {
	font-weight: bold;
	font-size: 19px;
	line-height: 1.42;
	letter-spacing: -0.7px;
	color: #3f3f3f;
	margin: 0 10px;
	text-decoration: none;
}

.deals_wrapper .deal_contact .enquiry_button {
	font-size: 17px;
	line-height: 1.76;
	text-align: left;
	color: #38accd;
	width: 100%;
	text-decoration: underline;
	white-space: nowrap;
}

@media only screen and (min-width : 576px) {
	.deals_wrapper .calculation_result .result_amount {
		position: absolute;
		top: 50%;
		right: 5%;
		margin-top: -0.5em;
	}
	.deals_wrapper .calculation_result {
		padding: 2rem 5% 2rem 5%;
		margin-top: 30px;
	}

	.deals_wrapper .calculation_result .result_copy {
		float: left;
		width: 65%;
	}

}

@media only screen and (min-width : 768px) {
	.deals_wrapper .calculation_result .result_amount {
		right: 30px;

	}
	.deals_wrapper .calculation_result {
		padding: 2rem 4% 2rem 4%;
	}

	.deals_wrapper .representative_eg {
		padding: 0 4%;
	}

	.deals_wrapper .calculation_result .result_copy {
		width: 74%;
	}

}

@media only screen and (min-width : 1024px) {
	.deals_wrapper {
		padding: 30px 0 0;
	}

	.deals_wrapper .deal_contact {
		padding: 0 4%;
	}

	.deals_wrapper .deal_contact .enquiry_button {
		margin-top: 0;
		margin-left: 10px;
		width: auto;
	}

	.deals_wrapper .representative_eg {
		padding: 0 200px 0 30px;
	}

	.deals_wrapper .representative_eg > div {
		padding-left: 10%;
	}

	.deals_wrapper .calculation_result {
		padding: 2rem 200px 2rem 30px;
		margin-top: 30px;
	}

	.deals_wrapper .calculation_result p {
		padding: 0 10%;
	}

	.deals_wrapper .calculation_result .result_copy {
		float: left;
	}
}

@media only screen and (min-width : 1440px) {
	.deals_wrapper .calculation_result .result_copy {
		float: none;
		width: auto;
	}
}

/* Deals table */
.deals_table{
	width: 100%;
	padding: 4% 6%;
	margin-bottom: 1em;
	list-style: none;
	box-sizing: border-box;
	position: relative;
}
.deals_table ol {
	list-style:none;
	/* padding:2% 0 2% 2%; */
	padding:0;
	/* margin:0 0 20px 0; */
	margin:0;
	/* float:left; */
	width:100%;
}
.deals_table li{
	padding: 0;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.4px;
	text-align: left;
	color: #303030;
	display: block;
	float: left;
	width: 25%;
}
.deals_table h2{
	text-align:left;
	vertical-align:top;
	font-size: 13px;
  	font-weight: 500;
  	letter-spacing: -0.3px;
	color: #303030;
	margin: 0 0 5px;
}
.deals_table p{
	margin: 0;
}
.deals_table .lender {
	width: 40%;
}
.deals_table .lender h2 {
	display: none;
}
.deals_table .lender .logo_img{
	width: 110px;
}
.deals_table .type_period {
	float: right;
	width: 55%;
	margin-bottom: 20px;
}
.deals_table .initial_rate, .deals_table .reverting_to, .deals_table .lender_fees {
	width: 18%;
	padding-left: 6%;
}

.deals_table .initial_rate {
	clear: both;
	padding-left: 0;
}

.deals_table .overall_cost {
	width: 28%;
	padding-left: 6%;
}

.deals_table .deals_more_details {
	padding-right: 0;
	padding-top: 20px;
	text-align: center;
	float: none;
	clear: both;
	width: 100%;
}
.deals_table .deals_more_details a {
	width: 100%;
	display: inline-block;
}

.deals_table .deals_more_details a:before {
	content: "+";
	display: inline-block;
	margin-right: 5px;
}

.deals_table .deals_more_details a.active:before {
	content: "-";
}

.more_details {
	width:14.5%;
	border-right:none;
	border:none !important;
}

@media only screen and (min-width : 576px) {
	.deals_table .deals_more_details a {
		width: 311px;
	}

	.deals_table h2{
		font-size: 16px;
	}
}

@media only screen and (min-width : 768px) {
	.deals_table {
		padding: 4%;
	}
	.deals_table .lender {
		width: 15%;
	}
	.deals_table .type_period {
		width: 82%;
	}

	.deals_table .initial_rate h2, .deals_table .reverting_to h2, .deals_table .overall_cost h2 {
		min-height: 0;
	}

	.deals_table .deals_more_details {
		text-align: center;
		padding-top: 0;
	}

	.deals_table .initial_rate, .deals_table .reverting_to, .deals_table .lender_fees {
		width: 20%;
		padding-left: 3%;
	}

	.deals_table .initial_rate {
		clear: both;
		padding-left: 0;
	}

	.deals_table .overall_cost {
		width: 31%;
		padding-left: 3%;
	}

}

@media only screen and (min-width : 1024px) {
	.deals_table{
		margin-bottom: 2em;
		width: 100%;
		position: relative;
		padding: 0 200px 0 30px;
	}
	.deals_table li{
		padding:6px 1%;
		font-size: 16px;
		font-weight: 300;
		letter-spacing: -0.4px;
		text-align: left;
		color: #303030;
		float: left!important;
		vertical-align: top;
		box-sizing: border-box;
	}

	.deals_table .deals_more_details {
		text-align: right;
		right: 30px;
		position: absolute;
		width: auto;
	}
	.deals_table .deals_more_details h2 {
		display: none;
	}
	.deals_table .lender {
		text-align: left;
	}
	.deals_table .type_period {
		/*float: none;*/
		margin-bottom: 0;
	}
	.deals_table .reverting_to, .deals_table .lender_fees, .deals_table .overall_cost {
		padding-left: 1%;
	}
	.deals_table .initial_rate {
		clear: none;
		padding-left: 1%;
	}

	/* Column width sizes in percentages */
	.deals_table .lender {
		width:9%;
	}
	.deals_table .initial_rate {
		width:11%;
	}
	.deals_table .lender_fees {
		width:11%;
	}
	.deals_table .type_period {
		width:30%;
	}
	.deals_table .reverting_to {
		width:11%;
	}
	.deals_table .overall_cost {
		width:28%;
	}
	.deals_table .early_repayment_charges {
		width:15%;
	}
	.deals_table .deals_more_details a {
		width: 165px;
		letter-spacing: 0.2px;
		margin-top: 0;
	}
}

.deal_details {
	display: none;
	width: 100%;
	background: #eff9fb;
}
.deal_details_table {
	width: 100%;
	display: block;
	padding: 0.1em 0 2em;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: -0.4px;
	text-align: left;
	color: #303030;
}
.deal_details_table > div {
	display: block;
	padding: 0 6%;
}
.deal_details_table h2 {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.4px;
	color: #303030;
}
.deal_details dt {
	font-weight: 300;
	letter-spacing: -0.4px;
	text-align: left;
	color: #303030;
	clear: left;
	float: left;
	width: 52%;
	margin: 2px 0;
}
.deal_details dd {
	font-weight: 500;
	letter-spacing: -0.4px;
	text-align: right;
	color: #2971b3;
	float: right;
	margin: 2px 0;
	width: 45%;
}

@media only screen and (min-width : 768px) {
	.deal_details {
		margin-bottom: 30px;
	}

	.deal_details_table {
		display: table;
		padding: 1em 0 2em;
	}
	.deal_details_table > div {
		display: table-cell;
		padding: 0 1% 0 0;
	}
	.deal_details_table .fees_charges {
		padding-left: 4%;
		width: 33%;
	}
	.deal_details_table .flexibility {
		width: 38%;
	}
	.deal_details dt {
		width: 65%;
	}
	.deal_details dd {
		text-align: left;
		float: left;
		width: 35%;
	}
}

@media only screen and (min-width : 1024px) {
	.deal_details {
		margin-bottom: 30px;
		padding: 0 200px 0 30px;
		box-sizing: border-box;
	}

	.deal_details_table {
		width: 100%;
		padding: 1em 0 2em;
	}
	.deal_details_table > div {
		float: left;
		padding: 0 1% 0 0;
	}
	.deal_details_table .fees_charges {
		padding-left: 10%;
		width: 29%;
	}
	.deal_details_table .fees_charges dt {
		width: 50%;
	}
	.deal_details_table .flexibility {
		width: 32%;
	}
	.deal_details_table .flexibility dt {
		width: 41%;
	}
	.deal_details_table .flexibility dd {
		width: 45%;
	}
	.deal_details_table .other_info {
		width: 26%;
	}
	.deal_details_table .other_info dt {
		width: 35%;
	}
	.deal_details dt {
		width: 42%;
	}
	.deal_details dd {
		text-align: left;
		float: left;
	}
}

.roles_table li {
	width: 100%;
}
.deal_table_header{
	background:#DEDEDE;
	border-bottom: 1px solid #fff;
	width:100%;
}
.deal_table_header li, .deal_table_row li{
	font-weight:bold;
	border-right: 1px solid #eee;
}
.deal_table_row li{
	border-right: 1px;
}
.deal_table_row {
	border: 1px solid #ddd;
	background-color: #ffffff;
	/* background-color: #F0F0F0; */
	padding:0 !important;
	width:100%;
	overflow:visible;
}
.deal {
	background-color: #F0F0F0;
	float:left; /*needs to float to apply background color*/
}
.deal_table_row li{
	height:auto;
	font-weight:normal;
}
.deals_table_cta_row {
	background: #fff url(/i/grad_small.jpg) repeat-x;
	width:100%;
	padding:0 !important;
}
.deals_table_cta_row p {
	background: url(/i/arrow_bend.gif) no-repeat;
	color: #38ACCD;
	font-size:90%;
	padding:0 5px 20px 40px;
	margin:0 0 0 12%;
	width:auto;
}

.deals_table_cta_row a {
	color: #38ACCD;
}
.deals_table_cta_row .deal_comment {
	padding-left:13%;
}
.deals_table_cta_row .deal_comment .initial_rate {
	width:auto;
}
.hide_on_desktop {
	font-weight:normal;
}
#recalculate_module ol {
	width:75%;
	float:left;
}
#recalculate_module p {
	float:left;
}
#borrow_form_holder {
	display:none;
	/* margin-left:170px; */
}
/*over-ride default calculator style for this type of form only*/
#borrow_form_holder label {
	width:auto;
}
#borrow_form_holder .input_field {
	width:30%;
}
/*end of over-riding styles*/
#deals_arrow {
	display:block;
	margin:-24px 0 0 90%;
}
.sub_col_3 {
	width:31%;
	display:block;
	float:left;
	margin-right:10px;
}
p.sub_col_3 {
	font-size:100%;
	padding:0;
	margin:0;
}
.sub_label {
	display:inline-block;
	width:90px;
	font-size:100%;
	margin:0;
}
.deal td{
	border-top:1px solid #ddd;
	background-color:#F0F0F0;
}
.deal_comment td{
	background:#fff url(/i/grad_small.jpg) repeat-x;
	color:#38ACCD;
	font-size:75%;
}
.deal_comment td a{
	color:#38ACCD;
}
.int{
	text-align:right !important;
}
.percent .button{
	float:none;
	width:auto;
	margin-bottom:6px;
}

#map{
	height:325px;
}

.col #map{
	margin-top: 30px;
}
/* careers */
.progress_bar {
	width:344px;
	height:14px;
}

.careers_profile_intro{
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
	align-items: center;
}

.careers_profile_intro > div{
	display: table-cell;
	vertical-align: middle;
}

.careers_profile_intro h1{
	margin: 2rem 0 0 .4rem;
}

.careers_profile_intro h2{
	font-size: 20px;
	font-weight: 300;
	line-height: 1.75;
	color: #323234;
	margin: 1rem 0px;
    text-align: center;
}

.careers_profile_intro .return_button {
    display: none;
}

.careers_profile_copy .secondary_button{
	margin-top: 30px;
	margin-bottom: 30px;
}

.careers_profile_pic{
	height: 170px;
    width: 170px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
}

.careers_profile_pic img{
	height: 100%;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    max-width: none;
}
.module_careers_testimonial{
	min-height:100px;
}
.module_careers_testimonial div{
	padding:10px;
}
.module_careers_testimonial img{
	float:left;
}
.module_careers_testimonial h4{
	margin:0;
}
.module_careers_testimonial p{
	margin:7px 0 0 0;
}

@media only screen and (min-width : 768px) {
	.careers_profile_copy .secondary_button{
		min-width: 354px;
	}
	.careers_profile_intro{
		display: table;
		margin: 0 auto;
		padding-top: 10%;
	}
	.careers_profile_intro h1 {
		margin: 0;
	}
	.careers_profile_intro h2 {
		margin: 0;
		text-align: left;
	}
	.careers_profile_intro > div {
		padding: 40px 40px 40px 0;
	}
}

#logos img{
	margin:0 15px 15px 0;
	border:1px solid #f0f0f0;
}

/* footer */
#footer_holder{
	background-color:#303030;
	color: white;
	padding: 1rem 0 0 0;
	overflow: hidden;
}

.footer_logo img {
	width:160px;
}
#footer_holder p, #footer_holder a, #footer_holder a:hover{
	color:#fff;
	text-decoration: none;
	font-size: 12.8px;
    line-height: 15px;
}


/*#footer_holder .top, #footer_holder .middle, #footer_holder .bottom .warnings, #footer_holder .bottom .links{
	opacity: 0.4;
}*/

#footer_holder .top {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footer_top_section {
	padding: 1.5rem 0 1.7rem 0;
	border-bottom: 1px solid rgba(0,0,0,0.5);
	width: 100%;
	display: flex;
	justify-content: center;
}

#footer_holder .email_info {
	font-size: 1.1rem;
}

#footer_holder .contact_info img {
	margin-right: 1rem;
}

#footer_holder .middle{
	padding: 2rem 0;
	border-bottom: 1px solid rgba(0,0,0,0.5);
}

#footer_holder .middle .description, #footer_holder .middle .features, #footer_holder .bottom .warnings {
	display: inline-block;
	font-size: 0.8rem;
    line-height: 15px;
}

#footer_holder .middle .links {
	width: 100%;
}

/* footer menu */

#footer_holder .middle .links .links_sections{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#footer_holder .middle .links .links_section{
	display: flex;
	flex-direction: column;
	padding: 0;
	color: #393939;
}

#footer_holder .middle .links .links_section li {
	padding-bottom: 7px;
	max-width: 130px;
}

#footer_holder .middle .links .links_section a {
    margin-bottom: 0.5rem;
}

#footer_holder .top a {
	font-size: 1rem;
}

#footer_holder .middle .links .links_section:last-of-type {
	border-left: dotted 1px rgba(256,256,256, 0.3);
	padding-left: 2rem;
	margin-left: 2rem;
}

#footer_holder .middle .links .social_media{
	margin-top: 3rem;
	text-align: center;
}

#footer_holder .middle .links .social_media img{
	height: 1.5rem;
	margin: 0 1rem;
}

#footer_holder .bottom {
	background-color: #272727;
	padding: 2rem 1rem;
}

#footer_holder .middle {
	border-bottom: 1px solid rgba(0,0,0,0.5);
	position: relative;
}

#footer_holder .middle .links {
	position: absolute;
	top: 0;
	left: 0;
}

#footer_holder .middle .description {
	margin-top: 13rem;
}

#footer_holder .middle {
	padding: 15px 8% 10px;
}

#footer_holder .middle .description, #footer_holder .middle .features p {
	padding-bottom: 0rem;
}

#footer_holder .middle .features .title{
/*	text-transform: uppercase;
*/	font-weight: bold;
	display: block;
	margin-bottom: 0.4rem;
}

#footer_holder .middle .links ul {
	list-style: none;
}

#footer_holder .bottom .links {
	background-color: #292929;
    text-align: center;
    line-height: 2rem;
    font-size: 0.3rem;
    font-weight: 100;
    margin: 0 auto;
    max-width: 90%;
}

.tablet_social_hide, .links_sections{
	display: block;
}

.links_sections_tablet, .social_media_alt{
	display: none;
}

#footer_holder .bottom .links a:after{
    content: "-";
    margin: 0 0.1rem;
    display: inline-block;
}

#footer_holder .bottom .links a:last-child:after{
    content: "";
}

#footer_holder .bottom .warnings{
	background-color: #272727;
    text-align: left;
	padding: 1rem 2rem;
	border-bottom: 1px solid rgba(0,0,0,0.5);
}


@media only screen and (min-width: 1025px){
	.social_media_alt {
		display: none;
	}
	.tablet_social_hide, .links_sections {
		display: block;
	}
	#footer_holder .middle .features, #footer_holder .middle .description {
		display: flex;
	}

}

@media only screen and (min-width : 1025px) {

	#footer_holder .top, #footer_holder .middle{
    	padding: 15px 8% 10px;
		display: flex;
		flex-direction: row;
	}

    #footer_holder .middle .features p {
	    flex-grow: 1;
   		width: 100%;
        margin: 0;
		text-align: left;
		/* margin: 0 1rem; */
	}
	#footer_holder .middle .features .footer_feature_residential_mortgages{
		margin: 0 2rem 0 0!important;
	}
	#footer_holder .middle .features .footer_feature_btl_mortgages{
		margin: 0 2rem 0 0!important;
	}
	#footer_holder .middle .features .footer_feature_offshore_mortgages{
		margin: 0 2rem 0 0!important;
	}

	#footer_holder .middle .features .title.pad{
		max-width: 8.7rem;
	}

    #footer_holder .middle .description {
		flex-grow: 1;
		width: 0;
		padding: 1rem 0;
		margin: 0;
	}

    #footer_holder .middle .features {
		/* flex-grow: 3;
		flex-direction: row;
		width: 0; */
		flex-grow: 3;
		flex-flow: row wrap;
		width: 0;
		margin-top: 30px;
	}

	.footer_features{
		flex: 1 73%;
        display: flex;
	}

	.footer_feature_residential_mortgages , .footer_feature_btl_mortgages, .footer_feature_offshore_mortgages{
		margin: 0 1rem;
	}

	#footer_holder .bottom .warnings{
		max-width: 970px;
	    margin: 0 auto;
	    text-align: center;
	}

	#footer_holder .bottom .warnings p{
		font-size: 0.8rem;
	}
	#footer_holder .middle .features .footer_feature_fee:before, #footer_holder .middle .features .footer_feature_fee:after, #footer_holder .middle .features .footer_features:before {
		border-left: dotted 1px rgba(256,256,256, 0.3);
		content: "";
		width: 1px;
		display: block;
		margin: 0px 2rem;
	}
	#footer_holder .middle .features .footer_features:before {
		height: 6.4rem;
	}

	#footer_holder .middle .links {
		padding: 2rem 0;
		width: auto;
		position: relative;
	}

	#footer_holder .middle .links ul {
		list-style-type: disc;
		color: #393939;
		margin: 0;
		padding: 0;
	}

	#footer_holder .middle .links li {
		padding-bottom: 7px;
		margin-left: 10px;
	}

	#footer_holder .links a {
		padding-left: -10px;
	}

	#footer_holder .middle .links .links_section:last-of-type {
		border-left: none;
	}

	#footer_holder .middle .links .links_sections {
		justify-content: flex-start;
	}
}

@media only screen and (min-width: 576px){
	.footer_feature_residential_mortgages {
		order: 0;
		flex: 1 auto !important;
		margin-left: 0px !important;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 576px){
	#footer_holder .middle .features {
		flex-grow: 3;
		flex-flow: row wrap;
		width: 0;
	}
	#footer_holder .middle .features p {
		font-size: 9px;
		width: 100%;
		margin-left: 2rem;
	}
	.footer_features{
		flex: 1 73%;
		display: flex;
		margin-left: 2rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){

	#footer_holder .middle .links .links_section.first li, #footer_holder .middle .links .links_section.second li  {
    	margin-left: 3rem;
    }

    #footer_holder .middle .links .links_section.first li:first-of-type {
		margin-left: 3rem;

	}
}

@media only screen and (min-width: 576px) and (max-width: 1024px){

	#footer_holder .middle {
		display: flex;
    	flex-direction: row;
	}

	#footer_holder .middle .description {
		margin: 14rem 1rem 0 1rem;
	    width: 35%;
	}

	#footer_holder .middle .features{
		display: flex;
		flex-direction: row;
		margin: 14rem 0 0 0;
		width: 70%;
	}

	#footer_holder .bottom .warnings{
		text-align: center;
	}

	#footer_holder .middle .description p{
		font-size: 10px;
		text-align: left;
	}

	#footer_holder .middle .features p {
		font-size: 9px;
	    width: 100%;
		margin-left: 2rem;
	}

    #footer_holder .middle .links .links_section{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	#footer_holder .middle .features:before, #footer_holder .middle .features:after {
		display: none;
	}

	#footer_holder .middle .links .links_section:last-of-type {
		border-left: none;
		padding-left: 0;
		margin-left: 0;
	}
	#footer_holder .middle .links .links_section:last-of-type {
		border-left: dotted 1px rgba(256,256,256, 0.3);
        padding-left: 1rem;
        margin-left: 1rem;
	}
}

/*the below line is to keep font size correct6 on mobile to tablet transition*/
@media only screen and (min-width : 576px) and (max-width: 768px) {

	#footer_holder .middle .links .links_section.first li, #footer_holder .middle .links .links_section.second li  {
    	margin-left: 1rem;
    }

     #footer_holder .middle .links .links_section.first li:first-of-type {
		margin-left: 1rem;
    }

    #footer_holder .middle .description {
	    margin: 14rem 1rem 0 1rem;
	    width: 35%;
	}

	#footer_holder a, #footer_holder a:hover{
		font-size: 0.7524rem;
	}

    #footer_holder .middle .features p {
		font-size: 9px;
	    width: 100%;
		margin-left: 2rem;
	}

	#footer_holder .middle .features .title.pad{
		padding-bottom: 1rem;
	}

	#footer_holder .middle .features .title.pad_width{
		width: 8.4rem;
	}
	#footer_holder .middle .links .links_section:last-of-type {
		border-left: dotted 1px rgba(256,256,256, 0.3);
        padding-left: 1rem;
        margin-left: 1rem;
	}
}

/*to disiplay middle nav properly at 576px */

@media only screen and (min-width : 768px) {
	#footer_holder .bottom .links {
		line-height: 5rem;
	}
	#footer_holder .bottom .warnings {
		padding: 2rem 5rem;
	}

}

@media only screen and (min-width : 576px) {

	#footer_holder .top {
		padding: 0 8%;
		flex-direction: row;
		border-bottom: 1px solid rgba(0,0,0,0.5);
	}

	#footer_holder .bottom {
		padding: 0;
	}

	#footer_holder .bottom .warnings {
		padding: 2rem 8rem;
		display: block;
	}


	.footer_top_section {
		border: none;
		justify-content: flex-start;
		width: auto;
	}
	.footer_logo {
		flex-grow: 1;
	}
	.contact_info {
		flex-grow: 0;
	}
	#footer_holder .contact_info {
		margin-left: 2rem;
	}
	#footer_holder .contact_info p {
		font-size: 15px;
		font-weight: bold;
	}

	.careers_profile_copy .secondary_button{
		min-width: 354px;
	}

}

@media only screen and (min-width : 370px) {
	#footer_holder .bottom .links a:after{
		margin: 0 1rem;
	}


}


/* popup */
.popup{
	background-color:#fff;
}
.popup #header{
	height:auto;
	padding:10px;
}
.popup .holder{
	padding:10px;
}
.popup h2{
	margin-top:0;
}
/* print */

@media print{
	body{
		background-color:#fff;
	}
	#footer_holder{
		background-color:#fff;
		color:#666;
	}
	#footer_holder p,
	#footer_holder p a{
		color:#666;
	}
}
/* Responsive media queries*/
/* Use for testing*/
	 /* body:after {
	 		background: #ffc;
	 		width: 96%;
	 		padding: 1em 2%;
	 		position:fixed;
	 		left:0;
	 		bottom:0;
	 		font-size: 14px;
	 		font-size: .875rem;

	 		content: "We're above 1024px/64em"; } */

/* Large screens ----------- */

@media only screen and (min-width: 971px) {
	.column_title {
	padding:0;
}
}
/*Hide menu on screens smaller than*/
@media only screen and (max-width: 970px) {
	/* Uncomment to test */
	/*  body:after {
				background:#D6B0F5;
				content: "We're below 970px/60.625em";
			}  */
	/*cta buttons*/
	/*.cta_button {
		margin-top:10px;
	}*/
	/*content*/
	#content_holder{
		padding:20px 10;
	}
	#copy{
		max-width:100%;
	}
	.calcs div.col_1, .calcs div.col_2 {
		width:48%;
	}
	.col_1 #further_links {
		width:332px;
	}
	/*navigation*/
	#subnav_holder {
		clear:both;
		float:left;
	}
	.modules {
		float:left;
		clear:both;
	}

	/* Fixes float smaller screens */
	.subnav, .module {
		margin-right:20px;
	}
	.subnav {
		clear:both;
	}
	.subnav a {
		padding:8px 0 8px 12px;
	}
	#logos {
		margin-top:0 !important;
	}
	.link {
		width:100%;
	}
	/* Home page copy*/
	.subnav {
		width:100%;
	}
	/*Sitemap*/
	.sitemap_links li {
		padding:5px;
	}
}
/* iPad / Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	/* Uncomment to test */
	 /*body:after {
			background:#B0CEF5;
			content: "We're in the 768px/48em -> 959px/59.9375em";
		} */

	/* Masthead styles */
	.masthead h1 {
		font-size:130%;
	}
	.column_sub_title {
		width:25%;
	}

}
/*Hide extra text on desktop (in case of tables on desktop)*/
@media only screen and (min-width: 768px) {
	.hide_on_desktop {
		display:none;
	}
}
 /* Larger mobiles (devices and browser) */
@media only screen and (max-width: 767px) {
	/* Uncomment to test */
	 /* body:after {
	 			background:#B0F5E8;
	 			content: "We're below 767px/48em";
	 		}  */
	.masthead h1 {
		font-size:120%;
	}
	.module_content_holder ul li {
		width:21%;
	}
	/* Layout columns */
	.col_1{
		width:100%;
	}
	.calcs div.col_1, .calcs div.col_2 {
		width:100%;
	}
	.calcs div.col_2 {
		float:left;
		clear:both;
		margin-left:0;
	}
	.col_2 {
		float:left;
		clear:both;
		margin:0;
		width:332px;
	}
	/* Forms */
	.perc {
		width:13%;
	}
	.perc input {
		width:60%;
	}
	.column_title {
		width:44% !important;
		font-size:1.2em !important;
	}
	.column_sub_title {
		width:26% !important;
	}
	 .columns_3 li label {
		width:100%;
	}
	.smalltext {
		font-size:100%;
	}
	/*Form output*/
	.column_3 li {
		width:30.8%;
	}
	.next_step{
		height:160px;
	}
	.next_step a {
		font-size:100%;
	}
	/*Form output - 3 columns module*/
	.half_page_width .column_title {
		width:100% !important;
	}
	.title_labels {
		padding-left:0;
	}
	/*Modules, cta, subnav*/
	.modules {
		width:280px;
	}
	.module {
		margin-right:0;
	}
	/*All deals table*/
	.deal_table_header{
		display:none;
	}
	.deal_table_row {
		width:30.5%;
		/* padding:0 0.7% !important; */
		/* min-height:481px; */
		margin:0.5% 0.5%;
		/* border-right:1px solid #ddd; */
	}
	.deal_table_row li {
		clear:both;
		text-align:center;
	}
	.deals_table_cta_row p {
		padding:0 5px 10px 40px;
		margin:0 0 0 2%;
		text-align:left;
	}
	.deals_table_cta_row {
		width:100%;
		padding:0;
		height:auto !important;
	}
	.deals_table_cta_row {
		padding-left:0;
	}
	.deals_table_cta {
		/* float:right !important; */
		width:80%;
		clear:none !important;
		text-align:left !important;
	}
	.button {
		width:95% !important;
		margin:0 auto;
	}
	.deals_table ol.deal_comment {
		padding:0 5px;
		width:auto;
	}
	.deal li {
		float:none;
	}
	.deal img {
		width:50%;
	}
	#deals_arrow {
		display:none;
	}
	/*recalculate input form on all mortgage deals page*/
	#recalculate_module ol {
		width:65%;
	}
	.smalltext {
		margin-right:0;
	}
	#borrow_form_holder label {
		padding-right:0;
	}
	#borrow_form_holder .input_field {
		width:35%;
	}
	/*Remortgage calculator output*/
	.columns_5 li {
	    width:100%;
	    clear:none;
    }
    .columns_5 li label {
        width:100%;
        padding-right:0;
    }
	.columns_5 li label, .columns_5 li fieldset {
	    width:29%;
	    clear:none;
	    margin:10px 10px 10px 0;
    }
   .columns_5 li.title_labels {
	    padding-left:31%;
    }
    .columns_5 .title_labels {
        padding-top:0;
    }
    .columns_5 .input_field {
        padding: 5px 0 5px 2%;
    }
	.columns_5 li label {
		min-height:1px;
	}
}
/* Breakpoint for all deals table*/
@media only screen and (max-width:560px) {
	/*Uncomment to test*/
	 /* body:after {
	 		background:orange;
	 		content: "We're below 560px";
	 	} */
	.deal_table_row {
		width:47%;
		/* border-right:1px solid #ddd; */
		padding:0;
	}
	/*recalculate input form on all mortgage deals page*/
	#recalculate_module ol {
		clear:both;
		width:100%;
	}
	#borrow_form_holder label {
		padding-left:10px;
		padding-right:10px;
	}
	/*Forms output*/
	.half_page_width {
		clear:both;
		width:100%;
	}
	.columns_5 li.title_labels {
		padding-left:32%;
	}
	.column_title, .column_sub_title {
		width:44% !important;
	}
	.half_page_width .input_field {
		width:44%;
	}
	/*Form output*/
	ul.column_3, ol.columns_3 {
		margin-top:3%;
	}
	.column_3 li {
		clear:both;
		padding:0;
		margin:0;
	}
	.column_3 li label {
		padding:0;
	}
	.column_3 li{
		width:100%;
	}
	.column_3 .button {
		width:40% !important;
		margin-top:1%;
	}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px) {
	/* Uncomment to test */
	 /* body:after {
	 			background:#B0F5B5;
	 			content: "We're below 480px/30em";
	 		} */
	/* logo and header cta */
	.module_cta_wide, .module_cta {
		margin:20px 0;
	}
	/* forms */
	textarea {
		width:90%;
	}
	fieldset, fieldset select {
		clear:both;
	}
	fieldset.input_field {
		clear:none;
	}
	label {
		margin:5px 0 0 0;
	}
	fieldset input {
		padding:3px;
		font-size:110%;
	}
	.input_field, .column_title, .column_sub_title {

		font-size:1em;
	}
	.input_field {
		padding-left:0;
	}
	.perc {
		width:21% !important;
		min-width:86px;
	}
	.perc input {
		width:60%;
	}
	.details {
		width:90% !important;/*Smaller than default width to accommodate 'per month, etc'*/
	}

	.column_title {
		padding:0;
	}
	.smalltext {
		margin-left:0;
		clear:both;
	}
	/*.cta_button {
		clear:both;
	}*/
	.module_content a {
		font-size:0.9em;
	}
	.empty_label {
		display:none;
	}
	/* form output */
	/* how much I can borrow */
	.next_step{
		height:auto;
	}
	.next_step a{
		font-size:100%;
	}
	/* Masthead */
	.masthead {
		display:none;
	}
	/* columns layout */
	.col_1, .col_2, #actions {
		width:100%;
	}
	.col_1 #further_links {
		width:100%;
	}
	/* Sidenav */
	.subnav {
		width:100%;
	}
	/* CTA and promotion */
	.module_content_holder ul li {
		width:42% !important;
		margin-right:8%;
	}
	.module_icon_advice{
		background-position:left top;
	}
	.module_icon_paperwork{
		background-position:left top;
	}
	.module_icon_deals{
		background-position:left top;
		width:100% !important;
	}
	.module_icon_specials{
		background-position:left top;
		width:100% !important;
		margin-right:0px !important;
	}
	.module_content_holder ul li:hover{
		background-position:left 4px;
	}
	.module_cta_wide {
		margin-right:0;
		font-size:90%;
	}
	.module h4 a {
		margin-left:0;
	}
	.module_content {
		width:260px;
	}
	/* Content */

	/* Careers */
	.sub_col_3 {
		width:100%;
		clear:both;
		padding:1% 0;
	}
	.progress_bar {
		width:100%;
		height:auto;
	}
	#logos img {
		width:100px;
	}
	/*Footer*/
	#footer_cta .col_1 {
		width:100%;
	}
	.column_title, .column_sub_title {
		width:44% !important;
	}
	.half_page_width .column_title, .half_page_width .column_sub_title {
		padding-right:0;
	}

	/*recalculate input form on all mortgage deals page*/
	#borrow_form_holder .input_field {
		width:40% !important;
		margin-left:10px;
	}

	#borrow_form_holder label {
		font-size:1.2em;
		padding-top:0;
	}
	#recalculate_module p {
		margin-top:10px;
	}
	/*Remortgage calculator output*/
	.columns_5 li label, .columns_5 li fieldset {
        margin:0 2% 0 0;
		width:45%;
    }
	.columns_5 li label {
		width:100%;
	}
	.columns_5 li.title_labels{
		padding-left:0;
	}
	.columns_5 li.title_labels label{
		width:48% !important;
	}
	.column_3 .button {
		width:60% !important;
	}
}


@media only screen and (max-width:360px) {
	.deal_table_row {
		width:96.5%;
		padding:1% 3%;
		margin:2% 0;
		height:auto !important;
	}
	/* body:after {
		background:#ffffff;
		content: "We're below 360px";
	} */
}
@media only screen and (max-width: 320px) {
	/* Uncomment to test */
	/*  body:after {
				background:#F5D4B0;
				content: "We're below 320px/20em";
			}  */

	/*debt consolidation image header*/
	.calc_header_img {
		width:260px;
	}
	.ledersPicture img {
		transform: translate(-44%, -60px);
	}

}
/* apply to all responsive screens that detect media query - overule IE min width */
@media only screen and (min-width: 1px){
	#wrapper,
	header,
	header,
	#resources_holder,
	#cta_holder{
		min-width:239px;
	}
}


/* Reusable column setup */

/* 1. 6 Column Grid 0px - Infinity
-----------------------------------------------------------------------------

Span 1:    13.3333333333%
Span 2:    30.6666666667%
Span 3:    48.0%
Span 4:    65.3333333333%
Span 5:    82.6666666667%
Span 6:    100%

----------------------------------------------------------------------------- */

.row + .row{
	margin-top: 40px;
}

.row.nomargin{
	margin-top: 0;
}

.col {
    margin-bottom: 20px;
    position: relative;
}


@media screen and (min-width: 768px) {

	.row.s-bp {
		content: "";
		display: table;
		clear: both;
		width: 100%;
	}

    .row.s-bp > .col {
        margin-left:4%;
        margin-bottom: 0;
    	padding:0 0%;
	    border:0px solid rgba(0,0,0,0);
	    float:left;
	    -webkit-box-sizing:border-box;
	    -moz-box-sizing:border-box;
	    box-sizing:border-box;
	    -moz-background-clip:padding-box !important;
	    -webkit-background-clip:padding-box !important;
	    background-clip:padding-box !important;
	}

    .row.s-bp > .col:first-child {
        margin-left:0;
    }

    .row.s-bp > .span_12 {
		width: 100%;
	}

	.row.s-bp > .span_11 {
	  	width: 91.33%;
	}
	.row.s-bp > .span_10 {
	  	width: 82.66%;
	}

	.row.s-bp > .span_9 {
	  	width: 74%;
	}

	.row.s-bp > .span_8 {
	  	width: 65.33%;
	}

	.row.s-bp > .span_7 {
	  	width: 56.66%;
	}

	.row.s-bp > .span_6 {
	  	width: 48%;
	}

	.row.s-bp > .span_5 {
	  	width: 39.33%;
	}

	.row.s-bp > .span_4 {
	  	width: 30.66%;
	}

	.row.s-bp > .span_3 {
	  	width: 22%;
	}

	.row.s-bp > .span_2 {
	  	width: 13.33%;
	}

	.row.s-bp > .span_1 {
	  	width: 4.666%;
	}
}

@media screen and (min-width: 1024px) {

	.row.m-bp {
		content: "";
		display: table;
		clear: both;
		width: 100%;
	}

    .row.m-bp > .col {
        margin-left:4%;
        margin-bottom: 0;
    	padding:0 0%;
	    border:0px solid rgba(0,0,0,0);
	    float:left;
	    -webkit-box-sizing:border-box;
	    -moz-box-sizing:border-box;
	    box-sizing:border-box;
	    -moz-background-clip:padding-box !important;
	    -webkit-background-clip:padding-box !important;
	    background-clip:padding-box !important;
	}

    .row.m-bp > .col:first-child {
        margin-left:0;
    }

    .row.m-bp > .span_12 {
		width: 100%;
	}

	.row.m-bp > .span_11 {
	  	width: 91.33%;
	}
	.row.m-bp > .span_10 {
	  	width: 82.66%;
	}

	.row.m-bp > .span_9 {
	  	width: 74%;
	}

	.row.m-bp > .span_8 {
	  	width: 65.33%;
	}

	.row.m-bp > .span_7 {
	  	width: 56.66%;
	}

	.row.m-bp > .span_6 {
	  	width: 48%;
	}

	.row.m-bp > .span_5 {
	  	width: 39.33%;
	}

	.row.m-bp > .span_4 {
	  	width: 30.66%;
	}

	.row.m-bp > .span_3 {
	  	width: 22%;
	}

	.row.m-bp > .span_2 {
	  	width: 13.33%;
	}

	.row.m-bp > .span_1 {
	  	width: 4.666%;
	}

}