
/* 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: 'heebo-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: "heebo"; }
  .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: 'heebo-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: 'heebo-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.private-banking 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.private-banking .our-services-header .banner-image { height:340px; margin:0; }
  @media (max-width:767px) {
    body.private-banking .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: "heebo";
}
@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: 'heebo';}
}
/* Apply to span to replace unsupported <nobr> tag */
.nobr {
  white-space: nowrap;
}
/* This one seems self-explanatory */
.display-block {
  display: block;
}
body.private-banking a:hover .icon.stroke.white {
  border-color: #FFF;
}
body.private-banking section.contact-us .info-box a.centered,
body.private-banking section.contact-us .info-box a.centered:hover {
  color: #FFF;
  text-decoration: none;
}
body.private-banking section.contact-us .info-box a.centered:hover .white .home-contact {
  text-decoration: underline;
}
@media (min-width: 768px){
  body.private-banking section.contact-us .info-box a[href^="tel"]:hover .white .home-contact {
    text-decoration: none;
  }
}
@-moz-document url-prefix() {
  body.private-banking .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;}
