.wrapper {

	position: relative;

}

/***** Header *****/

header {

	height: 80px;

	padding: 0;

}

#logo {

	position: absolute;

	left: 0;

	top: 13px;

	width: 200px;

	height: 80px;

}

.phone,

#alternate1 header .phone {

	overflow: hidden;

	margin: 0 auto;

	display: block;

	position: absolute;

	right: 0;

	top: 26px;

	width: 364px;

	background: none;

	padding: 0;

}

.phone {

	display: none;

}

.phone .fa {

	color: #003768;

}

.phonebyLine,

#alternate1 header .phonebyLine {

	text-transform: uppercase;

	font-size: 13px;

	line-height: 12px;

	font-weight: 400;

	color: #666;

	float: left;

	text-align: right;

	width: 148px;

	font-size: 14px;

	line-height: 0.9;

	margin: 4px 5px 0 0;

}

.phoneNumber,

#alternate1 header .phoneNumber {

	font-size: 30px;

	line-height: 30px;

	letter-spacing: -1px;

	font-weight: 700;

	text-align: right;

}

#mobilePhoneIcon {

	display: none;

}







.field {

    margin-bottom: 15px;

    margin-top: 5px;

}





/***** Steps *****/

#applySteps {

	overflow: visible;

	padding: 30px 0;

	width: 85%;

	max-width: 520px;

	height: 100px;

}

#applySteps em {

	display: block;

    width: 150px;

    margin-left: -59px;

    font-size: 12px;

    position: absolute;

    text-align: center;

    top: 36px;

    left: 0;

    font-weight: bold;

    color: white;

}

#applySteps .active em {

	color: #333;

}











/***** Forms *****/

.formSection {

	padding: 40px;

	overflow: hidden;

}

.formSection h2 {

	font-size: 30px;

	font-weight: 100;

	margin-bottom: 26px;

}

.fieldRow li {

	float: left;

	width: 42.9%;

	margin: 0 2.5% 40px 2.5%;

	border: 1px solid #3279c4;

	-moz-border-radius:4px;

	border-radius:4px;

	-webkit-border-radius:4px;

	padding: 0 5px;

}

.fieldRow1 li {

	width: 92.2%;

}

.field input[type=text],

.field input[type=tel],

.field input[type=email],

.field input[type=password],

.field input[type=date],

.field input[type=number] {

	padding: 0;

}

.fieldSelect i {

	width: 38px;

}

/** Removed as it's in patch.css **/

/*.fieldRow .fieldRadio {

	border: none;

	height: 45px;

}

.fieldRow .fieldRadio label {

	border-top: 1px solid #3279c4;

	border-bottom: 1px solid #3279c4;

	border-right: 1px solid #3279c4;

	height: 41px !important;

	line-height: 41px !important;

	margin: 0;

	padding: 0 20px;

}

.fieldRow .fieldRadio label:first-of-type {

	border-left: 1px solid #3279c4;

	border-bottom-left-radius: 4px;

	-moz-border-radius-bottomleft: 4px;

	-webkit-border-bottom-left-radius: 4px;	

	border-top-left-radius: 4px;

	-moz-border-radius-topleft: 4px;

	-webkit-border-top-left-radius: 4px;

	margin-left: 20px;

}

.fieldRow .fieldRadio label:last-of-type {

	border-bottom-right-radius: 4px;

	-moz-border-radius-bottomright: 4px;

	-webkit-border-bottom-right-radius: 4px;	

	border-top-right-radius: 4px;

	-moz-border-radius-topright: 4px;

	-webkit-border-top-right-radius: 4px;

}

.fieldRow .fieldRadio input {

	border: none;

	background: transparent;

	position: absolute;

	left: -9000px;

	top: 0;

}

.fieldRow .fieldRadio label.active {

	background: #3279c4;

}

.fieldRow .fieldGender {

	padding: 0;

	width: 45%;

}*/

.fieldGender strong {

    position: absolute;

    -webkit-transition: all .15s linear;

    transition: all .15s linear;

    z-index: 1 !important;

    font-size: 10px !important;

    color: rgb(102, 102, 102) !important;

	top: -13px !important;

    left: 5px !important;

    line-height: 10px !important;

}

.fieldRow .fieldGender label {

	padding: 0;

	width: calc(50% - 2px);

	text-align: center;

}

.fieldRow .fieldGender label:first-of-type {

	margin: 0;

}

/*.fieldRow .fieldDate {

	border: none;

	overflow: hidden;

	height: 45px;

	width: 43.9%;

	padding-right: 0;

}

.fieldRow .fieldDate input[type=date] {

	border: 1px solid #3279c4;

	-moz-border-radius:4px;

	border-radius:4px;

	-webkit-border-radius:4px;

	padding: 0 0 0 12px;

}*/



.field select {

   padding: 0; /* If you add too much padding here, the options won't show in IE */

}

.fieldYM label {

	 top: -13px !important;

    left: 5px !important;

    line-height: 10px !important;

}

#noAddress {

	text-align: left;

}

/** Income Row **/

.incomeRow {

	/*overflow: hidden;*/

	margin-bottom: 40px;

}

.incomeRow ol {

	margin: 0 2.5%;

	display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    display: -o-flex;

    display: flex;

    -ms-flex-flow: row wrap;

	flex-direction: row;

	flex-wrap: wrap;

	justify-content: left;

}

.incomeRow li {

	/* Flex should have 3 values which is shorthand for 

    <flex-grow> <flex-shrink> <flex-basis> */

    -webkit-flex: 0 1 auto;

    -moz-flex: 0 1 auto;

    -ms-flex: 0 1 auto;

    -o-flex: 0 1 auto;

    flex: 0 1 auto;

	width: 33%;

}

