/* Main Wealth Styles */

.banner { margin: 0 0 10px; }

@media (max-width:767px) {

  .banner { margin: 0; }

}







.banner .banner-image.sticky.left img { left:0; margin:0 -600px 0 0; }

@media (min-width: 768px) {

  .banner .banner-image.sticky.right img { left:50%;right:0;margin:0 0 0 -600px; }

  .banner.banner-xlarge .banner-image { height:370px; margin:0; }

}





.banner.banner-xxlarge .banner-image { height:640px; margin:0; }

@media (max-width: 767px) {

  .banner .banner-image, .banner.banner-large .banner-image, .banner.banner-xlarge .banner-image, .banner.banner-xxlarge .banner-image { /*margin:0;*/ }

  .banner.banner-xlarge .banner-image { height:auto; margin:0; }

}



section { line-height:0; }



form[name="contactForm"] > fieldset { border: 0 }

form[name="contactForm"] .emailAddr-container,

form[name="contactForm"] .phoneNum-container {

  display: none;

}

form[name="contactForm"] .emailAddr-container.on,

form[name="contactForm"] .phoneNum-container.on {

  display: block;

}

form[name="contactForm"] .box-radio label:hover {

  border-color: #0079C1;

}

form[name="contactForm"] .box-radio label.checked {

  background-color: #0079C1;

  border-color: #0079C1;

  color: #fff;

}

form[name="contactForm"] .error-msg {

  display: none;

  text-align: left;

  color: #ed1b24;

  margin-top: 5px;

}

form[name="contactForm"] .has-error + .error-msg {

  display: block;

}

form[name="contactForm"] input[type="text"].has-error,

form[name="contactForm"] input[type="text"].has-error:focus, select.has-error {

  border-color: #ed1b24;

}

.thank-you-view,

.thank-you-page .contact-form-view {

  display: none;

}

.thank-you-page .thank-you-view {

  display: block;

}



