/* Version 1.16, Last modified: Oct 11, 2023 */

@BrokerColour: #000000;
@ContainerHeaderWidth: 970px;
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic");
@import url("/Content/css/font/fontello.css");
@import url("/Content/css/font/animation.css");
@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, embed, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

body{
	/* Setting default text color, background and a font stack */
	line-height: 1;
	color: #202020;
	font-size: 12px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	background:#ffffff url(/images/global/BG_Index.jpg) top left repeat-x;
}

a{color: #009fc8; text-decoration:none;}
a:visited, a:active{ color: #009fc8;}
a:hover{color: #009fc8; text-decoration:underline;}

h1 {color:#000000; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:48px; font-weight:lighter; letter-spacing:-1px; line-height:60px;}
h2 {color:#000000; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:24px; font-weight:lighter; letter-spacing:-1px; line-height:24px;}
h3 {color:#000000; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:18px; font-weight:lighter; letter-spacing:0px; line-height:22px;}

.Font_LineHeight1{line-height:1;}
.Font_Footnote {font-size:0.8em;}
.Font_White{color:#fff;} .Font_Blue{color:#0e76bc;} .Font_Red{color:#c90000;} .Font_Black{color:#101010;}
.Font_Bold{font-weight:400;} .Font_Italic{font-style:italic;}
.Font_Required {font-size:0.8em; color:#00aad6; font-weight:bold; margin:0; line-height:1;}
/**
 * This hack targets the Webkit browser engine
 * which includes Safari and Chrome.
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
h1, h2, h3{text-shadow: 0.0em 0.0em 0.07em rgba(0,0,0,0.1); font-weight:100;}
.italic{font-style:italic; font-weight:600; letter-spacing:-2px;}
}

/* Body Style */
#Wrapper {min-height:100%; position:relative; margin:0px auto; width:100%; height:100%;}
.clear {clear: both;} .clear2 {clear: both; height:1px; margin-bottom:12%;} .clear3 {clear: both; height:1px; margin-bottom:3%;}
.Hide {display:none !important;}
.Line_Black {width:100%; height:1px; margin:2px 0px 10px 0px; float:left; display:block; position:relative; background:#202020;}
.Line_LightGrey {width:100%; height:1px; margin:0px 0px 10px 0px; float:left; display:block; position:relative; background:#c1c1c1;}
.Line_LightGrey2 {width:100%; height:1px; margin:10px 0px 10px 0px; float:left; display:block; position:relative; background:#c1c1c1;}
.TextAlign_Center{text-align:center;} .TextAlign_Left{text-align:left;} .TextAlign_right{text-align:right;}
.Align_right{float:right !important;} .Align_left{float:left !important;}
.NoMargin{margin:0px !important;}
.textShadow {text-shadow: 0px 0px 4px rgba(150, 150, 150, 1);}
.subTitle {color:#606060; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; font-weight:lighter; font-style:italic; line-height:15px;}
.light{font-weight:100;}
.highlight {color:#005b95; font-size:12px; font-weight:bold;}
.footnote {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#808080; clear:both;}
.clear {clear: both;}
.transition {-webkit-transition: height 0.6s ease-in-out;-moz-transition: height 0.6s ease-in-out;-ms-transition: height 0.6s ease-in-out;-o-transition: height 0.6s ease-in-out;transition: height 0.6s ease-in-out;}
.BoxResize {-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;/* Firefox, other Gecko */ box-sizing: border-box;}

/* Broker Custom Colour */
.colour_Broker {color:#009eb9 !important;}
#top {margin-top:-50px; padding-bottom:50px;}

#Wrapper{min-height:100%; position:relative; margin:0px auto; width:100%; height:100%;}

/* ================================================================================================================================================================== */
/* Header */
/* Language Wrapper */
#Wrapper_Language {width:100%; height:20px; position:fixed; top:0; left:0; z-index:501; background:#262626;}
#Wrapper_Language li {float:right; margin: 0 0 0 2px; padding:0 10px; line-height:20px; font-size:0.8em; color:#fff;}
#Wrapper_Language li a{text-decoration:none; color:#fff;}
/* /Language Wrapper */
#Wrapper_Header{width:100%; height:auto; background:#101010; position:fixed; top:20px; left:0; overflow:hidden; z-index:500; -webkit-box-shadow:0px 4px 5px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 4px 5px 2px rgba(0, 0, 0, 0.2); border-top:2px solid @BrokerColour /*Lender / Broker Colour */;}
.MobileMenu{display:none;}
#Container_Header{width:100%; max-width:1600px; margin:0px auto; padding:0px; position:relative; overflow:auto; font-size:1.22em;}
#Container_Header #HeaderProductTitle {line-height:60px; margin:0px 20px 0px 0px; float:left; color:#fff;}
#Container_Header #HeaderProductTitle a {color:#fff; text-decoration:none;}
#Container_Header #HeaderProductTitle a:visited, #Container_Header #HeaderProductTitle a:active{color:#fff; text-decoration:none;}
#Container_Header #HeaderProductTitle a:hover {color:#fff; text-decoration:none;}
#Container_Header ul.HeaderMenu li{float:left; color:#ffffff; display:block; text-align:left; margin: 0px 0px 0px 0px;}
#Container_Header ul.HeaderMenu li:last-child {border-right:1px solid #303030;}
#Container_Header ul.HeaderMenu li a{display:block; color:#ffffff; padding:0px 8px; line-height:60px; border-left:1px solid #303030;}
#Container_Header ul.HeaderMenu li a:hover{display:block; text-decoration:none; color:#202020; background:#fff;}
#Container_Header ul.Login li{float:right; color:#ffffff; display:block; text-align:left; margin: 0px 0px 0px 10px;}
#Container_Header ul.Login li a{display:block; padding:0px 5px; line-height:60px; color:#fff; background:@BrokerColour /*Lender / Broker Colour */;}
#Container_Header ul.Login li a:hover{display:block; text-decoration:none; color:#202020; background:#fff;}
/* Changes Menu status to Selected to indicate the current page */
body#Selected_Home a#Selected_Home, body#Selected_Rates a#Selected_Rates, body#Selected_About a#Selected_About, body#Selected_Team a#Selected_Team, body#Selected_Services a#Selected_Services, body#Selected_Videos a#Selected_Videos, body#Selected_Blog a#Selected_Blog, body#Selected_Contact a#Selected_Contact{text-decoration:none; color:#202020; background:#fff; cursor:default;} 
/* /Header */

/* ================================================================================================================================================================== */
/* Body */
/* Slider */
#Wrapper_Slider{width:100%; height:400px; background:#d4d4d4 url(/images/global/BG_HeaderSlider.jpg) top left repeat-x; margin:82px 0px 0px 0px; position:relative; overflow:auto;}
@media only screen and (min-height: 900px) {
                #Wrapper_Slider {height:500px;}
}
@media only screen and (max-width: 600px) {
                #Wrapper_Slider {height:auto !important;}
}
#Container_Slider{width:100%; height:100%; margin:0px auto; padding:0px; position:relative; overflow:hidden;}
#Sub_Wrapper_Slider{width:100%; height:240px; background:#d4d4d4 url(/images/global/BG_HeaderSlider.jpg) top left repeat-x; margin:82px 0px 0px 0px; position:relative; overflow:auto;}
#Sub_Container_Slider{width:100%; height:240px; margin:0px auto; padding:0px; position:relative; overflow:auto;}
.Wrapper_Box_Logo{width:100%; max-width:1600px; height:100%; margin:0 auto; position:relative;}
#Sub_Container_Slider a.Rate_ApplyNow.BoxResize{display:none !important;}
.Fixed_Box_Logo{position:fixed !important; left:10px !important; top:82px !important; z-index:10; border-right:solid 4px #efefef;}
@media only screen and (max-width: 2100px) {
	.Fixed_Box_Logo {display:none;}
}
.Box_Logo{width:235px; height:400px; padding:0px 10px; position:fixed; top:82px; text-align:center; opacity:0.9; font-size:1.2em; line-height:1.6;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 20%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(255,255,255,1)), color-stop(70%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 20%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}
/*.Box_Logo img{max-width:240px; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%)}*/
.Box_Logo img{max-width:200px; max-height:200px; margin:20px 0 40px 0;}
.Box_Logo h1{line-height:1.2; font-size:1.5em; margin-bottom:20px;}
.Box_Text {height:auto; width:auto; padding:0px 10px; position:absolute; bottom:370px; left:240px; text-align:left;}
@media only screen and (max-width: 1366px) {
	.Box_Text{width:400px;}
}
@media only screen and (min-width: 1600px) {
    .Box_Logo{width:300px;}
    .Box_Logo img{max-width:100%;max-height:280px;}
    #Sub_Container_Slider .Box_Logo img{max-height:200px;}
}
.Rate_ApplyNow{width:100%; font-size:1.4em; line-height:1.4; padding:7px 5px; text-align:center; position:relative; margin:20px auto 0 auto; display:block; background:@BrokerColour /*Broker Colour */; color:#fff; }
a.Rate_ApplyNow:hover {text-decoration:none; background:#303030; color:#ffffff;}
a.Rate_ApplyNow:Visited {color:#303030;}
/* /Slider */

/* Agent Information */
#Wrapper_AgentInformation{width:100%; position:relative; float:left; margin-top:0px; background: rgba(239,239,239,1);}
.Wrapper_ScrollDown {width:100%; height:18px; opacity:0.8; position:relative; display:block; text-align:center; font-size:14px; line-height:18px; color:#fff; padding:10px 0; background:@BrokerColour /*Broker Colour */;}
@media only screen and (max-width: 1000px) {
	.Wrapper_ScrollDown {display:none;}
}
.Wrapper_ScrollDown_Visibility {display:none;}
#Container_AgentInformation{width:100%; max-width:1600px; margin:0px auto; padding:0; position:relative;}
#Container_LicenseNumber{width:auto; position:absolute; top:-24px; right:0px;}
#Agent_LicenseID {width:auto; margin:0px 2px 5px 0px; padding:4px; line-height:16px; float:left; color:#fff; background:@BrokerColour!important; /*Broker Colour */}
#Agent_LicenseNumber {width:auto; margin:0px 15px 5px 0px; padding:4px; line-height:16px; float:left; color:#fff; background:#303030;}
#Brokerage_LicneseID {width:auto; margin:0px 2px 5px 0px; padding:4px; line-height:16px; float:left; color:#fff; background:#909090;}
#Brokerage_LicenseNumber {width:auto; margin:0px 0px 5px 0px; padding:4px; line-height:16px; float:left; color:#fff; background:#303030;}

#Agent_Photo{float:left; width:235px; max-height:235px; overflow:hidden;}
#Agent_Photo img {width:100%;}
.Agent_Photo_EmptyBox {
    height: 235px;
    width: 235px;
}
/*#Agent_Information{float:left; position:relative; margin: 0px 10px 0px 0px; padding:10px; height:100px; width:220px; max-width:260px; max-height:100px; background:#fff; -webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.2); box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.2);}*/
#Agent_Information{float:left; width:~"calc(100% - 255px)"; margin:20px 0px 0 20px;}
@media only screen and (min-width: 1600px) {
    #Agent_Photo{width:300px;max-height:300px;}
    #Agent_Information{width:~"calc(100% - 320px)";}
}
@media only screen and (max-width: 1000px) {
    .Agent_Photo_EmptyBox {display:none;}
}
#Agent_Information h1 {color:#000000; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:30px; font-weight:400; letter-spacing:-1px; line-height:1.0;}
#Agent_Information h2 {color:#303030; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:12px; font-weight:lighter; letter-spacing:-1px; line-height:24px;}
.Agent_InformationListLine {display:block; float:left; width:100%; height:auto; padding:5px 0px; border-bottom: 1px solid #DFDFDF; font-size:16px;}
.Agent_InformationListTitle {float:left; width:20%; font-size:16px; line-height:16px; color:#666;}
.Agent_InformationListDescription {float:left; width:60%; font-size:16px; line-height:14px; color:#303030; padding-left:30px;}
@media only screen and (min-width:1001px) and (max-width: 1599px) {
    .Agent_InformationListTitle {width:15%; font-size:13px; line-height:inherit; color:#666;}
    .Agent_InformationListDescription {float:left; width:65%; font-size:13px; line-height:inherit; color:#303030; padding-left:30px;}
}
.Agent_Box {float:right; position:relative; display:block; color:#202020; width:auto; padding:10px 10px 10px 10px;}
.Agent_Box:hover {text-decoration:none; color:#202020; border-top:2px solid #202020; padding-top:8px;} 
.Agent_Box:visited {color:#202020;}
.Agent_Box h2{font-weight:400; font-size:1.3em;}
#Wrapper_AgentInformation_Inside{float:left; position:relative; max-height:200px;}
#Wrapper_SocialMedia h2{font-size:1.8em; margin-top:10px;}

/*.Partner_Information{float:left; position:relative; margin: 0px 10px 0px 0px; padding:10px; height:100px; width:320px; max-width:320px; max-height:100px; background:#fff; -webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.2); box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.2);}
.Partner_Information h1 {color:#000000; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; letter-spacing:-1px; line-height:20px;}
.Partner_Information h2 {color:#303030; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:12px; font-weight:lighter; letter-spacing:-1px; line-height:24px;}
    
/* /Agent Information 


 Team 
.TeamMember_Box{float:left; position:relative; margin:0 2% 3% 0; padding:0; width:48%;}
.TeamMember_Photo {float:left; position:relative; margin: 0px 2% 0px 0px; padding:2%; height:100px; width:26%; background:#fff; -webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.2); box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.2); text-align:center;}
.TeamMember_Photo img {max-height:100%;}
.TeamMember_Information {float:left; position:relative; margin: 0; padding:2%; height:100px; width:64%; max-height:100px; background:#fff; -webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.2); box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, 0.2);}
.TeamMember_Information h1 {color:#000000; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; letter-spacing:-1px; line-height:20px; height:20px;}
.TeamMember_Information h2 {color:#303030; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:12px; font-weight:lighter; letter-spacing:-1px; line-height:24px;}
 /Team */

/* Browse Partners */
.Browse_CategoryContainer{width:100%;display:block;margin:0 0 20px 0;}

/* Find A Rate */
/*#Wrapper_MyRate{width:100%; max-width:1600px; height:100%; margin: 0 auto;position: absolute;left: 0; right:0;}*/
#Wrapper_MyRate {
    width: 100%;
    max-width: 1600px;
    height: 100%;
    position: absolute;
    right: 0;
    top:0;
}
@media only screen and (max-width:600px) {
     #Wrapper_MyRate{display:none;}
    }
#Container_MyRate{width:25%; height:100%; padding:15px; margin:0px 0 0; position:relative; float:right; opacity:0.85; color:#fff; background:@BrokerColour;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow:0px 4px 5px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 4px 5px 2px rgba(0, 0, 0, 0.2);}
.TableRate {width:100%; border-collapse:collapse; margin-top:20px;}
.TableRate tr td, .TableRate tr th{padding:5px 5px; text-align:left; line-height:1.4; font-size:1em;}
.TableRate tr th{border-bottom:1px solid #fff;}
/* /Find A Rate */

/* Widgets */
#Wrapper_Widgets{width:100%; position:relative; border-top:1px solid #dfdfdf; float:left; background:#efefef; padding-bottom:40px;}
#Container_Widgets{width:970px; margin:0px auto; padding:0px 0px 0px 0px; position:relative; text-align:left;}
#Container_Widgets img{margin:10px 11px;}
/* /Widgets */

/* Sub Contents */
#Wrapper_Contents{margin-top:0px;}
#Sub_Wrapper_Contents{width:100%; position:relative; border-top:0px solid #dfdfdf; float:left; background:#fff; min-height:200px; padding-bottom:10px;}
#Sub_Container_Contents{width:100%; max-width:1600px; margin:0px auto; padding:2px 0px 10px 0px; position:relative;}
#Sub_Container_Contents h2{font-size:30px; line-height:28px;}
#Sub_Container_Terms h2{margin-top:30px;}
#Sub_Container_Terms ul{margin-bottom:30px;clear:both;}
.Sub_Logo_Broker{width:235px; height:90px; padding:0px 0px 0px 0px; margin:0px 30px 0px 0px; display:block; float:left; position:relative;}
.Sub_Section_Title {width:705px; float:left; padding:10px 0px 10px 0px;}
.Sub_Section_Title h1{display:none;}
.Sub_Section_Title h2{line-height:90px !important; display:none;}
/* Sub Contents Left Menu */
.Sub_Menu_LeftSide{width:235px; padding:0px; margin:0px 30px 0px 0px; float:left; position:relative; font-size:1.2em;}
@media only screen and (min-width:1600px) {
    .Sub_Menu_LeftSide{width:300px;}
}
/* jQuery Sub Menu */
.Sub_Menu_Item li { float:left; margin:0px 10px 2px 0px; width:100%; color:#fff; background:@BrokerColour; /*Lender Colour*/}
.Sub_Menu_Item li:last-child {margin-right:0px;}
.Sub_Menu_Item > li > a {display: block; text-decoration: none; color:#fff; padding:10px; line-height:1.2; position:relative;}
.Sub_Menu_Item > li > a:hover {background:#fff; color:#101010;}
.Sub_Menu_Item > li > a.open {background:#fff; color:#101010;}
.Sub_Menu_Item li.More > a:after{font-family: "fontello"; content:'\e809'; position:absolute; right:15px;}
.Sub_Menu_Item li.More > a.open:after{font-family: "fontello"; content:'\e814'; position:absolute; right:15px;}
.Sub_Menu_Item li ul { display: none; padding:0; margin:0;}
.Sub_Menu_Item li ul li a {display: block; font-size:0.9em; line-height:1.4; background: #303030; padding:10px 10px 10px 25px; width:100%; color:#fff; margin-bottom:-2px; border-bottom:#404040 solid 1px; position:relative;}
.Sub_Menu_Item li ul li a:hover {background:#fff; color:#101010; text-decoration:none;}
/* /jQuery Sub Menu */
#Sub_Menu_Testimonial {padding:10px; margin:10px 0px 20px 0px; position:relative; background:#202020; color:#fff; width:100%; min-height:60px; overflow:auto;}
#pointer{border: solid 10px transparent;border-top-color: #202020;position: absolute;margin: -20px 0 0 15px;}
.WatchFeaturedVideo {width: 235px; height:170px; float:left;}
/* /Sub Contents Left Menu */
.Sub_Box_Image {width:160px; height:160px; background:#efefef; margin:0px 20px 20px 0px; padding:10px; float:right; position:relative; display:none;}
.Sub_Container_Text{width: ~"calc(100% - 265px)"; margin:0px 0px 20px 0px; padding:15px; float:right; position:relative; font-size:1.17em; line-height:1.6; border-top: solid #dfdfdf 0px;}
@media only screen and (min-width:1600px) {
    .Sub_Container_Text {width: ~"calc(100% - 330px)";}
}
.Sub_Container_Text iframe, .Sub_Container_Text object, .Sub_Container_Text embed {width: 100%;}
.Sub_Container_Text ul{list-style:square; margin: 0px 0px 0px 18px;}
.Sub_Container_Text ul.nav.nav-tabs{width:100%; margin:10px 0 30px 0; display:block; list-style:none;}
.Column{width:~"calc(50% - 40px)"; margin:0px 40px 10px 0px; float:left; position:relative;}
.Column_LinkBox{width:auto; height:auto; float:left; margin:0px 10px 10px 0px; padding:3px 13px 3px 13px; display:block; position:relative; font-size:11px; color:#fff; background:@BrokerColour /*Sub Broker Colour & Broker Video Placeholder Background */;}
a:hover .Column_LinkBox{background:#000; color:#fff;}
.Column_LinkBoxTitle{font-weight:400; font-size:14px; line-height:18px;}
.Sub_Agent_Box {float:right; position:relative; display:block; width:130px; height:30px; margin:0px 0px 10px 0px; padding:20px 10px 10px 10px; border-left:1px solid #dfdfdf;}
.Sub_Agent_Box h2{font-weight:400;}
.Sub_Agent_Box a, .Sub_Agent_Box a:visited, .Sub_Agent_Box a:active{color:#202020; width:130px; height:30px; display:block;}
.Sub_Agent_Box h2:hover, .Sub_Agent_Box a:hover{color:#009fc8; text-decoration:none;}
/* /Sub Contents */

/* Form styles */
.Wrapper_Form {margin:10px 0px; width:100%; position:relative; float:left;}
.Wrapper_Form h3{clear:both;}
.requiredText {font-family:Arial, Helvetica, sans-serif;font-size:9px; color:#00aad6; font-weight:bold; margin:0px 5px 0px 0px; line-height:16px;}
.Field_Section {width:96%; margin:10px 0px 20px 0px; padding:2%; border-top:1px solid #dfdfdf; float:left; position:relative; background:url(/images/sub/BG_FormSection.png) top left repeat-x;}
.Field_Title {width:100%; font-size:1.17em; color:#005b95; margin:20px 0px 10px 0px; padding: 0px 0px 0px 0px; float:left; position:relative;}
.Field_Input {width:100%; font-size:1em; color:#303030; margin:0; padding: 2% 0 0 0; float:left; position:relative;}
.Field_Input label {width:100%; line-height:1.6; color:#005b95; float:left;}
.Field_Input input {border:1px #c0c0c0 solid; background-color:#ffffff; color:#303030; width:96%; padding:2%; margin:0 0 2% 0; font-size:1em;}
.Field_Input input:focus {background-color: #efefef; border: 1px #ffffff solid; color:#303030;}
.Field_Input textarea {width:96%; min-width:96%; max-width:96%; height:120px; padding:2%; line-height:1.3; border:1px #c0c0c0 solid; background-color:#ffffff; color:#303030;}
.Field_Input textarea:focus {background-color: #efefef; border: 1px #ffffff solid; color:#303030;}
.Field_Input select {background: #ffffff; color:#303030; border:1px #c0c0c0 solid; display: block; width:96%; padding: 1.5% 2%; -moz-box-sizing: content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
.Field_Input select:focus {background-color: #efefef; border: 1px #ffffff solid; color:#303030;}
.Field_Input2 {width:100%; font-size:1em; color:#303030; margin:0; padding: 0; float:left; position:relative;}
.Field_Input2_Checkbox {width:100%; display:block; float:left; margin:0; position:relative;}
.Field_Input2_Checkbox label {margin-left:3%; line-height:1.6;}
.description {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #303030; text-align:left; line-height:13px;}
/*CSS3 style Submit button */
.Button{border:0px; background:#202020; display:block; padding:2%; line-height:24px; font-size:1.3em; color:#fff; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:100; margin:10px 0px;}
.Button:hover {color:#fff; background:#51c9f0; cursor:pointer;}
#LeadModal{ padding:0px !important; height:100%; }
#LeadModal input { border: 1px #c0c0c0 solid; background-color: #ffffff; color: #303030; width: 96%; padding: 2%; margin: 0.5% 0 0.5% 0; font-size: 1em;}
#LeadModal label { width: 100%; font-size: 1.2em; line-height: 1.6; color: #202020; float: left; margin-top: 1.5%;}
#LeadModal input[type=checkbox] + label { display: inline-block; margin: 0 10px 0 0; padding: 5px 10px; width: auto; background-color: #efefef; color: #efefef; border: none; cursor: pointer; font-size: 1em; }
#LeadModal input[type=checkbox]:checked + label {background-color:#000;}
#LeadModal input[type=checkbox] + label:hover { background: #22386e; color: #fff; }
#LeadModal input[type=submit]{ background: #000; color:#fff}
#LeadModal input[type=submit]:hover{ background: #FFF; color:#000}
#LeadModal .field-validation-error { display:block; color: orangered; }
#LeadModal .input-validation-error { border-color: orangered; }
#LeadModal .validation-summary-errors { color: orangered; font-size: 0.6em; }
.LeadForm { padding: 30px !important; height:100%;}
#modal_Message { padding: 30px !important; height: 100%; background:rgba(255,255,255,0.9);}
.field-validation-valid {color:#ca2027; font-weight:bold;}
/*#CalculatorModal
{
    margin: 0px auto;
    height: 90%;
    width: 75%;    
    background: #FFF;
}*/

/* /Form Style */

/* Browse Partners */
.Sub_Container_Text .Box_Logo{clear:both;width:120px; height:120px; margin: 0; padding:10px; float:left; position:relative; top:inherit !important; display:table-cell; vertical-align:middle;}
.Sub_Container_Text .Box_Logo img{max-width:120px; max-height:120px; margin:0; width:100%;}
.Box_ContactInformation{margin: 10px 0px 5px 10px; padding:10px; float:left; border-left:1px solid #c0c0c0; position:relative;}
.Box_ContactInformation h1 {font-size: 1.6rem; line-height: 1.6;}
.Box_ContactInformation .Agent_InformationListDescription {padding-left: 0 !important;}
@media only screen and (max-width: 1000px) {
    .Sub_Container_Text .Box_Logo {
        width: 120px !important;
        height: auto !important;
        margin: 0;
        padding: 10px !important;
        float: left;
        position: relative !important;
        top: auto !important;
        vertical-align: middle;
    }

    .Sub_Container_Text .Box_Logo img {
        max-width: 100%;
        max-height: inherit;
        margin: 0;
    }

    .Box_ContactInformation {
        width: ~"calc(100% - 120px)";
        margin: 10px 0px 5px 0px;
        padding: 10px;
        float: left;
        border-left: 1px solid #c0c0c0;
        position: relative;
    }
}
/* /Browse Partners */

/* Blog */
.Sub_Container_Blog{width:705px; margin:0px 0px 20px 0px; padding:10px 0px; float:right; position:relative; font-size:1.17em; line-height:1.6; border-top: solid #dfdfdf 1px; overflow:auto;}
.Sub_Container_Blog a{color:#101010; text-decoration:none;}
/* Blog Feed for Index */
/* Featured */
.Blog_Featured_Wrapper {width:96%; float:left; position:relative; margin:0 0% 2% 0; padding:2%; color:#101010; border-bottom:1px solid #c0c0c0;}
.Blog_Featured_Wrapper:hover {color:#101010; background:#efefef;}
.Blog_Featured_Wrapper:hover .Blog_Featured_Date {background:#202020; color:#fff;}
.Blog_Featured_Wrapper h3 { font-size:1.55em; line-height:1.4; font-style:italic; color: @BrokerColour; /*Sub Broker Colour */}
.Blog_Featured_Title {width:100%; height:auto; margin:0 0 0.5rem 0; float:right; position:relative; text-overflow: ellipsis;}
.Blog_Featured_Contents {width:100%; height:150px; padding:0 0 10px 0; float:right; position:relative; text-overflow: ellipsis; overflow:hidden;}
.Blog_Featured_Contents img{display:none;}
/* /Featured */
.Blog_Feed_Wrapper {width:47.5%; float:left; position:relative; margin:0 2% 1% 0; padding:0; color:#101010; border-bottom:1px solid #c0c0c0;}
.Blog_Feed_Wrapper:hover {color:#101010;}
.Blog_Feed_Wrapper:hover .Blog_Feed_Date {background:#202020; color:#fff;}
.Blog_Feed_Wrapper h3 { font-size:1.55em; line-height:1.4; font-style:italic; color: @BrokerColour; /*Sub Broker Colour */}
.Blog_Feed_Date {width:22%; padding:2% 2% 5% 2%; float:left; position:relative; color:#fff; background:@BrokerColour; /*Sub Broker Colour */}
.Blog_Feed_Date h3 {color:#fff;}
.Blog_Feed_Title {width:100%; height:auto; margin:0 0 0.5rem 0;float:right; position:relative; overflow:hidden;}
.Blog_Feed_Contents {width:100%; height:70px; padding:0 0 10px 0; float:right; position:relative; overflow:hidden;}
.Blog_Feed_Contents img{display:none;}
/* /Blog Feed for Index */
/* Blog List */
.Blog_List_Wrapper{width:100%; float:left; position:relative; margin:0 0% 5% 0%; padding:0 0 2% 0; color:#101010; border-bottom:1px solid #c0c0c0;}
.Blog_List_Wrapper:hover {color:#101010;} .Blog_List_Wrapper:hover .Blog_List_Title {color:#fff; background:#202020;}
.Blog_List_Wrapper h3 { font-size:1.55em; line-height:1.4; font-style:italic; color: #101010;} .Blog_List_Wrapper:hover .Blog_List_Title h3 {color:#fff;}
.Blog_List_Title {width:100%; padding:2%; margin-bottom:2%; float:left; position:relative; background:#efefef; color:#101010;}
.Blog_List_Date {width:11%; padding:2% 2% 5% 2%; float:left; position:relative; color:#fff; background:@BrokerColour; /*Sub Broker Colour */}
.Blog_List_Date h3 {color:#fff; word-wrap:break-word;}
.Blog_List_Contents {width:83%; height:150px; padding:0 0% 1% 2%; border-bottom:1px solid #c0c0c0; float:left; position:relative; overflow:hidden; margin-bottom:30px;}
.Blog_List_Contents img {display:none;}
/* /Blog List */
/* Blog View */
.Blog_View_Wrapper{width:100%; float:left; position:relative; margin:0 0% 5% 0%; padding:0 0 2% 0; color:#101010; border-bottom:1px solid #c0c0c0;}
.Blog_View_Wrapper h3 { font-size:1.55em; line-height:1.4; font-style:italic; color: #101010;}
.Blog_View_Title {width:100%; padding:2%; margin-bottom:2%; float:left; position:relative; background:#efefef; color:#101010;}
.Blog_View_Date {width:11%; padding:2% 2% 5% 2%; float:left; position:relative; color:#fff; background:@BrokerColour; /*Sub Broker Colour */}
.Blog_View_Date h3 {color:#fff;}
.Blog_View_Contents {width:89%; padding:0 0% 2% 2%; float:left; position:relative;}
.Blog_View_Contents img {max-width:100%;}
/* /Blog View */
/* Blog Elements */
.ReadMore {display:block; float:right; margin-top:0%; position:relative; color:@BrokerColour; /*Sub Broker Colour */}
.ReadMore:hover {text-decoration:none;}
.ReadMore:after{font-family: "fontello"; content:'\e863'; margin-left:0.6em;}
.Blog_Category_Tag_Blog {display:inline-block; position:relative; width:auto; height:auto; padding:2px 4px; margin:0.8% 1% 0 0; float:left; background:#22386e; color:#fff;}
.Blog_Category_Tag_Blog:after {font-size:0.8em; content:"BLOG";}
.Blog_Category_Tag_News {display:inline-block; position:relative; width:auto; height:auto; padding:2px 4px; margin:0.8% 1% 0 0; float:left; background:#0e76bc; color:#fff;}
.Blog_Category_Tag_News:after {font-size:0.8em; content:"NEWS";}
.Blog_Category_Tag_Featured {display:inline-block; position:relative; width:auto; height:auto; padding:2px 4px; margin:0.8% 1% 0 0; float:left; background:#101010; color:#fff;}
.Blog_Category_Tag_Featured:after {font-size:0.8em; content:"FEATURED";}
.share-button{margin:20px 0 0 0;}
a.Blog_Button {font-size:1.3em; font-weight:100; color:#fff; background:#202020; position:relative; float:left; padding:1% 2%; margin-right:1%;}
a.Blog_Button:hover {text-decoration:none; color:#fff; background:@BrokerColour; /*Sub Broker Colour */}
/* /Blog Elements */
/* /Blog */

/* Team */
.TeamMember_Box{float:left; position:relative; margin:0 2% 3% 0; padding:0; width:48%; border-left:4px solid #efefef;}
.TeamMember_Photo {float:left; position:relative; margin: 0px 2% 0px 0px; padding:0%; width:26%; background:#fff; text-align:center;}
.TeamMember_Photo img {max-height:100%;}
.TeamMember_Information {float:left; position:relative; margin: 0; padding:0%; height:auto; width:64%; background:#fff;}
.TeamMember_Information h1 {color:#000000; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:16px; font-weight:400; letter-spacing:-1px; line-height:20px;}
.TeamMember_Information h2 {color:#303030; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:12px; font-weight:lighter; letter-spacing:-1px; line-height:24px;}
/* /Team */

/* Contents */
.CategoryTitle{width:~"calc(100% - 20px)"; margin:0px 0px 0px 0px; padding:5px 10px; float:left; color:#fff; position:relative; background:#303030;}
.CategoryTitle h3{color:#fff;}
/*.CategoryContainer{width:100%; margin:0px 0px 10px 0px; padding:10px; background:#fff; float:left; position:relative; border-bottom:2px solid @BrokerColour !important; }*/
/*.Section_Title {width:970px; float:left; display:block;}*/
/*.Video_Instruction {position:absolute; bottom:0px; right:0px;}*/
/*.divider {position:relative; float:left; width:100%; height:1px; margin:20px 0px; background:@BrokerColour !important; }*/
/* /Contents */
/* /Body */

/* ================================================================================================================================================================== */
/* Footer */
/* Lender Logo tabs */
#Wrapper_Lenders{width:100%; padding:0 10px; position:relative; border-top:4px solid @BrokerColour; /* Broker theme colour */ float:left; background:#fff;}
#Container_Lenders{clear:both; width:100%;max-width:1600px; height:59px; padding-top:4px; margin:0px auto 50px auto; position:relative;}
ul.tabs {margin:-28px 0px 10px 145px; padding: 0px; float: left; list-style: none; height: 30px;}
ul.tabs li {float: left; margin: 0px 5px 0px 0px; padding: 0px; line-height: 30px; overflow: hidden; position: relative; background: #c0c0c0;}
ul.tabs li a {text-decoration: none; color: #ffffff; display: block; font-size: 1.1em; padding: 0px 11px; outline: none;}
ul.tabs li a:hover {color:#FFF; background: @BrokerColour; /* Broker theme colour */}
html ul.tabs li.active, html ul.tabs li.active a:hover  {color:#ffffff; cursor:default;	background: @BrokerColour; /* Broker theme colour */}
.tab_container {overflow: hidden; float: left; width: 100%;}
.tab_content {padding: 0px; text-align:center;}
.tab_content img.pg1{ margin: 0px 12px 0px 12px;}
.tab_content img.pg2{ margin: 0px 20px 0px 20px;}
.tab_content img.pg3{ margin: 0px 20px 0px 20px;}
/* Lender Logo tabs */
#Wrapper_Footer{width:100%; height:auto; padding:0 10px; position:relative; border-top:1px solid #dfdfdf; background:#fff; float:left;}
#Container_Footer{width:100%; max-width:1600px; margin:0px auto; padding:10px 0px; position:relative;}
#Footer_Logo{margin:70px 0px 20px 0px; float:left; display:block;}
#Footer_Logo img{margin:0px 20px 0px 0px;}
#Footer_Disclaimer {margin:70px 0px 0px 0px; float:right; font-size:10px; line-height:12px;}
/* /Footer */
/* ================================================================================================================================================================== */

/* ================================================================================================================================================================== */
/* Modal Fix (Oct 19, 2016) */
#modal_VideoWrapper1 iframe, #modal_VideoWrapper1 object, #modal_VideoWrapper1 embed{
    margin-left: -280px;
    margin-top: -257px;
    position: absolute;
    width: 560px;
    height: 315px;
    top: 50%;
    left: 50%;
}
/* /Modal Fix (Oct 19, 2016) */
/* ================================================================================================================================================================== */

/* Reset Blog CSS */
.Blog_View_Contents {font-size:16px; line-height:22px;}
.Blog_View_Contents p, .Blog_View_Contents ol, .Blog_View_Contents ul {margin:0 0 20px !important;}
.Blog_View_Contents .share-button ul li {height:auto;}
.Blog_View_Contents ul {
	list-style:disc;
}
.Blog_View_Contents ol {list-style-type: decimal; }
.Blog_View_Contents ol li, .Blog_View_Contents ul li {
	margin-left:20px;
}

/* ==========================================================================
YouTube
========================================================================== */
.youtube-embed, .youtube-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.youtube-embed iframe, .youtube-embed object, .youtube-embed embed, .youtube-container iframe, .youtube-container object, .youtube-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}