.rowLabel {

	margin: 0 2.5%;

}

.incomeRow li:nth-child(1) {

	width: 20%;

	margin: 0 5px 0 0;

}

.incomeRow li:nth-child(2) {

	width: 22%;

	margin: 0;

}

.incomeRow li:nth-child(3) {

	width: 48%;

	margin: 0;

}

.incomeRow .fieldRadio label {

	width: calc(33% - 1px) !important;

	margin: 0 !important;

	position: static !important;

	padding: 0;

}

.incomeRow .field {

	height: 43px;

}

.fieldRow .fieldRadio label:last-of-type {

	border-top: 1px solid #3279c4;
	border-bottom: 1px solid #3279c4;
	border-right: 1px solid #3279c4;
}

.fieldRadio > label.active{
	color:white;
}
/** Expenses Row **/
.expensesRow {
	/*margin: 0 2.5% 30px 2.5%;*/

	overflow: hidden;
	margin: 0;
}

.termsRow strong {

	display: block;

	margin: 0 2.5%;

}

.termsRow .fieldRadio {

	margin: 0;

}

#expenses .termsRow .fieldRadio label:first-of-type {

	margin: 0 0 0 3.5%;

}

/** Terms **/

#terms .fieldRow strong {

	display: block;

	text-align: center;

	width: 80%;

	margin: 0 auto 20px auto;

}

#terms .fieldRow ol {

	width: 210px;

	margin: 0 auto;

}

#terms .fieldRow li {

	width: 100%;

	float: none;

}

#terms .fieldRow li label {

	margin: 0;

}

#terms .button {

	float: right;

}

#terms .buttonSecondary {

	float: left;

	width: 180px;

}

/** Success **/

#success h2 {

	font-size: 34px;

}

#successMessage {

	text-align: center;

	margin-bottom: 50px;

}











/***** Buttons *****/

.buttonWrapper {

	overflow: hidden;

	clear:both;

	padding: 0 2.5%;

}

input.button {

	float: left;

	width: 180px;

	margin-bottom: 0;

}

input.buttonSecondary {

	float:right;

}









/***** Gateway *****/

#gateway {

	overflow: hidden;

	padding: 40px 0 66px 0;

}

#gatewayCol1 {

	float: left;

	width: 50%;

	/*height: 230px;*/

	border-right: 1px solid #e8d4ad;

	position: relative;

	margin-bottom: 15px;

}

#gatewayCol2 {

	float: right;

	width: calc(50% - 1px);

	/*height: 230px;*/

	position: relative;

}

/*#gateway .button {

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -90px;

	margin-bottom: 0;

}*/

#gateway .button {

	margin: 0 auto;

	display: block;

    float: none;

    width: 77%;

    max-width: 350px;

}

#gatewayCol2 h3,

#gatewayCol1 h3 {

	margin-bottom: 32px;

}

#gatewayCol1 .fieldRow li,

#gatewayCol2 .fieldRow li {

	width: 70%;

	max-width: 335px;

    float: none;

    margin: 0 auto 25px auto;

}

/*a#forgotPassLink {

	position: absolute;

	left: 0;

	bottom: -23px;

	width: 100%;

}*/

#gatewayOr {

	display: none;

}









/***** Password *****/

#passwordReset {

	overflow: hidden;

	padding: 40px 0;

}











/***** Footer *****/

#legals {

	color: #fff;

	text-align: center;

}

#legals span {

	display: inline;

	font-size: 12px;

	padding: 0;

}

#legals span:before {

	content: "\0000a0\0000a0\0000a0|\0000a0\0000a0\0000a0";

}

#legals span.l1:before {

	content: "";

}

#legals.fixed {

	position: fixed;

	left: 0;

	bottom: 0;

	width: 100%;

}









/** Added 5 Feb 2018  START **/

.fieldLongLabel .fieldSelect {

	width: auto;

}

.propertyDetailsItem .fieldLongLabel .field {

	width: 90%;

	max-height: 45px;

	position: relative;

	float: none;

	overflow: visible;

}

.propertyDetailsItem .fieldLongLabel {

	overflow: visible;

}

.propertyDetailsItem .fieldLongLabel .field-validation-error {

	display: block;

	padding: 4px 0 0 0;

}

#addressDetail .fieldLongLabel {

	overflow: visible;

}

#addressDetail .fieldSelect.error {

	position: relative;

	overflow: visible;

}

#addressDetail .fieldLongLabel .fieldSelect {

	float: none;

	width: 33%;

}

#addressDetail .fieldLongLabel select {

	border-color: transparent;

}

#numberOfProperty-error {

	position: absolute;

	left: 0;

	top: 46px;

	width: 600px;

}

#autoAddress .field {

	width: 100%;

    margin: 0 0 40px 0;

}

#AddressDetailFields h3 {

	margin: 0 0 10px 0;

    padding: 20px 0 0 0;

    font-size: 17px;

}

/** Added 5 Feb 2018 END **/









/** Added 13 March 2018 START **/

.labelRow .field,

.labelRow .field input {

    border: none;

}

.labelRow li {

    float: left;

    padding: 0;

}

.labelRow .textField {

    width: 55%;

    padding: 0;

}

.labelRow .fieldRadio {

    width: 25%;

    padding: 0;

}

.labelRow .numberField {

    width: 25%;

    border: solid 1px #3279c4;

}

/** Added 13 March 2018 END **/