/**

 * banner-copy

 */

 .banner-copy { position:relative; }

 .banner-copy h1, .banner-copy h2, .banner-copy h3, .banner-copy h4, .banner-copy h5, .banner-copy h6 {font-family: 'dax-light'; letter-spacing: 2px;}

 .banner-copy img { position:relative;left:0;margin:0;}

  @media (max-width: 767px) {

    .banner-copy.contact-us.sticky.right img { height:470px;max-width:100%; }

  }

 .banner-copy .info-wrap { position: absolute; left:0; right:0; }

 .banner-copy .info-wrap .info-box { color:#fff;padding:35px; border-radius: 7px;}

 .banner-copy .info-wrap .info-box .title-border {background-color:#fff;}

 .banner-copy .info-wrap .info-icons { margin:0 auto; }

 .banner-copy .info-wrap .info-icons ul li { float:left;margin:0 1%;width:23%; }

 .banner-copy .info-wrap .info-icons a h6 { color:#3c3c3c; }

 .banner-copy .info-wrap .icon.white:before { color:#fff; }

@media (max-width: 768px) {

  .banner-copy .info-wrap { margin:0 10%; }

  .banner-copy .info-wrap:not(.nochange) { position:relative;top:0;bottom:20px; }

  .banner-copy .info-wrap:not(.nochange) .info-box { color:#3c3c3c; }

  .banner-copy .info-wrap:not(.nochange) .bg-opacity { background:#fff;background:rgba(255, 255, 255, 1);-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; }

 .banner-copy .info-wrap.columns.two > * { width:100%; }

 .banner-copy .info-wrap.columns.one.two:not(.nowrap) > *:first-child { margin: 0; }

 .banner-copy .info-wrap.columns.one.two:not(.nowrap) > * { margin: 0; }

}

@media (max-width: 767px){

  .banner-copy .info-wrap .info-box { padding:35px 0; }

}

/**

  * box (2 across, 3 across, 4 across)

  */

  .box { display:-webkit-flex; display:flex; -webkit-align-items:stretch; align-items:stretch; -webkit-align-content:stretch; align-content:stretch; -webkit-flex-wrap:wrap; flex-wrap:wrap; text-align:left; }

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

  .box + .box { margin:3% 0 0; }

  .box > * { display:block; float:left; position:relative; box-sizing:border-box; margin:0; }

  .box.two > * { width:50%; }

  .box.three > * { width:33.33333333%; }

  .box.four > * { width:25%; }

  .box :not(.nowrap) > p { margin:15px 0 0; }



  @media (max-width:768px) {

    .box + .box { margin:0; }

    .box:first-child > *:first-child > *:first-child, .box:first-child > *:first-child > *:first-child > *:first-child { margin:0; }

    /*.box :not(.nowrap) > * { margin:15px 0 0; }*/

    .box.two:not(.nowrap) > *,

    .box.three:not(.nowrap) > * { width:100%; }

    .box.four:not(.nowrap) > * { width:50%; }

  }



  /* iPads (portrait and landscape) ----------- */

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

    .box + .box { margin:0; }

    .box:first-child > *:first-child > *:first-child, .box:first-child > *:first-child > *:first-child > *:first-child { margin:0; }

    /*.box :not(.nowrap) > * { margin:15px 0 0; }*/

    .box.two:not(.nowrap) > *,

    .box.three:not(.nowrap) > * { width:100%; }

    .box.four:not(.nowrap) > * { width:50%; }

    .box .link.block { margin-bottom: 10px !important;}

  }



  @media (max-width:480px) {

    /*.box :not(.nowrap) > * { margin:15px 0 0; }*/

  }



  .box .link { font-family: "dax"; }



  .box .link.block { line-height:0.6em;}



  .box.two .centered.copy.flush, fieldset button { position:relative;z-index:1; }



  .columns.one.two > * { margin:0 0 0 25.25%; }

  @media (max-width:767px) {

    .columns.one.two > * { margin:0;}

  }



  .pointer.fill.white:before { border-color:#fff transparent; margin-top:30px;z-index:1; }

  .pointer.fill.blue:before { border-color:#0079c1 transparent; }



  .single-title { height:24px;padding:15px; }



  .cta { position:relative;line-height:0; }

  .cta img { width:100%; }

  .cta .cta-desc { position:absolute; bottom:0; left:0; right:0;}

  .cta .cta-desc.rollover { position:absolute; bottom:0; left:0; right:0; top: 65%;}

  .cta .cta-title {display: block; color:#fff; font-family: 'dax-light'; font-size: 1.4em; line-height: 1.3em; letter-spacing: 2px; opacity:1; padding: 0px 0;}

  .cta .cta-copy { display: block; color:#fff;line-height:1.5em; padding-top: 15px; }



  .cta .cta-desc .icon { position: absolute; left: 50%; margin: 0 -25px; top: -30px; color:#ffffff; }

  .cta .cta-desc .icon:before { color:#fff; }



  /* cta hover */

  .cta-hover { position:relative;line-height:0; }

  .cta-hover img { width:100%; }

  .cta-hover .cta-desc.rollover { position:absolute; bottom:0; left:0; right:0; }

  .cta-hover .cta-title {display: block; color:#fff; font-family: 'dax-light'; font-size: 1.4em; line-height: 1.3em; letter-spacing: 2px; opacity:1; padding: 15px 0;}

  .cta-hover .cta-copy { display: block; color:#fff;line-height:1.5em; padding-top: 15px; }



  .cta-hover .cta-desc.rollover .icon { position: absolute; left: 50%; margin: 0 -25px; top: -30px; color:#ffffff; }



  @media (max-width:768px) {

    .columns.lines.two.three > *:first-child { margin:0; }

    .columns.lines.two > * { width:49%; }

  }



  /* Extra Small Devices, Phones */

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

    .cta-hover .cta-title {padding: 0;}

    .cta-hover .cta-desc.rollover {padding: 15px;}

    .cta-hover .cta-copy {padding-top: 0;}

    .cta .cta-desc.rollover {top: 64%;}

    .cta .cta-title {margin: 0; font-size: 1.2em;}

    .single-title { height:24px;padding:0px; }

  }



  /* Extra Small Devices, Phones */

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

    .cta-hover .cta-title {padding: 0;}

    .cta-hover {max-height: 550px;}

    .cta-hover  {overflow: hidden;}

    .cta .cta-desc.rollover {top: 81%;}



    .cta .cta-title {margin: 0; font-size: 1.4em;}

    .single-title { height:24px;padding:15px; }

  }





  /* Small Devices, Tablets */

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

    .cta-hover .cta-desc.rollover {top: 78%;}

    .cta-hover .cta-title {padding: 0;}

    .three .cta .cta-desc.rollover {top: 50%;}

    .cta .cta-desc.rollover {top: 50%;}

    .cta { max-height: 450px; overflow: hidden; }

    .box .link.block { margin-bottom: 10px;}

  }



  /* Medium Devices, Desktops */

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

    .cta-hover  .cta-desc.rollover {top: 73%;}

    .cta-hover .cta-copy {padding-top: 15px;}

    .three .cta .cta-desc.rollover {top: 64%;}

    .cta .cta-desc.rollover {top: 64%;}

    .cta-hover .cta-title {padding: 15px;}



  }



  /* Large Devices, Wide Screens */

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

    .cta-hover  .cta-desc.rollover {top: 81%;}

    .three .cta .cta-desc.rollover {top: 65%;}

  }



  @media (min-width:769px) {

    button.primary.white, a.button.primary.white, span.button.primary.white { color:#3c3c3c;background-color:#fff; }

    button.white, a.button.white, span.button.white { border-color:#fff; }

    button.white:hover, a.button.white:hover, span.button.white:hover { border-color:#fff; }

    .icon.white:before { color:#fff; }

  }



  .title-border {background-color:#000;height:1px;width:20%; }

  body.wealth hr.title-border.flush { margin:0 auto; }

  @media (max-width:767px) {

    .title-border {height:1px;width:50%; }

  }



  .blue-line { position:relative;height:7px;background-color:#0079c1; }



  @media (max-width:767px) {

    .copy { padding:30px; }

  }



  .bg-opacity { background:#3c3c3c; background: rgba(60, 60, 60, .8);-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; }



hr.no-line.mini-space { height:7px; }

hr.blue-hr {background-color: #0079C1;}



/**

 * circle-xlarge

 */

 .circle-xlarge { position:relative; margin:53px 0 0; }

 .circle-xlarge:before { display:block; position:absolute; top:-55px; left:50%; width:110px; height:55px; margin:0 -55px; background-color:#cacaca; border-radius:55px 55px 0 0; -webkit-border-radius:55px 55px 0 0; -moz-border-radius:55px 55px 0 0; content:""; }

 .circle-xlarge:after { display:block; position:absolute; top:-53px; left:50%; width:116px; height:54px; margin:0 -53px; background-color:#ffffff; border-radius:53px 53px 0 0; -webkit-border-radius:53px 53px 0 0; -moz-border-radius:53px 53px 0 0; content:""; }

 .circle-xlarge.fill:before { display:block; position:absolute; top:-55px; left:50%; width:110px; height:55px; margin:0 -55px; border-radius:55px 55px 0 0; -webkit-border-radius:55px 55px 0 0; -moz-border-radius:55px 55px 0 0; content:""; background:#3c3c3c; background: rgba(60, 60, 60, .8);-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; }

 .circle-xlarge.fill:after { display:none; }



 .circle-xlarge { margin:23px 0 0; }

 .circle-xlarge:before { top:-25px; width:50px; height:25px; margin:0 -25px; border-radius:25px 25px 0 0; -webkit-border-radius:25px 25px 0 0; -moz-border-radius:25px 25px 0 0; }

 .circle-xlarge:after { top:-23px; width:46px; height:24px; margin:0 -23px; border-radius:23px 23px 0 0; -webkit-border-radius:23px 23px 0 0; -moz-border-radius:23px 23px 0 0; }

 .circle-xlarge.reverse { margin:0 0 25px; }

 .circle-xlarge.reverse:before { top:auto; bottom:-25px; border-radius:0 0 25px 25px; -webkit-border-radius:0 0 25px 25px; -moz-border-radius:0 0 25px 25px; }

 .circle-xlarge.reverse:after { top:auto; bottom:-23px; border-radius:0 0 25px 25px; -webkit-border-radius:0 0 25px 25px; -moz-border-radius:0 0 25px 25px; }



 a.circle-xlarge.stroke:hover:before, a.circle-xlarge.stroke:focus:before { background-color:#0079c1; }

 a.circle-xlarge.stroke:active:before, a.circle-xlarge.stroke.active:before { background-color:#0079c1; }

 a.circle-xlarge.stroke:active:after, a.circle-xlarge.stroke.active:after { display:none; }



 .icon.xlarge { width: 50px; height: 25px; line-height: 50px; }

 .icon.xlarge:before { font-size: 50px; line-height: 40px; color: #fff;}

 .icon.xlarge.stroke { padding:18px; border-radius:50px 50px 0 0; -webkit-border-radius:50px 50px 0 0; -moz-border-radius:50px 50px 0 0; }



 .icon.xxlarge.stroke { border-radius: 90px 90px 0 0;-webkit-border-radius: 90px 90px 0 0;-moz-border-radius: 90px 90px 0 0; }

 .info-icons .icon.xxlarge.stroke { border-radius: 90px;-webkit-border-radius: 90px;-moz-border-radius: 90px; }

 .icon.xxlarge { width:90px;height:45px;line-height:90px; }

 .icon.xxlarge:before { line-height:60px;font-size:35px;}



 /** mobile styles for circle + icons **/

 @media (max-width: 480px) {

  .icon.xlarge:before { font-size: 35px; line-height: 45px;}

  .circle-xlarge.fill:before { top: -40px; width: 80px; height: 40px; margin: 0 -40px; webkit-border-radius: 40px 40px 0 0;}

}



/**

 * icon-inbetween

 */

 /*  .icon-inbetween { position:relative;z-index:1000;top:50%;margin:-55px auto -28px; } */

 .icon-inbetween { position:relative;z-index:1000;margin:-50px auto 0; }

 .icon-inbetween .icon:before, .banner-copy .info-wrap .icon:before { color:#3c3c3c; }

 .icon-inbetween .icon.fill.light.stroke, .banner-copy .info-wrap .icon.fill.light.stroke { border-color:#fff; }

 .icon-inbetween .icon.fill.light, .banner-copy .info-wrap .icon.fill.light { background-color:#fff; }



 @media (max-width:768px) {

  .banner-copy .info-wrap .icon.fill.light.stroke { border-color:#f0f0f0; }

  .banner-copy .info-wrap .icon.fill.light { background-color:#f0f0f0; }

}

.with-icon-inbetween {

  margin-top:100px;

}

.with-icon-inbetween .icon-inbetween {

  margin-top:-95px;

}

.icon-inbetween .icon.fill.light-grey.stroke,

.icon-inbetween .icon.fill.light-grey {

  background-color: #f2f2f2;

  border-color: #f2f2f2;

}



.icon-inbetween .icon.fill.insights-grey.stroke,

.icon-inbetween .icon.fill.insights-grey {

  background-color: #efe9eb;

  border-color: #efe9eb;

}



.icon-inbetween .icon-title, .banner-copy .info-wrap .info-icons .icon-title { font-size:11px; margin-top:-35px;letter-spacing:initial; }



/**

 * our-services specific styles

 */

 .our-services {padding: 60px 0 80px 0;}

 .our-services-header {padding: 0 0 60px 0; text-align: center;}

 .our-services-header .icon:before {color: #414141;}

 .our-services-header .circle-xlarge.fill:before {background-color: #fff;}

 .our-services-header .cta-desc .icon {position: absolute; top: -80px;left: -25px;}

 body.wealth .our-services-header .banner-image { height:340px; margin:0; }



  @media (max-width:767px) {

    body.wealth .our-services-header .banner-image { height:auto; margin:0; }

  }



 @media (max-width:767px) {

  .our-services {padding: 60px 30px 80px 30px;}

  .our-services hr {margin: 0 30% !important;}

  .our-services-header {padding: 0 30px;}

  .our-services-header .circle-xlarge.fill:before {background-color: #fff;}

  .our-services-header .cta-desc .icon {top: -30px; margin-bottom: 100px;}

  .our-services-header hr {margin: 0 25% !important;}

}



/**

 * contact-us specific styles

 */

 @media (max-width:767px) {

  .contact-us .columns.two:not(.nowrap) > * { width:inherit; }

  .contact-us .columns.one.two:not(.nowrap) > *:first-child { margin:0 auto; }

  .contact-us a.link.icon { text-align:center;padding:0; }

  .contact-us a.link.icon .icon { margin-bottom:15px; }

  .contact-us a.link.icon .icon { display:inline-block;position:relative; }

}

.contact-us a strong { font-size:1em;}

@media (min-width:768px) {

  .contact-us a strong { display:inline-block;}

}



.banner-copy.contact-us .info-wrap .columns.two > * { width:48.5%; }



/**

 * insights box

 */



 .insights {

  position: relative;

  width: 100%;

  overflow: hidden;

}



.insights img {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  max-width: none;

}



.insights .heading {font-size: 20px;}

.insights a.button {background-color: #fff; border:0; line-height: 50px; color: #1a4d78; }

.insights a.button:hover {background-color: #1a4d78 ; border-color: #414141; color: #fff; border:0;line-height: 50px;}



.insights .link:before, .bg-opacity .link:before {background-color: #fff; color: #414141;}

.insights .link:hover:before, .bg-opacity .link:hover:before {background-color: #1a4d78; color: #fff}



.bg-opacity a.white { color:#fff; }



@media (max-width: 768px) {

  .banner-copy .info-wrap { margin:0 10%; }

  .banner-copy .info-wrap:not(.nochange) .bg-opacity .link:before { background-color:#0079c1; color:#fff; }

}



.insights-aspect {

  padding-top: 640px;

}



.insights-container {

  position: absolute;

  top: 0; bottom: 0; left: 0; right: 0;

  text-align: center;

}



.insights-container:before {

  content: '';

  display: inline-block;

  vertical-align: middle;

  height: 100%;

}

.insights-container .insights-box {

  vertical-align: middle;

  display: inline-block;

  color: #fff;

  padding: 30px;

  width: 50%;

  margin-left: auto;

  margin-right: auto;

  position:relative;

  z-index:1;

  border-radius: 7px;

}



.insights-link {

  font-family: "dax";

}



@media (max-width:767px) {

  .insights img{

    max-width: none;

    width: auto;

    height: auto;

  }

  .insights .heading {

    font-size: 15px;

  }

  .insights-aspect {

    padding-top: 300px;

  }

  .insights-container .insights-box {

    padding: 30px;

  }

}



/* international */

.international {position: relative;}

.international .city-banner:before {content: ''; display: inline-block;  vertical-align: middle; height: 100%;}

.international .city-banner {position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center;}

.international .city-banner .city-box {

  vertical-align: middle;  display: inline-block;

  color: #fff;

  padding: 60px;

  width: 30%;

  margin-left: auto;

  margin-right: auto;

  border-radius: 7px;

}



.international .contact {font-size: 22px; margin: 5px 0;}

.international .contact-name {font-size: 18px; margin: 5px 0;}

.international .city-contact {margin-bottom: 60px;}

.international .hk-contact {margin-bottom: 0px;}

.international .contact-content {padding: 3px 0 !important;display: block;}

.international .tel {color: #0079c1;}

.international .tel strong {margin-bottom: 4px;}



.international .disclaimer {background-color: #f2f2f2; padding: 50px 150px;}



.international .where-next {

  vertical-align: middle;

  padding: 50px;

}



@media (max-width: 767px) {

  .international .disclaimer {padding: 20px;}

  .international .where-next {padding: 80px;}

}



/* homepage */

.homepage {position: relative;}

.homepage img {height: 890px; width: 100%;}

.homepage .home-banner:before {content: ''; display: inline-block;  vertical-align: middle; height: 100%;}

.homepage .home-banner {position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center;}



.homepage .home-banner .home-container {

  vertical-align: middle;

  display: inline-block;

  color: #fff;

  padding: 60px;

  width: 40%;

  margin-left: auto;

  margin-right: auto;

}



.homepage .home-banner .home-container .home-box {

    padding: 50px;

}

.homepage .home-banner .home-icons {

  display: inline-block;

  width: 100%;

  color: #fff;

  margin-left: auto;

  margin-right: auto;

}



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

  .homepage img {height: 690px;}

}



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

  .homepage img {height: 890px;}

}



.home-contact {font-size: 15px;}



@media (max-width: 480px) {

.home-contact {font-size: 9px; font-family: 'dax';}

}

/* Apply to span to replace unsupported <nobr> tag */

.nobr {

  white-space: nowrap;

}

/* This one seems self-explanatory */

.display-block {

  display: block;

}

body.wealth a:hover .icon.stroke.white {

  border-color: #FFF;

}

body.wealth section.contact-us .info-box a.centered,

body.wealth section.contact-us .info-box a.centered:hover {

  color: #FFF;

  text-decoration: none;

}

body.wealth section.contact-us .info-box a.centered:hover .white .home-contact {

  text-decoration: underline;

}

@media (min-width: 768px){

  body.wealth section.contact-us .info-box a[href^="tel"]:hover .white .home-contact {

    text-decoration: none;

  }

}

@-moz-document url-prefix() {

  body.wealth .icon-inbetween {

    margin-top:-50px;

  }

}

.ie8 .banner-copy .info-wrap{

  top: 200px;

}

HTML.ie8 .info-icons .columns.four.five > *.first-child {

    margin: 0;

}

HTML.ie8 .info-icons .three.five.columns > *.first-child {

    margin: 0 0 0 12.2%;

}

.ie8 .banner .banner-image {

    height: 370px;

}

html[lang="fr"] .copy.stroke {

  padding: 28px 5px;

}


/** LEADSHEET TEMP OPTION **/

form[name="mortgageOptionForm"] > fieldset { border: 0 }

form[name="mortgageOptionForm"] .emailAddr-container,
form[name="mortgageOptionForm"] .phoneNum-container { display: none; }

form[name="mortgageOptionForm"] .emailAddr-container.on,
form[name="mortgageOptionForm"] .phoneNum-container.on { display: block; }

form[name="mortgageOptionForm"] .box-radio label:hover { border-color: #0079C1; }

form[name="mortgageOptionForm"] .box-radio label.checked { background-color: #0079C1; border-color: #0079C1; color: #fff;}

form[name="mortgageOptionForm"] .error-msg { display: none; text-align: left; color: #ed1b24; margin-top: 5px; }

form[name="mortgageOptionForm"] .has-error + .error-msg { display: block;}

form[name="mortgageOptionForm"] input[type="text"].has-error,
form[name="mortgageOptionForm"] input[type="text"].has-error:focus, select.has-error { border-color: #ed1b24; }

form[name="mortgageOptionForm"] select { color: #a9a9a9;}
form[name="mortgageOptionForm"] select .options {color: #000;}





/** LEADSHEET TEMP CONROL **/

form[name="mortgageControlForm"] > fieldset { border: 0 }

form[name="mortgageControlForm"] .emailAddr-container,
form[name="mortgageControlForm"] .phoneNum-container { display: none; }

form[name="mortgageControlForm"] .emailAddr-container.on,
form[name="mortgageControlForm"] .phoneNum-container.on { display: block; }

form[name="mortgageControlForm"] .box-radio label:hover { border-color: #0079C1; }

form[name="mortgageControlForm"] .box-radio label.checked { background-color: #0079C1; border-color: #0079C1; color: #fff;}

form[name="mortgageControlForm"] .error-msg { display: none; text-align: left; color: #ed1b24; margin-top: 5px; }

form[name="mortgageControlForm"] .has-error + .error-msg { display: block;}

form[name="mortgageControlForm"] input[type="text"].has-error,
form[name="mortgageControlForm"] input[type="text"].has-error:focus, select.has-error { border-color: #ed1b24; }

form[name="mortgageControlForm"] select { color: #a9a9a9;}
form[name="mortgageControlForm"] select .options {color: #000;}

/** LEADSHEET TEMP RENEWAL **/

form[name="mortgageRenewalForm"] > fieldset { border: 0 }

form[name="mortgageRenewalForm"] .emailAddr-container,
form[name="mortgageRenewalForm"] .phoneNum-container { display: none; }

form[name="mortgageRenewalForm"] .emailAddr-container.on,
form[name="mortgageRenewalForm"] .phoneNum-container.on { display: block; }

form[name="mortgageRenewalForm"] .box-radio label:hover { border-color: #0079C1; }

form[name="mortgageRenewalForm"] .box-radio label.checked { background-color: #0079C1; border-color: #0079C1; color: #fff;}

form[name="mortgageRenewalForm"] .error-msg { display: none; text-align: left; color: #ed1b24; margin-top: 5px; }

form[name="mortgageRenewalForm"] .has-error + .error-msg { display: block;}

form[name="mortgageRenewalForm"] input[type="text"].has-error,
form[name="mortgageRenewalForm"] input[type="text"].has-error:focus, select.has-error { border-color: #ed1b24; }

form[name="mortgageRenewalForm"] select { color: #a9a9a9;}
form[name="mortgageRenewalForm"] select .options {color: #000;}