/*
--------------------
WARNING!
Copyright Progress Systems Limited.
Explicit permission is required to copy or use any documents from this website
--------------------
*/


/* 

	LEFT: Loan Calculator (65%) + RIGHT: Newsletter Sign Up
	
	IMPORTANT: In Display Settings (Office Area) Homepage Order needs to be: 
	
	+ Loan Calculator
	+ Newsletter Subscription


*/



/*LOAN CALCULATOR --------------------------------------------------------------------------------------- */

#loanSliderContainerHome { 
	width:68%;
	margin: auto auto auto 0;
}


/* NEWSLETTER SIGN UP ------------------------------------------------------------------------------ */

#divNewsletterWrapperInner {
    background: rgba(110,116,122,.04);
    height: 430px;
    padding: 0 50px;
    position: absolute;
    right: 0;
    top: -489px;
    width: 32%;
	border-top:9px solid #f79223;
	text-align: center;
}

#divNewsletterTitle {
	margin-bottom: 20px;
}

#divNewsletterTitle h4 {
	font-family: "Tauri",sans-serif;
    font-size: 1.7em;
    color: #6e747a;
    padding: 10px 0 18px;
	position:relative;
}

#divNewsletterTitle h4::after {
	content:"Get regular updates!";
	position: absolute;
	right: 0;
	bottom: -10px;
	font-family: "Libre Franklin",sans-serif;
	text-transform: none;
	font-size:18px;
	color: #f79223;
}

#divNewsletterWrapperInner input {
	width:100%;
	background: none;
    border: none;
    border-bottom: 1px solid #b8c2cc;
    padding: 25px 0 14px 0;
    font-size: 1.1em;
    color: #6e747a;
}

#divNewsletterSubBtn {
    margin-top: 22px;
    padding-top: 30px;
	float:none;
	
}

#divNewsletterSubBtn input {
	width:100%;
	border-bottom: none;
	background: #f79223; 
	font-family: "Ubuntu",sans-serif;
	font-weight: 500;
	font-size: 19px;
	color: #ffffff;
	padding: 15px;
}

#divNewsletterSubBtn input:hover, #divNewsletterSubBtn input:active {
	background: #e58620;
}



/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/





@media only screen and ( max-width: 81.25em ) /* 1300 */ {

	#divNewsletterWrapperInner {padding: 0 35px;}

	#divNewsletterTitle h4 {font-size: 1.6em;}

}


@media only screen and ( max-width: 75em ) /* 1200 */ {

	#divNewsletterWrapperInner	{width: 30.5%; padding: 0 20px;}
		
	#divNewsletterWrapperInner {right:20px;}
	
	#divSliderLoanCalculatorWrapperOuter {padding-left:20px; padding-right:20px;}

	#divNewsletterTitle h4 {font-size: 1.5em;}
		
}


@media only screen and ( max-width: 64em ) /* 1024 */{

	#divNewsletterWrapperInner {top: -470px;}

}

@media only screen and ( max-width: 61.25em ) /* 980 */ {
	
	#divNewsletterWrapper {padding: 25px 20px; display:inline-flex;}
	
	#divNewsletterWrapperInner {width:100%; max-width:500px; position: relative; top:0; right:0; margin:auto; float:none; left:0; display: block;}
	
	#loanSliderContainerHome { width:100%; margin: auto;}
	
	#divSliderLoanCalculatorWrapperOuter {padding: 30px 20px;}
	
	#divNewsletterTitle h4 {width: 269px; margin: 0 auto; font-size:1.6em;}

}


@media only screen and ( max-width: 61.25em ) /* 980 */ {
	
}


@media only screen and ( max-width: 55em ) /* 880 */ {
	
}


@media only screen and ( max-width: 50em ) /* 800 */ {
	
}


@media only screen and ( max-width: 48em ) /* 768 */ {

}


@media only screen and ( max-width: 45em ) /* 720 */ {	

	#divSliderLoanCalculatorWrapperOuter {padding: 0;}
	
}


@media only screen and ( max-width: 40em ) /* 640 */ {
	
	
}


@media only screen and ( max-width: 37.5em ) /* 600 */ {

}


@media only screen and ( max-width: 35.5em ) /* 568 */ {

}


@media only screen and ( max-width: 32.5em ) /* 520 */ {

}


@media only screen and ( max-width: 30em ) /* 480 */ {

}


@media only screen and ( max-width: 26.6875em ) /* 427 */ {
	
}


@media only screen and ( max-width: 25em ) /* 400 */ {
	
	#divNewsletterTitle h4 {width: 220px; font-size:1.3em; text-align:center; line-height:normal;}
	
}


@media only screen and ( max-width: 22.5em ) /* 360 */ {
	
}


@media only screen and ( max-width: 20em ) /* 320 */ {
	

}