@import url("../../northwestern_mutual/contact-form.css?rev=12162020");
@import url("../../default/utility.css");

body { color: #000; margin: 0; padding: 0; }
a img { border: none; }
sup { vertical-align: text-top; position: relative; top: -.125em; }
#content table { max-width: 100%; }
#content iframe { max-width: 100%; }
#content img { max-width: 100%; }
#content div.rule { border-top: 1px solid #ccc; margin: 2em 0; padding: 0; line-height: 0; clear: both; }
#content .events_calendar_event { border-top: 1px solid #eee; margin: 2em 0; padding: 1em 0 0 0; clear: both; }
#content .events_calendar_event img { margin: 3em 0 2em 2em; float: right; max-width: 165px; border: 5px solid #DEDEDE; }
#content .events_calendar_event table td { vertical-align: top; padding: .25em; border-top: 1px solid #eee; }
#content .events_calendar_event table td:first-child { text-align: left; }
.vcard ul { list-style-type: none; margin-left: 0; padding-left: 0; }
.list_sep { margin: 0 .5em; color: #888; }
.news .news_blurb { padding: 1.5em 0; border-top: 1px solid #ddd; clear: both; }
.news .news_blurb_image { float: left; margin: 0 1em 1em 0; display: block; }
.news .news_blurb_image img { border: 1px solid #ddd; }
.blurb_image img { border: 1px solid #ddd; max-width: 100%; }
.agents #content td { vertical-align: top; }
.agents .agent_info div { margin: .325em 0; }
.agents .agent_bio.network { padding: 0 1.5em; margin: 1.5em 1em 1.5em 0; clear: both; background-color: #f3f3f3; }
.agents .agent_photo { border: 5px solid #dedede; }
.areas_of_expertise #content ul { padding-left: 1.25em; list-style-image: url("../../northwestern_mutual/201212/images/arrow_orange.gif"); }
.areas_of_expertise #content li { margin-bottom: 1em; }

table#financialHighlights { border-spacing: 0; border-collapse: collapse; }
table#financialHighlights th { border-bottom: 1px solid #666; padding: .5em 1.5em .5em 0; }
table#financialHighlights td { border-bottom: 1px solid #ddd; padding: .5em 1.5em .5em 0; }

/* google static map */
.static_map_container { position: relative; max-width: 100%; overflow: hidden; line-height: 0; }
.static_map_pin { max-width: 100%; position: absolute; z-index: 1; left: 50%; margin-left: -50%; }
.static_map_image { max-width: 100%; border-radius: .5em; }

@media screen {
  /* color */
  a { color: #056BB3; }
  a:hover { color: #0094FF; }
  a:active { color: #8548BF; }
  a:visited { color: #8548BF; }
  #navigation .non_mobile a[href='javascript:void(0);'] { cursor: default; }
  #sidebar a.adr, #leftbar a.adr, #rightbar a.adr { text-decoration: none; color: inherit; }
  #container { text-align: center; }
  .sectionContainer { text-align: left; }
  .end_region { clear: both; height: 0; line-height: 0; }
  #header li, #navigation li, #leftbar li, #rightbar li, #footer li { margin: 0; padding: 0; list-style-type: none; }
  #header ul, #navigation ul, #leftbar ul, #rightbar ul, #footer ul { display: block; margin: 0; padding: 0; }
  #header .titles sup { vertical-align: text-top; font-size: 90%; }
  #header h1, #header h2 { margin: .125em 0; padding: 0; }
  #header h3 { margin: .125em 0; padding: 0; }
  #navigation li a { text-decoration: none; }
  #navigation li a:hover { text-decoration: none; }
  #navigation ul { text-transform: uppercase; }
  #navigation ul ul li a { text-transform: none; }
  #content h1 { margin: .125em 0; padding: 0; }
  #content h2 { margin: .125em 0; padding: 0; }
  #footer { font-size: 11px; }
  .blurb_text_extended { width: 100%; overflow: auto; margin: 0 0 1em; }
  .blurb_text_unique a.hide { margin: 1em 0 0 0; }

  /* navigation */
  #navigation { cursor: default; }
  #navigation li { position: relative; display: inline-block; }
  #navigation li a { display: block; }
  #navigation li ul { display: none; z-index: 20; position: absolute; min-width: 175px; top: 100%; left: 0; }
  #navigation li li { min-width: 175px; display: block; z-index: inherit; }
  #navigation li li ul { top: 0; left: 99%; }
  /* #navigation li:hover ul { display: block; }
  #navigation li:hover li ul { display: none; }
  #navigation li li:hover ul { display: block; } */
  /* js add class "curr" instead of :hover for cross-device support */
  #navigation li.curr ul { display: block; }
  #navigation li.curr li ul { display: none; }
  #navigation li.curr li.curr ul { display: block; }

  /* geo */
  .sectionContainer { margin: 0 auto; max-width: 990px; clear: both; }
  #header { padding: 18px 0; }
  #header .header_logo { float: left; }
  #header .advisor_photo { display: none; }
  #header .titles { text-align: right; }
  #header .contact_info { display: none; }
  #header .social_networking_links { display: none; }
  #navigation .mobile { display: none; }
  #sliderContainer img { width: auto; max-width: 100%; }
  #leftbar { width: 22%; float: left; margin: 1em 1% 2em 1%; }
  #rightbar { width: 22%; float: right; margin: 1em 1% 2em 1%; }
  #sidebar { width: 22%; float: right; margin: 1em 1% 2em 1%; }
  .advisor_info { padding-left: .5em; }
  .video_link { margin: 1em 0; }
  .social_networking_links a { text-decoration: none; }
  .social_networking_links img { margin: 0 .25em; }
  .static_map_container, .account_access_links, .calculator_links, .events_link, .enewsletter_signup_link, .video_link, .advanced_planning_library_link { margin-bottom: 1em; }
  .account_access_heading:before, .calculators_heading:before, .events_link a:before, .enewsletter_signup_link a:before, .video_link a:before, .advanced_planning_library_link a:before { content: ""; display: block; float: left; line-height: 0; height: 34px; width: 34px; margin: 2px 6px 0 0; background: transparent url("../../northwestern_mutual/201212/images/icons.png") 50px 0 no-repeat; }
  .account_access_heading:before { margin-top: -5px; background-position: 0 -150px; }
  .calculators_heading:before { margin-top: -5px; background-position: 0 -50px; }
  .events_link a:before { margin-top: -5px; background-position: 0 -300px; }
  .enewsletter_signup_link a:before { background-position: 0 -200px; }
  .video_link a:before { background-position: 0 0; height: 16px; width: 16px; }
  .calculator_links ul, .account_access_links ul { margin-left: 40px !important; }
  .advanced_planning_library_link a:before { background-position: 0 -100px; }
  #contentContainer .contact_me a { background: #fff url('../../northwestern_mutual/201212/images/contact_man.gif') 4% 50% no-repeat; display: block; padding: 1em 15%; margin: 1em 0; color: #369; border-radius: .5em; display: block; }
  #contentContainer .contact_me a:hover { color: #37c; }
  #contentContainer .advisor_photo_container { text-align: center; }
  #contentContainer .advisor_photo { margin: 1em 0; max-width: 130px; }
  #contentWrapper { margin: 1em 1%; float: left; }
  #content { padding: 1.5em .75em 2.5em .75em; border-radius: .5em; min-height: 400px; }
  #footer { padding: 1em; }
  #footerLinks { cursor: default; }
  .addthis_toolbox { float: right; min-width: 150px; margin-bottom: .25em; }
  .addthis_toolbox + script + script + div, .addthis_toolbox + script + script + table { clear: both; }
}
@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('../../../fonts/OpenSans-CondLight-webfont.eot');
    src: url('../../../fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansCondensedLightItalic';
    src: url('../../../fonts/OpenSans-CondLightItalic-webfont.eot');
    src: url('../../../fonts/OpenSans-CondLightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-CondLightItalic-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-CondLightItalic-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-CondLightItalic-webfont.svg#OpenSansCondensedLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('../../../fonts/OpenSans-CondBold-webfont.eot');
    src: url('../../../fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-CondBold-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLight';
    src: url('../../../fonts/OpenSans-Light-webfont.eot');
    src: url('../../../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('../../../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../../../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../../../fonts/OpenSans-Regular-webfont.eot');
    src: url('../../../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('../../../fonts/OpenSans-Italic-webfont.eot');
    src: url('../../../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../../../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../../../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('f../../../fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../../../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../../../fonts/OpenSans-Bold-webfont.eot');
    src: url('../../../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('../../../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../../../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('../../../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../../../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('../../../fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../../../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../../../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../../../fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font: 13px/18px 'OpenSansRegular', Arial, Sans-Serif; }

@media screen {
  #header h1, #header h2 { font: 26px/36px 'OpenSansCondensedLight' , Arial, Sans-Serif; }
  #header h3 { font: 16px/23px 'OpenSansSemiBold' , Arial, Sans-Serif; }
  #navigation ul { font: 14px/23px 'OpenSansCondensedBold' , Arial, Sans-Serif; }
  #navigation ul ul { font: 13px/20px 'OpenSansRegular' , Arial, Sans-Serif; }
  #sidebar h2, #sidebar h3, #leftbar h1, #leftbar h2, #leftbar h3, #rightbar h2, #rightbar h3 { font: bold 15px/18px 'OpenSansRegular' , Arial, Sans-Serif; }
  #content h1 { font: 26px/36px 'OpenSansCondensedLight' , Arial, Sans-Serif; margin: .125em 0; padding: 0; }
  #content h2 { font: 16px/23px 'OpenSansSemiBold' , Arial, Sans-Serif; margin: .125em 0; padding: 0; }
}

@media only screen and (max-width : 480px)/*, 
       only screen and (-webkit-min-device-pixel-ratio : 1.5), 
       only screen and (min-device-pixel-ratio : 1.5)*/ {
  #navigation ul { font: 14px/23px 'OpenSansRegular' , Arial, Sans-Serif;}
}
@media screen {
  body { background: #9E9989 url("images/body-bg-to1.png") 0 0 repeat-x; }
  #header .titles h2, #header .titles h3 { color: #133860; }
  #headerContainer .esg-logo {background: url("images/ESG_Logo_LG_navy.png");}
  #navigation ul { background-color: #133860; }
  #navigation ul ul { background-color: #244971; -moz-box-shadow: 0 0 3px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5); box-shadow: 0 0 3px rgba(0,0,0,.5); }
  #navigation, #navigation a, #navigation a:hover { color: #fff; }
  #navigation a:hover { background: transparent url("images/nav-hover.png") 50% 100% no-repeat; }
  #navigation li.home a:hover { background: transparent none; }
  #navigation li li a:hover { background: #E6973F none; }
  #sliderContainer, #contentContainer { background-color: #133860; }
  #contentWrapper { background-color: #fff; }
  #rightbar, #leftbar { color: #fff; }
  #rightbar div:before, #leftbar div:before, #rightbar .blurb:before { border-color: #ace !important; border-width: 4px 0 0 0 !important; border-style: double !important; }
  #rightbar a, #leftbar a { color: #fff; }
  #rightbar a:hover, #leftbar a:hover { color: #bdf; }
  #rightbar div:before, #leftbar div:before, #rightbar .blurb:before { border-color: #395680 !important; }
  #footer, #footer a:hover, #footer .list_sep { color: #fff; }
  #footer a { color: #133860; }
  #sliderContainer.sectionContainer {min-width: inherit; max-width: 990px;}
  #slider {text-align: center;}
  .broker-check-container {background-color: #133860;color:#fff;}
  .broker-check-container .bc-wrapper a {color:#fff;}
}

@media only screen and (max-width: 1024px) {
  #sliderContainer.sectionContainer {min-width: inherit; max-width: inherit;}
}

@media only screen and (max-width : 480px) {
  #header { background-color: #133860; }
}

#content .center {
margin: 0 auto;
display: block;
}

.gap,
#content hr {
margin-bottom: 20px;
}

#content hr {
margin-top: 20px;
}

.video_embed {
position: relative;
display: block;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

.video_embed:before {
display: block;
content: "";
padding-top: 56.2%;
}

.video_embed iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}

.light_shadow {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

.cta-right {
float: right;
width: 30%;
margin: 1em;
padding: 0.6vw;
}

#content .border {
border: #545565 2px groove;
width: 100%;
}

.col-1 {
width: 96%;
margin: 2%;
}

.col-2 {
width: 46%;
margin: 2%;
float: left;
}

.col-3 {
width: 29.3%;
margin: 2%;
float: left;
}

.col-1,
.col-2,
.col-3 {
overflow: hidden;
}

#content .arrow-1 {
vertical-align: middle;
padding: 0 0 .5em .25em;
margin: 0 2% 0 0;
}

#content .arrow-1-txt {
text-align: right;
}

#content .agent_name a {
text-decoration: none;
}

#content .agent_name sup {
top: -0.925em;
font-size: 0.5em;
left: 0.1em;
}

@media screen and (max-width:600px) {
.col-2,
.col-3,
.cta-right {
float: none;
width: 96%;
margin: 2%;
}
.cta-right {
max-width: 100%;
padding: 0;
}
} @media screen {
  #headerContainer .esg-logo {width:287px; height:107px; float:right; background-size:100%; background-repeat: no-repeat; margin-top: -22px;}
  #headerContainer .esg-logo+.titles {display: none;}
  #navigation { text-align: left; }
  #navigation ul ul { text-align: left; }
  #leftbar .address a { text-decoration: none; }
  #navigationContainer { margin:0 auto 1.25em auto; }
  #navigation a { padding: 12px 10px 20px 10px; }
  #navigation li { margin: -6px 0 -14px 0; line-height: 18px; }

  #navigation li.home { margin-left:.5em; }
  #navigation li.home a img { margin: 0 0 -4px 0; display: none;}

  #navigation li.home a {width:18px; height:18px; padding: 10px;}

  #navigation li.home a:before {display: block; width: 100%; height: 100%; content:' '; background-size:cover; background-image:url("/include/css/site_styles/northwestern_mutual/201212/images/home_icon_NM_TO.png");}
  #navigation li.home:hover a:before {content:' '; background-image:url("/include/css/site_styles/northwestern_mutual/201212/images/home_icon_NM_TO_wht.png");}

  #navigation li li a { padding: 5px 10px; }
  #navigation ul { border-radius: .325em; }
  #navigation li li { margin: 0; line-height: 23px; }
  #navigation ul ul { border-radius: 0; }
  #contentContainer { border-radius: 0 0 .5em .5em; }
  #contentWrapper { width: 52%; border-radius: .5em; min-height: 550px; }
  #content { padding: 1em 1em 2em 1em; }
  #content table.education {width: 100%;}
/*  #content h2 { font: 16px/23px 'OpenSansSemiBold' , Arial, Sans-Serif; }
  .index #content h2 { font: 26px/36px 'OpenSansCondensedLight' , Arial, sans-serif; }*/
  #leftbar { width: 22%; margin: 0 1% 2em; }
  #leftbar h2 { font-size: 12px; font-weight: bold; }
  #rightbar { width: 20%; margin: 0 1.5% 2em 0; }
  #rightbar div:before, #leftbar div:before, #rightbar .blurb:before { content: ""; display: block; border-top: 1px solid #fff; margin: 1em 0; padding: 0; line-height: 0; height: 1px; }
  #rightbar div div:before, #leftbar div div:before, #rightbar .blurb:first-child:before { content: normal; }
  #rightbar .blurb h2 { font-size: 13px; line-height: 18px; cursor: pointer; font-weight: bold; }
  #rightbar .blurb h2:before { content: ""; display: inline-block; position: relative; top: .25em; width: 15px; height: 15px; line-height: 0; margin: 0 6px 0 0; padding: 0; background: transparent url("images/toggle_plus_minus.gif") 0 -50px no-repeat; }
  #rightbar h2.open:before { background-position: 0 0; }
  .advisor_photo { border: 5px solid #fff; }
  .addthis_toolbox { margin: 0 0 1.5em 2em; font-family:Arial; }
  #rightbar .blurb h2:before { font-family: 'Open Sans Condensed' ,sans-serif; font-weight: bold; }
  #rightbar h2 { font-weight: normal; }
  .agents .agent_bio.network {clear: none; background-color: inherit; margin-left: 0; padding-left: 0;}
  .contact-form-container {max-width: 680px;} 
  .contact-button-container button {width:100%; max-width: 192px; height: 40px;}
  .broker-check-container {margin: 0 auto;max-width: 990px;clear: both;text-align:center;border-radius:.5em;font-size: 14px;text-transform:uppercase;box-shadow: 0 0 .6em rgba(0,0,0,.325); }
  .broker-check-container p {padding: 10px;}
  .broker-check-container a {color:#FFF; margin-left: 20px;text-transform: none;}
  .broker-check-container a i {margin-top: -10px;}
  .broker-check-container a i,
  .broker-check-container a i:before {text-decoration: none !important; display: inline-block;}
}

@media only screen and (max-width: 1010px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape),only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  #navigationContainer {background: #133860;}
  #navigationContainer, #contentContainer { max-width: 100%; }
  #navigation ul { border-radius: 0; }
  #contentContainer { border-radius: 0; }
}

@media only screen and (max-width:980px) {
  .contact-form .form-row {flex-wrap:wrap;}
  .contact-form .input-wrapper {margin-bottom:20px;}
  .contact-form-name {margin:0;}
}

@media only screen and (max-width : 760px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  #navigation a:hover { background: #E6973F none; }
  #navigation li { margin: 0; }
  #navigation li.home { margin-top: -1px; }
  #navigation a { padding: 5px 8px; }
  #leftbar { width: 32%; }
  #rightbar { width: 32%; }
  #contentWrapper { border-radius: .5em 0 0 .5em; margin: 1em 0 1em 1.5%; width: 64%; }
  #contentContainer .advisor_photo { max-width: 95%; }
  #headerContainer #header .advisor_info {clear: none;}
}

@media only screen and (max-width : 480px)/*, 
       only screen and (-webkit-min-device-pixel-ratio : 1.5), 
       only screen and (min-device-pixel-ratio : 1.5)*/ {
  body { background: #fff none; }
  #header .header_logo img { max-width: 100%; }
  #header * { color: #fff !important; }
  #header .screen_logo { display: none; }
  #header .mobile_logo { display: block !important; }
   #headerContainer .esg-logo {position:relative; float:none; background-size: contain; background-repeat:no-repeat; width:100%; margin-bottom: 10px; top:0; right:0;}
  #headerContainer .esg-logo+.titles {display: block;}
  #navigation { text-align: left; }
  #navigationContainer { margin: 0; }
  #navigationContainer #navigation li a {color:#fff;}
  #contentWrapper { border-radius: 0; }
  #footer { background-color: #fff; color: #000; border-top: 1px solid #ddd; }
  #footer a { color: #056BB3; }
  #footer a:hover { color: #0094FF; }
  .broker-check-container {border-top: 1px solid #ddd; background:#FFF !important;color:#000 !important;margin:0;text-align: left;padding: .5em 1em;box-shadow: none;text-transform: none;}
  .broker-check-container .bc-wrapper a {color:#056BB3 !important; margin-left: 5px;text-transform: none;text-decoration: underline;}
}
/* TIER 2 less than 995px and iPad-landscape */
@media only screen and (max-width: 1010px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .sectionContainer { margin: 0; }
  #header { padding: 15px; }
}

/* TIER 3 less than 705px and iPad-portrait */
@media only screen and (max-width : 760px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  #header .advisor_info { clear: both; }
  #header .titles { margin-top: 1em; }
  #sliderContainer { display: none; }
  #rightbar { float: left; clear: left; }
  #contentWrapper { float: right; }
}

/* TIER 4 less than 480px, and iPhone 4 */
@media only screen and (max-width : 480px) {
  /* color */
  #navigation ul { border-top: 1px solid #bbb; }
  #navigation li { border-bottom: 1px solid #bbb; }
  #navigation li a { text-decoration: none; font-weight: bold; color: #555; background: transparent url("../../northwestern_mutual/201212/images/mobile-button-bg.png") 100% 0 no-repeat; padding: .5em 1em; line-height: 25px; }
  #navigation li a:hover { text-decoration: none; font-weight: bold; color: #000; background: transparent url("../../northwestern_mutual/201212/images/mobile-button-bg.png") 100% -200px no-repeat; padding: .5em 1em; }
  #navigation { font-size: 14px; line-height: 23px; }
  #header h2, #header h3 { margin: 0 0 .1125em 0; padding: 0; line-height: normal; }
  #header h3 { font-size: 16px; font-weight: normal; }
  #header .contact_info { font-size: 12px; }
  /* geo */
  .index #contentContainer { overflow: hidden;}
  .index #blurbsContainer {display: none;}
  .sectionContainer { margin: 0; }
  #header { padding: 13px; }
  #header .header_logo { float: none; }
  #header .header_logo img { max-width: 100%; }
  #header .advisor_photo { display: block; margin:25px auto; max-width: 90%; }
  #header .advisor_photo_column { display: none; }
  #header .titles { display: block; text-align: left; margin: 1em; }
  #header .phone_numbers { margin: 1em 0; }
  #header .contact_me { display: inline; }
  #header .contact_info { display: block; margin: 1em; }
  #header .social_networking_links { display: block; margin: 1em; }
  #header .social_networking_links h2 { display: none; }
  #navigation .mobile { display: block; }
  #navigation .mobile li { display: block; }
  #navigation .non_mobile { display: none; }
  #leftbar, #rightbar, #sidebar { display: none; }
  #contentWrapper { margin: 0; float: none; width: auto !important; }
  #content { padding: 1em; border-radius: 0; }
  #footer { padding: 1em; }
  #nm_footer_disclosure_link_container { display: inline !important; }
  #nm_footer_disclosure { display: none; }
  #nm_footer_disclosure.open { display: block; }
}
@media print {
  body { background: #fff none; }
  #header .screen_logo { display: none; }
  #header .print_logo { display: block !important; }
  a { color: #000; text-decoration: underline; }
  #container { width: 100%; margin: 1em 1em 1em 0; padding: 0; background-image: transparent none; }
  #navigationContainer, #sliderContainer, #sidebar, #leftbar, #rightbar, .addthis_toolbox, .noPrint { display: none; }
  .advisor_photo { float: left; margin: 1em 1em 1em 0; }
  #header ul { list-style-type: none; }
  #footer, #footer a { font-size: 90%; color: #777; }
  #footerLinks { display: none; }
  #blurbsContainer { display: none; }
  .sectionContainer, .section { width: 100%; margin: 0; float: none; clear: both; background: transparent none; margin: 1em 0; padding: 0; position: static; }
}