/* ==========================================================================
MortgageWeb Document Less
Version: 1.01
Last Modified: Oct 7, 2016
========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,700,100");
@import url("https://fonts.googleapis.com/css?family=Lato:300,300italic,700,700italic,900,900italic");

@import url("../Content/bootstrap.min.css");
@import url("../Content/icomoon.css");

/* ==========================================================================
less global variables
========================================================================== */
@User-colour: #2d53a4;
@User-background-colour:#ffffff;
@User-background: @User-background-colour;
@User-colour-link: @User-colour;
@System-colour: #ffffff;
@System-background-colour: rgba(255,255,255,1);
@System-background: darken(@System-background-colour, 0%);
@up-btn-background: contrast(@User-background-colour, @User-colour, #ffffff);
.gradient (@origin: left, @start: #ffffff, @stop: #000000) {
	background-color: @start;
	background-image: -webkit-linear-gradient(@origin, @start, @stop);
	background-image: -moz-linear-gradient(@origin, @start, @stop);
	background-image: -o-linear-gradient(@origin, @start, @stop);
	background-image: -ms-linear-gradient(@origin, @start, @stop);
	background-image: linear-gradient(@origin, @start, @stop);
}

/* ==========================================================================
Base
========================================================================== */
/* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
*    `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
*    user zoom. */
 
html { font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */ }
html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
/* * Addresses `font-family` inconsistency between `textarea` and other form
* elements. */
html, button, input, select, textarea { font-family:'Roboto', Arial, Helvetica, sans-serif; }
/* * Addresses margins handled incorrectly in IE 6/7. */
body { font-family:'Roboto', Arial, Helvetica, sans-serif; margin:0; color:contrast(@User-background); background:#fff url(../../Images/global/Image_Hero_1.jpg) fixed center center; background-size:cover; }
/* ==========================================================================
Typography
========================================================================== */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  word-wrap:break-word;
  color: contrast(@User-background, @User-colour);
}
.Space-Filler {clear:both; height:100vh; width:100%;}
.Space-exlg {clear:both; margin-bottom:70px; width:100%; min-height:1px;}
.Space-lg {clear:both; margin-bottom:50px; width:100%; min-height:1px;}
.Space-md {clear:both; margin-bottom:30px; width:100%; min-height:1px;}
.Space-sm {clear:both; margin-bottom:20px; width:100%; min-height:1px;}
.Space-xm {clear:both; margin-bottom:15px; width:100%; min-height:1px;}
.Space_MarginLeft {margin:0 0 0 10px;}
.Space_MarginRight {margin:0 10px 0 0;}
.Space_NoPadding {padding:0 !important;}
.Space_NoSidePadding {padding-left:0 !important; padding-right:0 !important;}
.Space_PaddingRight {padding-left:0 !important;}
.Space_PaddingLeft {padding-right:0 !important;}
.Space_CenterBlock {float:none; margin:0 auto;}
.Font_Footnote {font-size:0.8em; line-height:1.1; font-style:italic;}
.Font_light {font-weight:300;}
.Font_White {color:#fff;}
.Font_Black {color:#000;}
/* ==========================================================================
Links
========================================================================== */
/* * Addresses `outline` inconsistency between Chrome and other browsers. */

a {color:contrast(@User-background, @User-colour-link, #ffffff);}
a:focus { outline: none; color:contrast(@User-background, lighten(@User-colour-link, 20%), darken(#ffffff, 20%)); text-decoration:none;}
/* * Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; color:contrast(@User-background, lighten(@User-colour-link, 20%), darken(#ffffff, 20%));}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}
/* ==========================================================================
Miscellaneous
========================================================================== */
.Wrapper {width:100%; height:100vh; margin:0 auto; position:relative;}
.container-fluid {background-color: transparent;}
.body-content {max-width:1800px; margin:0 auto;}
.body-content:last-of-type {padding-bottom:30px;}
@media (max-width: 767px) {
	.body-content:last-of-type {padding-bottom:25px;}
	.Wrapper {height:100% !important;}
}
#Sub_Contents {position:relative;}
#Sub_Contents img {max-width:100%;}
.NoPadding {padding:0;}
.NoSmoothScroll{}
.Container_Title{display:block; position:relative; margin-bottom:25px;}
.PoweredBy {font-size:0.8em; color:contrast(@User-background, #808080, #ffffff); text-align:left;}
.PoweredBy .col-md-12 {margin-bottom:5px;}
.PoweredBy img {width:100%; max-width:120px; max-height:60px; margin-right:20px;}
#FindBox {position:relative; color:#fff; border:10px solid #fff; background:rgba(45,83,164,0.8); padding:30px; margin-top:60px;}
.btn-find {font-size:0.8em;}
@media (min-width: 767px) {
	#FindBox {position:absolute; bottom:30px; color:#fff; border:10px solid #fff; background:rgba(45,83,164,0.8); padding:30px;}
	.btn-find {font-size:1.1em;}
}
/* ==========================================================================
Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4 { visibility: hidden; }
.fadeInUp, .fadeInLeft { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay-15s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
hr{
	clear:both; border-top: 1px solid #efefef;
}
/* ==========================================================================
Button
========================================================================== */
.tag-a-not-active,
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none !important;
  cursor: not-allowed !important;
}

.btn-User {color:contrast(@User-colour); background:@User-colour;border-color:@User-colour;}
.btn-User:hover,
.btn-User:focus,
.btn-User.focus,
.btn-User:active,
.btn-User.active,
.open > .dropdown-toggle.btn-User {color:contrast(@User-colour); background-color: lighten(@User-colour, 20%); border-color: lighten(@User-colour, 20%);}
.btn-User:active,
.btn-User.active,
.open > .dropdown-toggle.btn-User {background-image: none;}
@media (max-width: 480px) {
	.btn-User {width:100%; display:block;}
	.User_Signature .btn-User {width:inherit; display:inline-block;}
}

a.up-btn { width: 80px; height: 80px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: @up-btn-background; display: block; margin: 0 auto; color: contrast(@up-btn-background); font-size: 26px; line-height: 80px; text-align: center; position: relative; margin:30px auto;}
a.up-btn:hover, a.up-btn:focus { color: #fff; background: lighten(contrast(@User-background, @User-colour), 20%); }
/* ==========================================================================
List style counter
========================================================================== */
.custom-counter {
    margin-left: 0;
    padding:0 0 0 55px;
    list-style-type: none;
}
.custom-counter li {
    counter-increment: step-counter;
	margin:0 0 8px 0;
	position:relative;
}
.custom-counter li::before {
    content: counter(step-counter);
	position:absolute;
	left:-40px;
	width:30px;
	display:block;
	text-align:center;
    font-size: 80%;
    background-color: @User-colour;
    color: contrast(@User-colour);
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 3px;
}
.custom-counter li.has-inline-field {line-height:30px;}
.custom-counter li.has-inline-field:before {line-height:24px;}
.custom-counter li.has-inline-field .form-group {width:auto;max-width:200px; display:inline-block; margin:0 5px;}
.custom-counter li.has-inline-field .form-group .form-control {display:inline-block;}
.custom-counter li.has-inline-field:before {}
ul.custom-counter-sub {
    margin-left: 0;
    padding:10px 0 2px 40px;
    list-style-type: none;
}
ul.custom-counter-sub li {
    counter-increment: step-counter-sub;
	margin-bottom:8px;
	position:relative;
}
ul.custom-counter-sub li::before {
    content: counter(step-counter-sub);
	position:absolute;
	left:-40px;
	width:30px;
	display:block;
	text-align:center;
    font-size: 80%;
    background-color: #efefef;
    color: #303030;
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 3px;
}
ul.custom-counter-sub .custom-counter-sub-1 li {counter-increment: step-counter-sub-1;}
ul.custom-counter-sub .custom-counter-sub-1 li::before {content: counter(step-counter-sub-1);}
/* ==========================================================================
Popover
========================================================================== */
.popover {padding:0;}
.popover-title {
  background-color: @User-colour;
  color:contrast(@User-colour);
  border-bottom: 1px solid @User-colour;
}
/* ==========================================================================
Footer
========================================================================== */
footer {padding:20px 0; background:@System-background; color:contrast(darken(@System-background-colour, 2%)); border-top:10px solid @User-colour;}
@media (max-width: 992px) {
	footer .col-md-2, footer .col-md-3, footer .col-md-4 {text-align:center; padding:0 0 10px;}
}
footer h5 {color:contrast(darken(@System-background-colour, 2%));}
footer a {color:contrast(@System-background, @User-colour-link, #ffffff);}
footer a:focus { outline: none; color:contrast(@System-background, lighten(@User-colour-link, 20%), darken(#ffffff, 20%)); text-decoration:none;}
/* * Improves readability when focused and also mouse hovered in all browsers. */
footer a:active, a:hover { outline: 0; color:contrast(@System-background, lighten(@User-colour-link, 20%), darken(#ffffff, 20%));}
footer .container-fluid {background-color: transparent;}
footer .row {padding:20px 0;}
.Image_Logo_Footer {max-width:100%; max-height:80px; margin:12px 15px 0;}
.Image_Logo_Footer_Partner {max-width:100%; max-height:50px; margin:12px 15px 0;}
/* ==========================================================================
System Error Page
========================================================================== */
#SystemError_Wrapper {padding:0px; margin-bottom:30px; background:#efefef; color:contrast(@User-background, @User-colour); border-bottom:10px solid #e7e7e7;}
.SystemError_Logo {max-width:150px; margin:30px 0;}