@charset "UTF-8";
/* SmartAsset stylesheets */
/*
 * Core CSS files -- added via head.html
 * File order is important and should match file ordering in head.html.
*/
/*
 *
 *    Constants used for setting Brand Variables
 *
 *    Note: When applying styles, please only use the brand variables
 *      found in the "[widget_]variable.css" files).
 *      By only using semantic brand variables to style, and
 *      only using these constants to set set those variables,
 *      we are able to change all values with a single switch.
 *
 */
/*
 *
 *    Brand Variables used across the Site
 *
 */
/*
 *  Typography
 */
/*
 *  Begin General Button Styles
 */
button {
  cursor: pointer;
  box-sizing: border-box;
  padding: 6px 12px;
  border: none;
  border-radius: 4px;
  background-color: #20A7E2;
  box-shadow: none;
  font-size: 16px;
  font-family: inherit;
  text-transform: uppercase;
  white-space: nowrap;
  color: #ffffff; }
  button:hover {
    background-color: #228ABA; }
  button:focus {
    outline: none; }

/*
 *  End General Button Styles
 */
/*
 *    Common Styles for all projects (SA.com, Captivate & CNN)
 *    Local overrides in "[widget_]base.css"
 */
/** ======= Structure Styles ======= **/
/* Background Color */
.sa-bg-primary {
  background-color: #ffffff; }

.sa-bg-secondary {
  background-color: #f4f4f6; }

.sa-bg-highlighted {
  background-color: #20a7e2; }

/** ======= Typography Styles ======= **/
/**
    1. Apply semantic styles for standard experiences
    2. Apply simple styles where needed
**/
/** ----- Semantic Styles ----- **/
/* Headers */
/* Body Text */
.sa-answer-text {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400; }

.sa-answer-title {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600; }

.sa-answer-data {
  color: #20A7E2;
  font-weight: 600; }

/* Links */
.sa-link:hover,
.sa-link-muted:hover {
  cursor: pointer;
  text-decoration: underline; }

.sa-link {
  color: #20A7E2;
  text-decoration: none; }

.sa-link-muted {
  color: #8c8c8c;
  text-decoration: underline; }

/* Disclosures & Sources */
.sa-disclosure {
  display: block;
  margin: 5px 0;
  color: #8c8c8c;
  font-size: 12px;
  line-height: 1;
  font-weight: 100; }

.sa-disclosure:after {
  /* Clearfix */
  content: ' ';
  display: block;
  clear: both; }

.sa-disclosure-hover {
  color: #8c8c8c;
  font-size: 12px;
  line-height: normal;
  font-weight: 300; }

.sa-disclosure-attribution {
  float: right;
  color: #8c8c8c;
  font-size: 12px;
  line-height: normal;
  font-weight: 300; }

.sa-disclosure-hover:hover {
  color: #333;
  cursor: pointer; }

.sa-source {
  color: #8c8c8c;
  font-size: 12px;
  line-height: normal;
  font-weight: 300;
  font-style: italic; }

/* Data Points */
.sa-data-pill {
  display: inline-block; }

.sa-data-pill:not(:last-of-type):after {
  content: "\2022";
  /* Symbol for bullet point */
  padding: 0 4px; }

/** ----- Simple Styles ----- **/
/* Font Family */
.sa-font-primary {
  font-family: 'proxima-nova', sans-serif; }

.sa-font-decorative {
  font-family: 'museo-sans', sans-serif; }

/* Font Size */
.sa-font-smallest {
  font-size: 8px; }

.sa-font-smaller {
  font-size: 10px; }

.sa-font-small {
  font-size: 12px; }

.sa-font-big {
  font-size: 16px; }

.sa-font-bigger {
  font-size: 20px; }

.sa-font-biggest {
  font-size: 24px; }

.sa-font-huge {
  font-size: 36px; }

.sa-font-giant {
  font-size: 48px; }

/* Font Weight */
.sa-font-weak {
  font-weight: 100; }

.sa-font-medium {
  font-weight: 300; }

.sa-font-stark {
  font-weight: 500; }

.sa-font-strong {
  font-weight: 600; }

/* Font Color */
.sa-font-dark {
  color: #333; }

.sa-font-muted {
  color: #8c8c8c; }

.sa-font-light {
  color: #ffffff; }

.sa-font-highlighted {
  color: #20a7e2; }

.sa-font-highlighted-alt {
  color: #ff7226; }

.sa-font-warning {
  color: #e48f25; }

.sa-font-negative {
  color: #f2364d; }

.sa-font-positive {
  color: #54ba6c; }

/* Line Height */
.sa-font-tight {
  line-height: 1; }

.sa-font-taut {
  line-height: 1.125; }

.sa-font-snug {
  line-height: normal; }

.sa-font-slack {
  line-height: 1.5; }

.sa-font-loose {
  line-height: 2; }

/* Other */
.sa-font-emphasized {
  font-style: italic; }

.sa-text-segment {
  white-space: nowrap; }

/* For protecting text from line breaks */
.sa-text-break {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word; }

/* For forcing line breaks */
/** ======= Interactive Input Styles ======= **/
/**
    1.  For automatically formatting inputs in interactive area
    2.  Add .sa-filter-inputs to the base element
    3.  To create a link to hide/show more inputs add
        .sa-filter-more-link as a child of .sa-filter-inputs
        and .sa-filter-more-target on the targeted input
        (Note: be sure to add the js portion as well)
**/
/* ----- Structure ----- */
.sa-filter-inputs > div {
  display: table;
  width: 100%; }

.sa-filter-inputs > div > div {
  display: table-cell;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid transparent;
  vertical-align: top;
  background-color: #f4f4f6;
  background-clip: padding-box; }

.sa-filter-inputs > div > div:first-of-type {
  border-left: none; }

.sa-filter-inputs > div > div:last-of-type {
  border-right: none; }

/* ----- Labels ----- */
.sa-filter-inputs .label,
.sa-filter-inputs label {
  font-size: 13px;
  font-weight: 400;
  line-height: normal; }

.sa-filter-inputs .label {
  margin-bottom: 4px; }

/* ----- More Inputs Link ----- */
.sa-filter-inputs .sa-filter-more-link {
  text-align: center;
  color: #20a7e2;
  font-size: 15px;
  cursor: pointer; }

.sa-filter-inputs .sa-filter-more-link:hover {
  background-color: #e8e8e8; }

.sa-filter-inputs .sa-filter-more-link:before {
  display: inline-block;
  margin-right: 5px;
  font-family: FontAwesome, sans-serif;
  font-size: inherit; }

.sa-filter-inputs .sa-filter-more-link:not(.is-closed):before {
  content: "\f106";
  /* Down Chevron */ }

.sa-filter-inputs .sa-filter-more-link.is-closed:before {
  content: "\f107";
  /* Up Chevron */ }

.sa-filter-inputs .sa-filter-more-target.is-closed {
  display: none; }

@media (max-width: 460px) {
  .sa-filter-inputs > div {
    display: block; }
  .sa-filter-inputs > div > div {
    display: block;
    width: 100%;
    border-right: none;
    border-left: none; } }

/** ======= Chart Styles ======= **/
/* Container */
.sa-chart-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.sa-chart-container.sa-chart-container-small {
  height: 100px; }

.sa-chart-container.sa-chart-container-large {
  height: 350px; }

/* Typography */
.sa-chart-title {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300; }

.sa-chart-legend {
  font-size: 14px;
  line-height: 1.2; }

/** ======= Rates Tables Styles ======= **/
/**
    1.  For automatically formatting rates tables
    2.  Add .sa-table to the table element
    3.  Add .sa-table-header to the header table element
        and .sa-table-header-sortable to sortable cells
    3.  Add .sa-table-listing to each listing
    4.  Add .sa-table-featured to featured listings (background color)
    5.  Add .sa-table-sponsored to add "Sponsored" text to
        the top of the listing. Set text in local css file
    6.  Add .sa-table-border to any td where borders
        are not automatically placed (usually buttons)
    7.  Add .sa-table-name to the name of each listing
    8.  Add .sa-table-logo to the td containing the logo
        (.sa-table-logo-small and .sa-table-logo-big also available)
    9.  Add .sa-table-more-padding for extra vertical padding on listing
    10. Add .sa-table-no-side-padding to remove right and left padding
**/
/** ----- Table Body Structure ----- **/
.sa-table {
  width: 100%;
  vertical-align: middle; }

/* Borders */
.sa-table .sa-table-listing:not(:last-of-type) tr:last-of-type td,
.sa-table .sa-table-listing:not(:last-of-type) .sa-table-border {
  border-bottom: 1px solid #cccccc; }

/* Padding */
.sa-table-listing tr td:not(.sa-button-narrow-box) {
  padding-top: 3px;
  padding-bottom: 3px; }

.sa-table-listing:not(.sa-table-no-side-padding) tr td:first-of-type {
  padding-left: 10px; }

.sa-table-listing tr td:not(.sa-button-narrow-box):not(.sa-button-wide-box) {
  padding-right: 10px; }

.sa-table-listing:not(.sa-table-no-side-padding) tr td.sa-button-wide-box {
  padding-right: 10px; }

.sa-table-listing tr:first-of-type td {
  padding-top: 5px; }

.sa-table-listing tr:last-of-type td {
  padding-bottom: 5px; }

.sa-table-listing.sa-table-more-padding tr:first-of-type td {
  padding-top: 8px; }

.sa-table-listing.sa-table-more-padding tr:last-of-type td {
  padding-bottom: 8px; }

/* Scroller */
.table-scroller {
  height: auto;
  min-height: 180px;
  max-height: 240px; }

.table-scroller.table-scroller-shortened {
  min-height: 0;
  max-height: 200px; }

.table-scroller.table-scroller-extended {
  min-height: 200px;
  max-height: 400px; }

.table-scroller.table-scroller-full {
  max-height: none; }

/** ----- Table Images ----- **/
.sa-table-logo img {
  max-width: 100px;
  max-height: 60px;
  padding-right: 10px;
  border: none;
  /* Remove default blue border on IE */
  outline: none;
  /* Remove default blue border on IE */
  vertical-align: middle; }

.sa-table-logo.sa-table-logo-small img {
  max-width: 80px;
  max-height: 45px; }

.sa-table-logo.sa-table-logo-big img {
  max-width: 120px;
  max-height: 70px; }

@media (max-width: 649px) {
  .sa-table-logo img {
    max-width: 70px;
    max-height: 40px;
    padding-right: 5px; }
  .sa-table-logo.sa-table-logo-small img {
    max-width: 50px;
    max-height: 30px; }
  .sa-table-logo.sa-table-logo-big img {
    max-width: 90px;
    max-height: 55px; } }

/** ----- Table Header / Title Structure ----- **/
.sa-table-title {
  display: block;
  width: 100%;
  margin-top: 5px;
  padding-bottom: 2px; }

.sa-table-header {
  width: 100%; }

/* Padding */
.sa-table-header td {
  /* Widths set via JS */
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  background-color: #f4f4f6;
  vertical-align: top; }

.sa-table-header tr td:first-of-type {
  padding-left: 10px; }

/* Borders */
.sa-table-header,
.sa-table-header + .sa-table,
.sa-table-header + .table-scroller {
  border-bottom: 2px solid #ccc; }

.sa-table-title,
.sa-table-title + .sa-table,
.sa-table-title + .table-scroller {
  border-bottom: 1px solid #ccc; }

/* Sorting Arrows */
.sa-table-header td.sa-table-header-sortable:hover {
  cursor: pointer;
  color: #333; }

.sa-table-header td.sa-table-header-sortable div {
  display: inline-block;
  position: relative; }

.sa-table-header td.sa-table-header-sortable.asc div,
.sa-table-header td.sa-table-header-sortable.desc div {
  padding-right: 14px;
  color: #333; }

.sa-table-header td.sa-table-header-sortable.asc div:after,
.sa-table-header td.sa-table-header-sortable.desc div:after {
  position: absolute;
  top: 50%;
  right: 0; }

.sa-table-header td.sa-table-header-sortable.desc div:after {
  margin-top: -10px;
  font-family: FontAwesome, sans-serif !important;
  content: ""; }

.sa-table-header td.sa-table-header-sortable.asc div:after {
  margin-top: -5px;
  font-family: FontAwesome, sans-serif !important;
  content: ""; }

/** ----- Typography ----- **/
.sa-table-title {
  font-size: 16px;
  line-height: normal;
  font-weight: 600; }

.sa-table-header {
  font-size: 12px;
  line-height: normal;
  font-weight: 500;
  font-style: normal;
  text-align: left;
  text-transform: uppercase;
  color: #8c8c8c; }

.sa-table .sa-table-listing {
  font-size: 14px;
  line-height: normal;
  font-weight: 100; }

.sa-table .sa-table-listing .sa-table-name {
  font-weight: 600; }

.sa-table-message {
  padding: 20px;
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  text-align: center;
  color: #8c8c8c; }

/** ----- Featured Listings (aka "Premium" listings) ----- **/
.sa-table-listing.sa-table-featured td:not(.sa-button-narrow-box) {
  background-color: #ecf5f9; }

/** ----- Sponsored Label ----- **/
/**
    1. Adds the "sponsored" text to a listing
    2. Add .sa-table-sponsored to listing
    3. Assumes that the last cell in the first
       row will always be .sa-button-narrow-box
**/
/* Default Text */
.sa-table-listing.sa-table-sponsored tr:first-of-type td:nth-last-of-type(2):before,
.sa-table-listing.sa-table-sponsored tr:first-of-type td:nth-of-type(1):before {
  content: 'Sponsored'; }

/* Font */
.sa-table-listing.sa-table-sponsored tr:first-of-type td:nth-last-of-type(2):before,
.sa-table-listing.sa-table-sponsored tr:first-of-type td:nth-of-type(1):before {
  font-size: 12px;
  line-height: 1;
  font-weight: 100;
  text-transform: uppercase;
  color: #cccccc; }

/* Position */
.sa-table-listing.sa-table-sponsored tr:first-of-type td:nth-last-of-type(2) {
  position: relative; }

.sa-table-listing.sa-table-sponsored tr:first-of-type td:nth-last-of-type(2):before {
  position: absolute;
  top: 6px;
  right: 12px;
  text-align: right; }

.sa-table-listing.sa-table-more-padding.sa-table-sponsored tr:first-of-type td:nth-last-of-type(2):before {
  top: 9px; }

@media (max-width: 585px) {
  .sa-table-listing.sa-table-sponsored tr:first-of-type td:nth-of-type(1):before {
    position: static;
    margin-bottom: 2px;
    line-height: normal;
    text-align: left; } }

/* Reserve Space for Label */
.sa-table-listing.sa-table-sponsored tr:first-of-type td:nth-last-of-type(2).sa-button-wide-box {
  padding-top: 24px;
  padding-bottom: 24px; }

.sa-table-listing.sa-table-more-padding.sa-table-sponsored tr:first-of-type td:nth-last-of-type(2).sa-button-wide-box {
  padding-top: 30px;
  padding-bottom: 30px; }

@media (min-width: 586px) {
  .sa-table-listing.sa-table-sponsored tr:first-of-type td:nth-of-type(1).sa-table-name {
    padding-right: 100px; } }

/* Hide Narrow */
.sa-table-listing.sa-table-sponsored tr:first-of-type td:nth-of-type(1):before {
  display: none; }

/* Show Wide */
.sa-table-listing.sa-table-sponsored tr:first-of-type td:nth-last-of-type(2):before {
  display: inline-block; }

@media (max-width: 585px) {
  /* Hide Wide */
  .sa-table-listing.sa-table-sponsored tr:first-of-type td:nth-last-of-type(2):before {
    display: none; }
  /* Show Narrow */
  .sa-table-listing.sa-table-sponsored tr:first-of-type td:nth-of-type(1):before {
    display: block; } }

/** ======= Button Logic ======= **/
/**
    1. Use .sa-button-hover-target to define the
       clickable area.
    2. Place wide button with:
          <td class="sa-button-wide-box">
            <span class="sa-button-wide-span">
            </span>
          </td>
    3. Place narrow button with:
          <td class="sa-button-narrow-box">
            <span class="sa-button-narrow-span">
            </span>
          </td>
    4. Locally set the wide button text with:
          .sa-button-wide-span:after
          {
              content: "Click Me!";
          }
    5. For alternative colors, add:
           .sa-button-red,
           .sa-button-orange,
           .sa-button-blue,
           .sa-button-navy or
           .sa-button-green
       on the .sa-button-wide-box AND
       .sa-button-narrow-box elements.
**/
/** ----- Hover Target ----- **/
.sa-button-hover-target {
  cursor: pointer; }

/** ----- Wide View Button ----- **/
.sa-button-wide-box {
  /* display: table-cell; */
  position: relative;
  width: auto;
  padding: 0;
  text-align: right;
  vertical-align: middle; }

.sa-button-wide-span,
.sa-button {
  display: inline-block;
  margin: 0;
  padding: 0 8px;
  border: 2px solid transparent;
  outline: none;
  border-radius: 4px;
  background-clip: border-box;
  box-shadow: none;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
  font-style: normal;
  font-family: inherit;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer; }

/** ----- Narrow View Button ----- **/
.sa-button-narrow-box {
  /* display: table-cell; */
  width: 25px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer; }

.sa-button-narrow-span {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  color: #ffffff;
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  white-space: nowrap; }

.sa-button-narrow-span:after {
  font-family: FontAwesome, sans-serif !important;
  content: '\f105';
  /* Right Chevron Symbol */ }

/** ----- Default Colors ----- **/
.sa-button-wide-box .sa-button-wide-span,
.sa-button-narrow-box,
.sa-button {
  background-color: #ff7226; }

.sa-button-hover-target:hover .sa-button-wide-box .sa-button-wide-span,
.sa-button-wide-box .sa-button-wide-span:hover,
.sa-button-hover-target:hover .sa-button-narrow-box,
.sa-button-narrow-box:hover,
.sa-button-hover-target:hover .sa-button,
.sa-button:hover {
  background-color: #ec6217; }

.sa-button.sa-button-inverted {
  border-color: #ff7226;
  color: #ff7226; }

.sa-button.sa-button-inverted:hover {
  background-color: #ff7226; }

/** ----- Alternative Colors ----- **/
.sa-button-wide-box.sa-button-orange .sa-button-wide-span,
.sa-button-narrow-box.sa-button-orange,
.sa-button.sa-button-orange {
  background-color: #ff7226; }

.sa-button-hover-target:hover .sa-button-wide-box.sa-button-orange .sa-button-wide-span,
.sa-button-wide-box.sa-button-orange .sa-button-wide-span:hover,
.sa-button-hover-target:hover .sa-button-narrow-box.sa-button-orange,
.sa-button-narrow-box.sa-button-orange:hover,
.sa-button-hover-target:hover .sa-button.sa-button-orange,
.sa-button.sa-button-orange:hover {
  background-color: #ec6217; }

.sa-button.sa-button-orange.sa-button-inverted {
  border-color: #ff7226;
  color: #ff7226; }

.sa-button.sa-button-orange.sa-button-inverted:hover {
  background-color: #ff7226; }

.sa-button-wide-box.sa-button-red .sa-button-wide-span,
.sa-button-narrow-box.sa-button-red,
.sa-button.sa-button-red {
  background-color: #D37059; }

.sa-button-hover-target:hover .sa-button-wide-box.sa-button-red .sa-button-wide-span,
.sa-button-wide-box.sa-button-red .sa-button-wide-span:hover,
.sa-button-hover-target:hover .sa-button-narrow-box.sa-button-red,
.sa-button-narrow-box.sa-button-red:hover,
.sa-button-hover-target:hover .sa-button.sa-button-red,
.sa-button.sa-button-red:hover {
  background-color: #964A38; }

.sa-button.sa-button-red.sa-button-inverted {
  border-color: #D37059;
  color: #D37059; }

.sa-button.sa-button-red.sa-button-inverted:hover {
  background-color: #D37059; }

.sa-button-wide-box.sa-button-blue .sa-button-wide-span,
.sa-button-narrow-box.sa-button-blue,
.sa-button.sa-button-blue {
  background-color: #20A7E2; }

.sa-button-hover-target:hover .sa-button-wide-box.sa-button-blue .sa-button-wide-span,
.sa-button-wide-box.sa-button-blue .sa-button-wide-span:hover,
.sa-button-hover-target:hover .sa-button-narrow-box.sa-button-blue,
.sa-button-narrow-box.sa-button-blue:hover,
.sa-button-hover-target:hover .sa-button.sa-button-blue,
.sa-button.sa-button-blue:hover {
  background-color: #228ABA; }

.sa-button.sa-button-blue.sa-button-inverted {
  border-color: #20A7E2;
  color: #20A7E2; }

.sa-button.sa-button-blue.sa-button-inverted:hover {
  background-color: #20A7E2; }

.sa-button-wide-box.sa-button-navy .sa-button-wide-span,
.sa-button-narrow-box.sa-button-navy,
.sa-button.sa-button-navy {
  background-color: #026A93; }

.sa-button-hover-target:hover .sa-button-wide-box.sa-button-navy .sa-button-wide-span,
.sa-button-wide-box.sa-button-navy .sa-button-wide-span:hover,
.sa-button-hover-target:hover .sa-button-narrow-box.sa-button-navy,
.sa-button-narrow-box.sa-button-navy:hover,
.sa-button-hover-target:hover .sa-button.sa-button-navy,
.sa-button.sa-button-navy:hover {
  background-color: #00496E; }

.sa-button.sa-button-navy.sa-button-inverted {
  border-color: #026A93;
  color: #026A93; }

.sa-button.sa-button-navy.sa-button-inverted:hover {
  background-color: #026A93; }

.sa-button-wide-box.sa-button-green .sa-button-wide-span,
.sa-button-narrow-box.sa-button-green,
.sa-button.sa-button-green {
  background-color: #54B96B; }

.sa-button-hover-target:hover .sa-button-wide-box.sa-button-green .sa-button-wide-span,
.sa-button-wide-box.sa-button-green .sa-button-wide-span:hover,
.sa-button-hover-target:hover .sa-button-narrow-box.sa-button-green,
.sa-button-narrow-box.sa-button-green:hover,
.sa-button-hover-target:hover .sa-button.sa-button-green,
.sa-button.sa-button-green:hover {
  background-color: #4EC96A; }

.sa-button.sa-button-green.sa-button-inverted {
  border-color: #54B96B;
  color: #54B96B; }

.sa-button.sa-button-green.sa-button-inverted:hover {
  background-color: #54B96B; }

.sa-button.sa-button-inverted {
  background-color: #ffffff; }

.sa-button.sa-button-inverted:hover {
  color: #ffffff; }

/** ----- Alternative Sizing ----- **/
.sa-button.sa-button-small,
.sa-button-wide-span.sa-button-small {
  padding: 0 4px;
  font-size: 12px; }

.sa-button.sa-button-big,
.sa-button-wide-span.sa-button-big {
  padding: 0 12px;
  font-size: 16px;
  font-weight: 400; }

.sa-button.sa-button-hero,
.sa-button-wide-span.sa-button-hero {
  padding: 8px 36px;
  font-size: 16px;
  font-weight: 400; }

.sa-button.sa-button-full,
.sa-button-wide-span.sa-button-full {
  display: block;
  width: 100%;
  white-space: normal; }

/** ----- Show/Hide Button Logic ----- **/
@media (min-width: 586px) {
  .sa-button-narrow-box {
    display: none; } }

@media (max-width: 585px) {
  .sa-button-wide-box {
    display: none; } }

/** ======= Element Styles ======= **/
.sa-loader:before {
  content: '';
  display: inline-block;
  width: 58px;
  height: 15px;
  background-image: url(/static/images/base/loader_ellipsis.gif); }

/** ======= Programmatic Styles ======= **/
/* ----- Initial Display Values ----- */
table:not(.js-table-initialized) .js-table-message,
table:not(.js-table-initialized) .js-table-listing-direct {
  display: none; }

table:not(.js-table-initialized) .js-table-loading {
  display: block; }

.js-hidden {
  display: none !important; }

/** ======= Other Styles ======= **/
.sa-hide-pixel {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: none !important;
  outline: none !important; }

/**
 ************************************************************
 * This is the BASE CSS file, that will exist on EVERY page
 ************************************************************
 * DO NOT ADD MODIFY THIS FILE, BEFORE CHECKING WITH PC
 ************************************************************
 *
 ************************************************************
 */
/* ===== Page Typography ===== */
html {
  color: #333;
  font-family: "proxima-nova", sans-serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased; }

input, textarea, keygen, select {
  color: inherit;
  font-family: inherit; }

h1 {
  font-family: "museo-sans", sans-serif;
  font-size: 45px;
  line-height: 1;
  font-weight: 300; }

h2 {
  margin-top: 1.625rem;
  margin-bottom: 0.8125rem;
  font-size: 1.5625rem;
  line-height: 2.03125rem;
  font-weight: 700; }

h3 {
  margin-top: 1.625rem;
  margin-bottom: 0.8125rem;
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 700; }

h4 {
  margin-top: 1.625rem;
  margin-bottom: 0.8125rem;
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 700; }

p {
  margin-top: 1.625rem;
  margin-bottom: 1.625rem;
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 400; }

h2 + p,
h3 + p,
h4 + p {
  margin-top: 0.8125rem;
  margin-bottom: 1.625rem; }

b, strong {
  font-weight: 700; }

a {
  color: #20A7E2;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a img {
  border: none; }

hr {
  width: 100%;
  border: none;
  border-top: 1px solid #cccccc;
  margin-top: 2.4375rem;
  margin-bottom: 2.4375rem; }

ul, ol {
  padding-left: 3rem;
  margin-top: 0.8125rem;
  margin-bottom: 0.8125rem;
  font-size: 1rem;
  line-height: 1.625rem; }

li {
  margin-top: 0.8125rem;
  margin-bottom: 0.8125rem; }

@media (max-width: 758px) {
  h1 {
    font-size: 1.95312rem;
    line-height: 2.4375rem; }
  ul, ol {
    padding-left: 2rem; } }

/* ===== CTA links ===== */
.cta-link {
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  padding: 2px 14px;
  border: none;
  border-radius: 4px;
  background-color: #D37059;
  box-shadow: none;
  font-size: 16px;
  font-family: inherit;
  white-space: nowrap;
  color: #ffffff; }
  .cta-link:hover {
    background-color: #b15e4a;
    text-decoration: none; }

/* ===== Page Structure ===== */
body {
  position: relative;
  padding: 0;
  margin: 0;
  background: #f4f4f6; }

body.locked {
  overflow: hidden; }

.container {
  position: relative;
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }

.main {
  position: relative;
  display: block;
  padding-top: 80px;
  padding-bottom: 150px;
  box-sizing: border-box; }

.main .content {
  position: relative;
  box-sizing: border-box; }

.main .content:after {
  content: ' ';
  display: block;
  clear: both; }

.main.content-page .content h1 {
  margin-top: 71px;
  margin-bottom: 34px;
  margin-left: 0;
  text-align: center; }

.main.content-page .content {
  width: 940px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto; }

.main .left-column {
  width: 940px;
  margin-left: 10px;
  box-sizing: border-box;
  float: left; }

.main .right-column {
  position: relative;
  /* needed for sticky ad unit behavior SA-12192 */
  width: 300px;
  margin-right: 10px;
  box-sizing: border-box;
  float: right; }
  .main .right-column .right-column-sticky_slot {
    position: relative;
    width: 300px;
    /* SA-12192 sticky right rail (AB test) -- "sa-12192" class used for conditional CSS */
    /* if sticky right rail is implemented fully (i.e. no AB test), then sa-12192 class should be removed */ }
    .main .right-column .right-column-sticky_slot.sticky_slot--02.sa-12192 {
      /* NOTE: margin-top must be given in px in order for rightcolumn.js sticky calculations to work */
      margin-top: 100px;
      /* extra space above second sticky slot */ }

.interaction {
  /* Prefixes for IE10 */
  display: -ms-flexbox;
  -ms-flex-direction: row;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden; }

.interaction > div {
  /* Prefix for IE10 */
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

#inputs-container {
  position: relative;
  width: 240px;
  height: auto;
  box-sizing: border-box; }

#interaction-container {
  position: relative;
  width: 700px;
  height: auto;
  min-height: 350px;
  box-sizing: border-box; }

#inputs-content {
  position: relative;
  width: 100%;
  height: 100%; }

.site-bottom {
  width: 0;
  height: 0;
  overflow: hidden; }

@media (max-width: 1300px) {
  .container {
    width: 1100px; }
  .main .left-column {
    width: 758px; }
  #inputs-container {
    width: 220px; }
  #interaction-container {
    width: 538px; } }

@media (max-width: 1120px) {
  .container {
    width: 758px; }
  .main.content-page .content {
    width: 100%; }
  .main .left-column,
  .main .right-column {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: none; }
  .main .right-column {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center; }
    .main .right-column .right-column-sticky_slot {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-direction: row;
      flex-direction: row;
      align-items: center;
      width: unset; } }

@media (max-width: 758px) {
  body {
    background: #fff; }
  .container {
    width: 100%;
    min-width: 280px; }
  .main {
    padding-top: 50px;
    padding-bottom: 50px; }
  .main.content-page .content {
    width: 300px; }
  .main .left-column,
  .main .right-column {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px; }
  .interaction,
  .interaction > div {
    display: block;
    position: relative;
    overflow: visible; }
  #inputs-container {
    position: absolute;
    display: none;
    width: 100%;
    height: auto; }
  #interaction-container {
    width: 100%; } }

/* --- Styles for the "no-inputs" class --- */
/* Hides the inputs-container and resizes the interaction-container */
body.no-inputs #inputs-container {
  display: none; }

body.no-inputs #interaction-container {
  width: 940px; }

@media (max-width: 1300px) {
  body.no-inputs #interaction-container {
    width: 758px; } }

@media (max-width: 758px) {
  body.no-inputs #interaction-container {
    width: 100%; } }

/* --- Styles for seocontent sections --- */
.seocontent {
  margin-top: 1.625rem;
  margin-bottom: 3.25rem; }

.seocontent > *:first-child,
.seocontent > a:first-child + *,
.seocontent > div:first-child + * {
  margin-top: 0; }

.content-container.seocontent {
  margin-top: 0; }

.content-container {
  float: left;
  max-width: 758px; }

@media (max-width: 758px) {
  .seocontent {
    margin-top: 1.625rem;
    margin-bottom: 1.625rem; }
  .content-container {
    float: none;
    max-width: none;
    margin-left: auto;
    margin-right: auto; } }

/* ===== Page Anchor Points ===== */
a.stop {
  position: absolute;
  display: block;
  visibility: hidden;
  height: 100px;
  /*same height as header*/
  margin-top: -100px;
  /*same height as header*/
  pointer-events: none; }

a.stop.map {
  height: 75px;
  margin-top: -75px; }

a.stop.high {
  height: 140px;
  margin-top: -140px; }

#debug-box {
  width: 97%;
  background: #fff;
  max-height: 400px;
  overflow: scroll;
  padding: 1%;
  border: 1px solid red;
  word-wrap: break-word;
  font-family: courier serif, courier new;
  font-size: 12px; }

.main .above-title {
  margin: 5px 10px 40px 8px; }

.main h1.title {
  padding: 0 10px;
  margin: 35px 0 20px 0;
  box-sizing: border-box; }

.main .subtitle {
  padding: 0 10px;
  margin-top: 0;
  margin-bottom: 25px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.3;
  font-weight: normal; }

@media (max-width: 1120px) {
  .main h1.title,
  .main .subtitle {
    padding: 0; } }

@media (max-width: 758px) {
  .main h1.title,
  .main .subtitle {
    padding: 0 10px; } }

.content.top {
  margin-top: 100px; }

.clearfix:after {
  content: " ";
  display: block;
  clear: both; }

.liner {
  margin-top: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px; }

img.lighborder {
  border: 1px solid #ddd; }

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.centered {
  text-align: center; }

.justified {
  text-align: justify; }

/* ===== Right Rail Content Styles ===== */
.main .sharing.right-col,
.main .next-steps,
.main .side-links,
.main .side-links-group,
.main .other-tools,
.main .smartasset-tools,
.main .sa-captivate-box {
  margin-bottom: 20px; }

.main .smartasset-tools .title,
.main .other-tools .title,
.main .side-links .title,
.main .next-steps .title,
.main .next-tiles-title,
.main .blog-related .title {
  display: block;
  margin-top: 0;
  margin-bottom: 10px;
  color: #8c8c8c;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase; }

ul.sa_links,
.side-links ul,
.next-steps ul {
  padding-left: 0;
  margin: 0;
  font-size: 16px;
  line-height: normal;
  font-weight: 500; }

.sa_links li,
.side-links li,
.next-steps li {
  position: relative;
  display: block;
  list-style: none;
  padding: 10px 0 10px 15px;
  border-top: 1px solid #ccc;
  margin: 0; }

.sa_links li:before,
.side-links li:before,
.next-steps li:before {
  position: absolute;
  display: block;
  left: 2px;
  top: 10px;
  content: "\f105";
  /* FontAwesome char code inside the '' */
  color: #20a7e2;
  font-family: FontAwesome, sans-serif;
  /* FontAwesome or whatever */
  font-size: 16px; }

@media (max-width: 1120px) {
  .main .next-steps,
  .main .side-links,
  .main .other-tools,
  .main .smartasset-tools {
    margin-left: 20px; }
  .main .next-steps,
  .main .side-links {
    margin-left: 40px;
    max-width: 300px; }
  .main .next-steps.second {
    display: none; } }

@media (max-width: 758px) {
  .main .next-steps,
  .main .side-links,
  .main .other-tools,
  .main .smartasset-tools {
    margin-left: 0; }
  .main .next-steps,
  .main .side-links {
    float: none; } }

/* ===== Breadcrumb Styles ===== */
.breadcrumbs {
  margin: 22px 0 10px 10px;
  color: #8c8c8c;
  font-size: 0.8rem;
  line-height: 1.21875rem;
  text-transform: uppercase; }

.breadcrumbs a {
  margin-right: 5px;
  margin-left: 5px;
  color: #8c8c8c; }

.breadcrumbs a:first-child {
  margin-left: 0; }

.breadcrumbs a:hover,
.breadcrumbs a.last {
  color: #333; }

.breadcrumbs a.last:hover {
  text-decoration: none;
  cursor: default; }

@media (max-width: 758px) {
  .breadcrumbs {
    display: none; } }

/* ===== E-Tabs Styles ===== */
.etabs {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eeeeee; }

.tab {
  display: inline-block;
  zoom: 1;
  padding: 4px 10px 3px 10px;
  margin: 0;
  border: solid 1px transparent;
  border-bottom: none; }

.tab a {
  font-size: 14px;
  color: #8c8c8c;
  line-height: 2em;
  display: block;
  padding: 0 10px;
  outline: none;
  text-decoration: none; }

.tab:hover {
  text-decoration: none;
  background-color: #f4f4f4; }

.tab.active {
  background: #fff;
  position: relative;
  top: 1px;
  border-color: #eeeeee; }

.tab a.active {
  color: #333; }

.tab-container {
  margin-top: 1.625rem;
  margin-bottom: 1.625rem; }

.tab-container > div {
  padding: 1.625rem;
  border: 1px solid #eee;
  background-color: #ffffff;
  box-sizing: border-box;
  border-top: none; }

.tab-container > div > *:first-child {
  margin-top: 0; }

.tab-container > div > *:last-child {
  margin-bottom: 0; }

@media (max-width: 758px) {
  .tab-container > div {
    padding: 0.8125rem;
    border-left: none;
    border-right: none; } }

.captivate-container {
  padding: 1.625rem;
  border: 1px solid #eee;
  background-color: #ffffff;
  box-sizing: border-box; }

.debug-box {
  border: 1px solid #ccc;
  padding: 10px; }

#infinite-scroller {
  display: none;
  /** this will work in staging & production, but not on your local machine **/
  background: url(/static/images/base/loader32.gif) no-repeat center;
  height: 120px; }

/* ===== Nano Scroller Custom Styles Override ===== */
.nano:hover > .nano-pane,
.nano-pane.active,
.nano-pane.flashed {
  opacity: 0.4; }

body .nano > .nano-pane {
  width: 8px;
  background: transparent; }

#inputs-container.nano > .nano-content {
  right: 0;
  margin-right: -20px;
  padding-right: 20px; }

#inputs-container.nano > .nano-pane {
  width: 5px; }

#inputs-container.nano > .nano-pane > .nano-slider {
  background: #333;
  background: rgba(0, 0, 0, 0.6); }

/* ===== Loading Indicator Styles ===== */
#loading-overlay {
  font-family: "proxima-nova",sans-serif;
  font-style: normal;
  text-transform: uppercase;
  z-index: 500000;
  width: 100%;
  position: fixed;
  left: 0;
  top: -2px;
  display: none; }

#loading-overlay div > span {
  background-image: url(/images/base/smload.gif);
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: -3px; }

#loading-overlay div {
  background: #fff;
  color: #8c8c8c;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  width: 200px;
  height: 13px;
  border: 1px solid #8c8c8c;
  padding: 10px 10px 12px 5px;
  margin-left: auto;
  margin-right: auto; }

.spacer {
  padding: 0;
  margin: 0; }
  .spacer.s2 {
    height: 2px; }
  .spacer.s5 {
    height: 5px; }
  .spacer.s10 {
    height: 10px; }
  .spacer.s15 {
    height: 15px; }
  .spacer.s20 {
    height: 20px; }

/***** sharing box *****/
.main .sharing div.share-numbers {
  display: none; }

.main .blog-content .sharing .numeric div.share-numbers {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  float: none; }

.static-pg .main .seo-content .sharing .numeric div.share-numbers {
  float: none;
  display: block;
  margin: 0 auto 5px auto; }

.main .seo-content .sharing .numeric div.share-numbers {
  margin-right: 5px; }

.main .sharing .numeric div.share-numbers {
  display: block;
  float: left;
  border: 1px solid #bbb;
  border-radius: 4px;
  width: auto;
  padding: 6px 6px 4px;
  margin-top: 1px;
  font-size: 12px;
  color: #666; }

.bottom-more {
  text-align: right;
  margin-bottom: 5px; }

.bottom-more .more {
  display: inline-block;
  background: #D37059;
  color: #fff;
  border-radius: 4px;
  padding: 4px 8px;
  font-weight: 100;
  font-size: 13px;
  cursor: pointer;
  text-decoration: none; }

.bottom-more .more:hover {
  background: #964A38; }

.sharing.right-col {
  float: none;
  width: 300px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  margin-right: 0; }

.interactive-page .sharing.right-col,
.bottom-right .sharing.right-col {
  padding-bottom: 0;
  border-bottom: none; }

.sharing.right-col b.title {
  display: block;
  float: left;
  padding-top: 8px;
  color: #8c8c8c;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase; }

.sharing.right-col .blog-sharing {
  margin-top: 0;
  margin-left: 10px; }

.sharing.right-col > div {
  display: block;
  float: left;
  width: 220px; }

.sharing.right-col > div img {
  float: left;
  margin-left: 10px; }

.sharing.right-col > div .numeric img {
  margin-left: 5px; }

.sharing {
  float: left;
  width: 60px;
  margin-right: 20px;
  text-align: center; }

.sharing b.title {
  display: block;
  color: #8c8c8c;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase; }

.sharing .blog-sharing {
  margin-top: 10px; }

.sharing .blog-sharing img {
  width: 30px;
  height: 30px;
  margin-bottom: 2px;
  border: 0; }

.sharing .blog-sharing img:hover {
  background-position: -30px 0;
  cursor: pointer; }

/******************************************************************************

         ** FONT STYLES **

******************************************************************************/
.proxima {
  font-family: "proxima-nova",sans-serif; }

.museo {
  font-family: "museo-sans",sans-serif; }

/******************************************************************************

         ** Responsive page Media Queries. Handle with care! **

******************************************************************************/
@media (max-width: 1300px) {
  .seo-content .sharing {
    width: 100%;
    float: none;
    margin-bottom: 15px; }
  .seo-content .sharing b.title {
    margin-top: 7px; }
  .seo-content .sharing img,
  .seo-content .sharing b.title {
    float: left;
    margin-right: 10px; }
  .seo-content .sharing b.title {
    font-weight: 400;
    font-size: 13px;
    color: #8c8c8c; }
  .seo-content .sharing .blog-sharing {
    margin-top: 10px; }
  .seo-content .sharing .blog-sharing img {
    width: 30px;
    height: 30px;
    margin-bottom: 2px; }
  .static-pg .main .seo-content .sharing .numeric div.share-numbers {
    float: left;
    display: inline-block;
    margin: 0 5px 5px 0; } }

@media (max-width: 1120px) {
  .hide-in-tablet {
    display: none; }
  .main .blog-content .sharing .numeric div.share-numbers {
    display: block;
    float: left;
    margin-top: 0; }
  .hide-tablet {
    display: none; }
  #main-container .sharing {
    display: none; } }

.inputs-button {
  display: none; }

/******************************************************************************

     ** Customized slider **

******************************************************************************/
body .smartasset-ui .range-slider {
  margin-top: 9px; }

body .smartasset-ui .noUi-base {
  cursor: pointer; }

body .smartasset-ui .noUi-background {
  box-shadow: none; }

body .smartasset-ui .noUi-target.noUi-connect {
  box-shadow: none; }

body .smartasset-ui .noUi-horizontal {
  height: 7px;
  border: none;
  border-radius: 4px;
  background: #cdcdcd; }

body .smartasset-ui .noUi-handle:after,
body .smartasset-ui .noUi-handle:before {
  content: "";
  display: none; }

body .smartasset-ui .noUi-horizontal .noUi-handle {
  width: 18px;
  height: 20px;
  left: -9px;
  top: -5px; }

body .smartasset-ui .noUi-horizontal .noUi-handle,
body .smartasset-ui .ui-slider-horizontal .ui-slider-handle {
  width: 16px;
  height: 16px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
  cursor: pointer;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAQCAYAAABQrvyxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MGQ1Y2JkMi00YmYzLTQxYzAtYTNmZS1iZWZhMzc1Y2U0NGIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzhFRTVGNUE2Q0VDMTFFNEIxNThFMURCNERGNkJEMDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzhFRTVGNTk2Q0VDMTFFNEIxNThFMURCNERGNkJEMDAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OGZmYjU4ZC03Y2I2LTQ3NjEtYWE5NS04NWM0YmU3M2Y3YmYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTBkNWNiZDItNGJmMy00MWMwLWEzZmUtYmVmYTM3NWNlNDRiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QCdTAwAAASZJREFUeNrUlsEJwjAUhl9Dz1489iDuUHQAKc6gZy9O4AxO0EvP9eAE0gksHcCbKLhAJ/BF/krsITQvQugPj9DQr7w/NMkfUU+z02PBw44r40ow/eKquIrHZlaTRfPjxcrfD2sr3zSNlU/T9IePjMYnPORcW7Kr5NqzkbbXuBPPRtpe4048G2m/BtC8drigYdKrkHUm0Lwz35lA8868NqEwkTvAhHdz4zkYH+Gfv5JMS/W8kQ9/Xk29+BgbRiof9i98jN0uVebZgDcfG0eVRIlnA968opFL4ZKQ6hWaVzh/papC89pA4fGBIjSvkG1KAVxqFtlGxGsW2UbEa7bbxHtcz0NVg6HQ/McAMk02cCVKMwdpIdM48WaYQzBz4n/C3Jjj9FuAAQBSO5RKbEZZkAAAAABJRU5ErkJggg=="); }

body .smartasset-ui .noUi-horizontal .noUi-handle:hover,
body .smartasset-ui .ui-slider-horizontal .ui-slider-handle.ui-state-hover {
  background-position: -16px 0; }

body .smartasset-ui .noUi-horizontal.noUi-extended {
  padding-right: 16px; }

body .smartasset-ui .noUi-horizontal.noUi-extended .noUi-handle {
  left: -1px; }

body .smartasset-ui .noUi-horizontal.noUi-extended .noUi-origin {
  right: -1px;
  background-color: #e6e6e6;
  border-radius: 0 4px 4px 0;
  margin-right: -15px; }

body .smartasset-ui .ui-widget-content {
  border: none; }

body .smartasset-ui .ui-slider-horizontal {
  height: 7px;
  background: #e6e6e6;
  margin-right: 16px;
  border-radius: 5px; }

body .smartasset-ui .ui-slider-horizontal.extended {
  border-radius: 5px 0 0 5px; }

body .smartasset-ui .ui-slider-horizontal .extension {
  position: absolute;
  top: 0;
  right: -16px;
  width: 16px;
  height: 7px;
  background: #e6e6e6;
  border-radius: 0 5px 5px 0; }

body .smartasset-ui .ui-widget-header {
  border-radius: 5px 0 0 5px;
  background: #cdcdcd; }

body .smartasset-ui .ui-slider-horizontal.extended .ui-slider-handle {
  top: -5px;
  margin-left: 0px; }

body .smartasset-ui .ui-slider-horizontal .ui-slider-handle.ui-state-focus {
  border: none;
  box-shadow: none;
  outline: none; }

.alert-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 0 2px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmY2JhOWIwZC05MDI2LTQwZjQtYmIyMy0xMDA3MDNmN2E1YTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEVBN0Y1RkU2Q0RBMTFFNEIxNThFMURCNERGNkJEMDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEVBN0Y1RkQ2Q0RBMTFFNEIxNThFMURCNERGNkJEMDAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpmY2JhOWIwZC05MDI2LTQwZjQtYmIyMy0xMDA3MDNmN2E1YTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ZmNiYTliMGQtOTAyNi00MGY0LWJiMjMtMTAwNzAzZjdhNWE5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+M2yCJAAAAQhJREFUeNpiYMADvk+SnQfEM/CpYcSj2RRInYRyjTjzHl/Apo4Jh2aQwROhFoDwJFwWMeEQjwBiSyS+LdDQUKK8AFTIBaRuArEMmtQDINYCeuU7IReUwTSz+S1kYPOeAxNXAOIivF4A2i4HNQDiPB5JBkY+FIdUAtVI4XNBJxBzwjj/f39j+P/zM7I8NxB3YDUAaLIVNPAQ4DfQu3++o7s6FqjWDMUAoAAT1qj6/ZXh/58f2AJ/EjSqGVigAnFAbIyh/0Q30B//sBlgDsRRQLyUEWgSL5BxC4gl0FWxR+0C0z+XuWEz5CkQq4NcUIVNMwj8vb4aXzaQBuJykAs+ARm8DOSBtwABBgC1UkmgbSoxdQAAAABJRU5ErkJggg=="); }

.info-icon {
  color: #8c8c8c;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  cursor: pointer; }

.info-icon:hover {
  color: #09926a;
  text-decoration: none !important; }

.info-icon:before {
  content: "\f05a"; }

.glossary:hover.info-icon,
.glossary.info-icon {
  border-bottom: none; }

.glossary {
  /** NOTE: this color spec is also repeated in inputs.css **/
  border-bottom: 1px dotted #09926a;
  cursor: pointer; }

.glossary:hover {
  /** NOTE: this color spec is also repeated in inputs.css **/
  color: #09926a;
  border-bottom-style: solid; }

.blue-button {
  display: inline-block;
  background: #20a7e2;
  border: none;
  font-family: "proxima-nova",sans-serif;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  padding: 6px 12px 5px 12px;
  border-radius: 4px;
  cursor: pointer; }

.blue-button:hover {
  cursor: pointer;
  background: #004962; }

.blue-button.small {
  font-size: 11px;
  padding: 2px 12px 1px 12px; }

/* ===== Modals ===== */
div#modal-overlay {
  display: none;
  z-index: 15000;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

div#modal,
div#reload,
div#confirm-mr-click-modal {
  display: none; }

div#modal,
div#reload {
  font-size: 22px;
  font-family: "proxima-nova",sans-serif;
  font-style: normal;
  font-weight: 100;
  color: #8c8c8c;
  z-index: 15100;
  background: #fff;
  border: 1px solid #888;
  position: absolute;
  width: 750px;
  min-height: 200px;
  left: 50%;
  margin-left: -375px;
  top: 5%;
  opacity: 0; }

div#reload {
  display: none;
  border: 2px solid #888;
  width: 320px;
  height: 50px;
  min-height: 50px;
  top: 45%;
  margin-top: -100px;
  left: 50%;
  margin-left: -160px;
  opacity: 1;
  padding: 25px; }

div#reload table {
  width: 100%; }

div#reload table span.line2 {
  font-weight: 500; }

div#reload table span {
  display: block; }

div#reload table td:first-child {
  width: 10%; }

div#reload table td {
  vertical-align: top; }

div#reload table i.fa {
  margin-right: 20px;
  color: #F79E25;
  font-size: 56px; }

div#modal i.fa-close {
  color: #8c8c8c;
  font-size: 14px;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer; }

div#modal i.fa-close:hover {
  color: #000; }

div#modal .modal-container {
  display: table;
  height: 100%;
  width: 100%; }

div#modal .modal-container > div {
  display: table-row; }

div#modal .modal-container > div.modal-body > div {
  padding: 15px 20px;
  background: #fff; }

div#modal .modal-container > div.modal-footer > div {
  height: 30px;
  /*background: #f4f4f6;*/
  text-align: right;
  padding: 15px; }

div#modal .modal-container > div > div {
  display: table-cell;
  vertical-align: top; }

div#modal .modal-body h2 {
  font-family: "proxima-nova",sans-serif;
  font-style: normal;
  padding: 5px 0 15px 0;
  margin: 0;
  color: #8c8c8c;
  font-size: 24px; }

div#modal .modal-footer button {
  background: #24B0E6;
  border: none;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  font-family: "museo-sans",sans-serif;
  font-style: normal;
  font-weight: 100;
  color: #fff;
  margin-left: 5px;
  border-radius: 4px;
  padding: 7px 16px 7px 15px;
  cursor: pointer; }

div#modal .modal-footer button.ok {
  font-weight: 600; }

div#modal .modal-footer button:hover {
  background: #015379; }

div#modal .modal-footer button.gray {
  background: #8c8c8c; }

div#modal .modal-footer button.gray:hover {
  background: #4f4f4f; }

#debug-header {
  z-index: 15000;
  position: fixed;
  bottom: 40px;
  left: 0;
  color: #fff;
  font-size: 13px; }

#debug-header:hover {
  /*box-shadow: 0px 0px 4px rgba(0,0,0,0.5);*/ }

#debug-header:hover > div {
  display: block; }

#debug-header > div {
  display: none;
  background-color: #068A9C;
  padding: 5px 15px;
  float: left; }

#debug-header > div:nth-child(2n) {
  background-color: #C27D0E; }

#debug-header > div:nth-child(2n+1) {
  background-color: #1D7045; }

#debug-header > div:nth-child(3n+1) {
  background-color: #24748c; }

#debug-header > div:nth-child(4n+1) {
  background-color: #992020; }

#debug-header > div b {
  display: block; }

#debug-header #debug-header-button {
  background: #f00;
  color: #fff;
  top: 0;
  left: 0;
  width: 80px;
  height: 16px;
  text-align: center;
  padding: 13px 15px;
  cursor: pointer;
  float: left;
  display: block; }

.nps-block > div {
  margin: 13px 20px 13px 20px; }

.nps-block {
  font-size: 16px;
  color: #8c8c8c;
  background: #fff;
  min-height: 12px;
  border: 1px solid #fff;
  margin-top: 1.625rem;
  margin-bottom: 0.8125rem; }

.nps-block span {
  display: inline-block;
  margin-top: 6px; }

.nps-block span.question {
  margin-top: 0; }

.nps-block .labels {
  clear: both;
  margin-top: -2px;
  margin-bottom: 5px;
  font-size: 10px; }

.nps-block textarea,
.nps-block .vote-email input {
  width: 100%;
  color: #8c8c8c;
  padding: 8px;
  font-size: 14px;
  height: 45px;
  resize: none;
  border: 1px solid #bcbcbc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  box-sizing: border-box;
  margin-top: 5px; }

.nps-block .vote-email input {
  max-width: 95%;
  margin-right: 5px;
  height: 30px; }

.nps-block .vote-email input.error {
  color: #ea7723;
  font-size: 12px;
  border-color: #ea7723; }

.nps-block button:hover {
  background: #709962; }

.nps-block.green {
  background-color: #dff4d8;
  border-color: #b1dfa3; }

.nps-block div.vote-comment,
.nps-block div.vote-thanks,
.nps-block div.vote-email,
.nps-block div.email-error,
.nps-block div.name-error {
  display: none; }

.nps-block button {
  padding: 6px 18px 5px 18px;
  margin-top: 5px;
  font-size: 13px;
  background: #86CA71;
  color: #fff;
  display: block;
  border: none;
  margin-left: auto;
  margin-right: 0;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 4px;
  cursor: pointer;
  font-family: "proxima-nova",sans-serif;
  font-style: normal;
  font-weight: 400; }

.nps-block .vote-email button {
  display: inline; }

.nps-block .vote-email button.cancel {
  background: transparent;
  color: #8c8c8c; }

.nps-block div.email-error,
.nps-block div.name-error {
  padding-top: 3px;
  font-size: 12px;
  color: #ea7723; }

.nps-block .labels div.left {
  float: left; }

.nps-block .labels div.right {
  float: right; }

.nps-block div.vote-container {
  text-align: left;
  float: right; }

.nps-block table td.info {
  width: 400px; }

.nps-block div.vote:first-child {
  margin-left: 0; }

.nps-block div.vote {
  display: inline-block;
  margin-left: 25px;
  width: 17px;
  height: 17px;
  background-image: url(https://d31s10tn3clc14.cloudfront.net/imgs/radio_btns_nps.png);
  cursor: pointer; }

.nps-block div.vote:hover,
.nps-block div.vote.selected {
  background-position: -17px 0; }

@media (max-width: 1120px) {
  .nps-block {
    margin-top: 0.8125rem;
    margin-bottom: 0.8125rem; } }

img.riklamimage {
  border: none;
  outline: none;
  position: absolute;
  visibility: hidden;
  top: -100px;
  left: -100px; }

#hidden-space {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  visibility: hidden; }

.striped-table-title {
  margin-left: auto;
  margin-right: auto;
  max-width: 755px; }

table.striped.nomargin {
  margin-left: auto;
  margin-right: auto; }

table.striped {
  width: 100%;
  max-width: 755px;
  margin: 15px auto 20px;
  background: #e9e9e9; }

table.striped th {
  padding: 13px; }

table.striped.alternate tr:nth-child(even) td {
  background: #e0e0e0; }

table.striped .title td {
  font-size: 18px;
  text-align: center;
  padding-top: 28px;
  padding-bottom: 28px;
  text-transform: uppercase;
  border-collapse: collapse;
  border-spacing: 0; }

table.striped .bold {
  font-weight: bold; }

table.striped .centered {
  text-align: center; }

table.striped.alternate tr.headers td {
  background: #dcdcdc;
  vertical-align: top;
  font-size: 14px; }

table.striped tr:nth-child(odd) td {
  background: #e0e0e0; }

table.striped td {
  font-size: 14px;
  padding: 13px;
  border: 1px solid #f4f4f6; }

table.striped td:first-child {
  border-left: none; }

@media (max-width: 758px) {
  table.striped th {
    font-size: 12px;
    font-weight: normal;
    padding: 5px; } }

.mobile-input-close,
#ui-mob-info,
.mobile-only {
  display: none; }

/* News Letter Sign Up Form */
.newsletter-box {
  max-width: 300px; }

.newsletter-email {
  display: block;
  width: 100%;
  padding: 8px 5px;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin-bottom: 8px;
  box-sizing: border-box;
  -webkit-appearance: none;
  font-size: 13px;
  text-indent: 5px; }

.newsletter-callout {
  padding-top: 8px;
  color: #8c8c8c;
  font-size: 12px;
  font-weight: 600;
  float: left; }

.newsletter-button {
  float: right;
  -webkit-appearance: none; }

/* Refresh Rates Button */
.refresh-rates-button {
  display: block;
  width: 100%;
  margin: 0;
  padding: 6px 10px;
  border: none;
  outline: none;
  border-radius: 4px;
  color: #ffffff;
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
  font-style: normal;
  font-family: inherit;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  background-color: #20A7E2; }

.refresh-rates-button:hover {
  background-color: #228ABA; }

.doing-walkthrough .refresh-rates-button {
  display: none; }

iframe[src="/static/css/javascript:false"] {
  display: none; }

/**
 * This block should always be at the end of the file (to override declarations further up in the file)
 *
 * Mobile Layouts
 */
@media (max-width: 758px) {
  .main .blog-content .sharing .numeric div.share-numbers {
    margin-left: 0; }
  div.mobile-only {
    display: block; }
  .main .subtitle {
    margin-top: 8px;
    margin-bottom: 5px; }
  #ui-mob-info {
    position: fixed;
    width: 100%;
    top: 69px;
    height: 50px;
    z-index: 50000;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box; }
  #ui-mob-info > .over > .arrow {
    border: 16px solid transparent;
    border-bottom: 18px solid #05ad79;
    position: absolute;
    top: -32px;
    right: 11px; }
  #ui-mob-info > .over {
    text-align: center;
    font-weight: 100;
    line-height: 22px;
    position: relative;
    width: 100%;
    background: #05ad79;
    color: #fff;
    font-size: 18px;
    padding: 20px 20px 16px 20px;
    box-sizing: border-box; }
  #ui-mob-info button {
    border: none;
    background: #fff;
    text-transform: uppercase;
    padding: 6px 8px;
    margin-top: 10px;
    border-radius: 5px;
    font-size: 14px;
    color: #05ad79; }
  #inputs-container.disabled {
    display: none; }
  body #debug-header {
    display: none; }
  input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
    -webkit-appearance: textfield !important;
    -webkit-appearance: caret;
    -moz-appearance: caret;
    /* mobile firefox too! */ }
  .hide-mobile {
    display: none; }
  /* remove box shadow from mobile-inputs */
  input[type=text] {
    box-shadow: none; }
  .doing-walkthrough .main h1.title {
    background: #05ad79;
    color: #fff; }
  .inputs-warning.interactive-page .inputs-button .notice {
    display: block; }
  .interactive-page .inputs-button .notice {
    display: none;
    top: 8px;
    right: 8px;
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJPSURBVDjLpZPLS5RhFMYfv9QJlelTQZwRb2OKlKuINuHGLlBEBEOLxAu46oL0F0QQFdWizUCrWnjBaDHgThCMoiKkhUONTqmjmDp2GZ0UnWbmfc/ztrC+GbM2dXbv4ZzfeQ7vefKMMfifyP89IbevNNCYdkN2kawkCZKfSPZTOGTf6Y/m1uflKlC3LvsNTWArr9BT2LAf+W73dn5jHclIBFZyfYWU3or7T4K7AJmbl/yG7EtX1BQXNTVCYgtgbAEAYHlqYHlrsTEVQWr63RZFuqsfDAcdQPrGRR/JF5nKGm9xUxMyr0YBAEXXHgIANq/3ADQobD2J9fAkNiMTMSFb9z8ambMAQER3JC1XttkYGGZXoyZEGyTHRuBuPgBTUu7VSnUAgAUAWutOV2MjZGkehgYUA6O5A0AlkAyRnotiX3MLlFKduYCqAtuGXpyH0XQmOj+TIURt51OzURTYZdBKV2UBSsOIcRp/TVTT4ewK6idECAihtUKOArWcjq/B8tQ6UkUR31+OYXP4sTOdisivrkMyHodWejlXwcC38Fvs8dY5xaIId89VlJy7ACpCNCFCuOp8+BJ6A631gANQSg1mVmOxxGQYRW2nHMha4B5WA3chsv22T5/B13AIicWZmNZ6cMchTXUe81Okzz54pLi0uQWp+TmkZqMwxsBV74Or3od4OISPr0e3SHa3PX0f3HXKofNH/UIG9pZ5PeUth+CyS2EMkEqs4fPEOBJLsyske48/+xD8oxcAYPzs4QaS7RR2kbLTTOTQieczfzfTv8QPldGvTGoF6/8AAAAASUVORK5CYII="); }
  .interactive-page .inputs-button {
    display: block;
    background: #05ad79;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer; }
  .inputs-button > div {
    margin-top: 12px;
    margin-left: 12px; }
  body.doing-walkthrough .inputs-button {
    display: none; }
  body .smartasset-ui .ui-slider-horizontal .extension {
    right: -26px;
    width: 26px; }
  body .smartasset-ui .ui-slider-horizontal {
    margin-right: 26px; }
  body .smartasset-ui .ui-slider-horizontal.extended .ui-slider-handle {
    top: -9px; }
  body .smartasset-ui .noUi-horizontal .noUi-handle {
    top: -9px;
    left: -13px; }
  body .smartasset-ui .noUi-horizontal.noUi-extended {
    margin-top: 15px; }
  body .smartasset-ui .noUi-horizontal.noUi-extended {
    padding-right: 26px; }
  body .smartasset-ui .noUi-horizontal.noUi-extended .noUi-origin {
    margin-right: -25px; }
  body .smartasset-ui .noUi-horizontal .noUi-handle:hover,
  body .smartasset-ui .ui-slider-horizontal .ui-slider-handle.ui-state-hover {
    background-position: -26px 0; }
  body .smartasset-ui .noUi-horizontal .noUi-handle,
  body .smartasset-ui .ui-slider-horizontal .ui-slider-handle {
    width: 26px;
    height: 26px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAaCAMAAADPAI+fAAAAS1BMVEX///8iironpt4iironpt4iironpt4iironpt4iironpt4iironpt4iironpt4iironpt4iironpt4iironpt4iironpt4iironpt4Uiuc4AAAAF3RSTlMAAQENDRgYOjpKSoyMp6fIyM/P0tLw8GObWugAAAC5SURBVHgBndRZksIwDATQTgJkSbwv0v1POhTjYsZg/ej9p5SS1Y1m3i5fmau/thmdaT1dISruXCd0jshv8cA/e6C3sOPPzXLH3tAshjpmQfPI/CE/8HJP9CHd25zMX/Jr1pLoS/qdZXnA4snQgMHTwUMHsNPQDsyRh+I8BRoKEzYWbCsJVlwsuE4SnPAs8I4EDpUFtZCggEUk0n2k+j3VIlQrVz2u5ow0B6uJhiqEmrhrikVdYaqy/AEfKmIRLqyKqQAAAABJRU5ErkJggg==); }
  /*** modal stuff ***/
  div#modal {
    top: 5px !important;
    width: 300px;
    left: 50%;
    margin-left: -150px; }
  body.locked {
    overflow: visible; }
  div#modal-overlay {
    position: absolute; }
  .tooltipster-glossary {
    width: 280px !important;
    max-width: 280px !important;
    left: 50% !important;
    margin-left: -140px !important; }
  .tooltipster-arrow {
    display: none !important; }
  .refresh-rates-button {
    font-size: 24px;
    padding: 8px 10px; } }

/*
 *    Overrides for Common Styles
 */
/* Typography */
.sa-font-highlighted-alt {
  color: #D37059; }

/* Interactive Inputs */
@media (max-width: 758px) {
  .sa-filter-inputs > div {
    display: block; }
  .sa-filter-inputs > div > div {
    display: block;
    width: 100%;
    border-right: none;
    border-left: none; } }

/* Tables */
.sa-table-title {
  font-weight: 300;
  padding-bottom: 5px; }

.sa-table-message {
  font-size: 20px;
  font-weight: 100;
  text-align: center;
  color: #333; }

/* Scroller */
.table-scroller {
  height: auto;
  min-height: 450px;
  max-height: 550px;
  border-bottom: 2px solid #ccc; }

.table-scroller.table-scroller-shortened {
  min-height: 0;
  max-height: 250px; }

.table-scroller.table-scroller-extended {
  min-height: 550px;
  max-height: 650px; }

@media (max-width: 758px) {
  .table-scroller.nano,
  .table-scroller.table-scroller-shortened.nano,
  .table-scroller.table-scroller-extended.nano,
  .table-scroller.table-scroller-full.nano {
    max-height: none;
    overflow: visible; }
  .table-scroller.nano > .nano-content {
    position: relative;
    height: auto;
    overflow: visible; } }

/** ----- Sponsored Label ----- **/
@media (min-width: 759px) {
  .sa-table-listing.sa-table-sponsored tr:first-of-type td:nth-of-type(1).sa-table-name {
    padding-right: 100px; } }

@media (max-width: 758px) {
  .sa-table-listing.sa-table-sponsored tr:first-of-type td:nth-of-type(1):before {
    position: static;
    margin-bottom: 2px;
    line-height: normal;
    text-align: left; }
  /* Hide Wide */
  .sa-table-listing.sa-table-sponsored tr:first-of-type td:nth-last-of-type(2):before {
    display: none; }
  /* Show Narrow */
  .sa-table-listing.sa-table-sponsored tr:first-of-type td:nth-of-type(1):before {
    display: block; } }

.sa-button-wide-span,
.sa-button {
  padding: 2px 6px;
  font-weight: 100; }

.sa-button-wide-box .sa-button-wide-span,
.sa-button-narrow-box,
.sa-button {
  background-color: #D37059; }

.sa-button-hover-target:hover .sa-button-wide-box .sa-button-wide-span,
.sa-button-wide-box .sa-button-wide-span:hover,
.sa-button-hover-target:hover .sa-button-narrow-box,
.sa-button-narrow-box:hover,
.sa-button-hover-target:hover .sa-button,
.sa-button:hover {
  background-color: #964A38; }

.sa-button.sa-button-inverted {
  border-color: #D37059;
  color: #D37059; }

.sa-button.sa-button-inverted:hover {
  background-color: #D37059; }

.sa-button.sa-button-big {
  padding: 4px 12px; }

.sa-button.sa-button-hero {
  padding: 10px 24px; }

/** ----- Show/Hide Button Logic ----- **/
@media (max-width: 758px) {
  .sa-button-wide-box {
    display: none; }
  .sa-button-narrow-box {
    display: table-cell; } }

/*
 *  Riklam Styles
 */
.riklam-topboxmobile,
.riklam-mobilebanner,
.riklam-midbanner2mobile {
  display: none; }

.site-riklam {
  text-align: center; }

.riklam-topboxmobile,
.riklam-topbox,
.riklam-toplarge,
.riklam-bottomlarge {
  margin-top: 0rem;
  margin-bottom: 1.625rem; }

.riklam-mobileadhesion[data-riklam-init=true] {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.25s bottom ease;
  z-index: 99999; }
  .riklam-mobileadhesion[data-riklam-init=true] > div {
    width: auto !important;
    height: auto !important; }
  .riklam-mobileadhesion[data-riklam-init=true] iframe {
    width: 320px;
    height: 50px;
    position: static !important; }

.top-banner-ctr {
  min-height: 90px; }

@media (max-width: 1120px) {
  .riklam-toplarge,
  .riklam-bottomlarge {
    display: none; } }

@media (max-width: 758px) {
  body.interactive-page:not(.walkthrough-done) .site-riklam,
  body.interactive-page:not(.walkthrough-done) .mobile-adhesion,
  body.interactive-page.doing-inputs .mobile-adhesion,
  body.mobile-menu-open .site-riklam {
    display: none; }
  .riklam-topbanner,
  .riklam-bottombanner,
  .riklam-midbanner2,
  .riklam-topbox,
  .top-banner-ctr {
    display: none; }
  .riklam-topboxmobile,
  .riklam-mobilebanner,
  .riklam-midbanner2mobile,
  .riklam-mobileadhesion {
    display: block; }
  .riklam-topbox {
    float: none; } }

/** base colors **/
.dark-gray {
  color: #8c8c8c; }

.light-blue {
  color: #20a7e2; }

/************************************************************

 ************************************************************
 * This is the base INPUTS CSS file
 ************************************************************
 ************************************************************
 * DO NOT ADD OR MODIFY THIS FILE, BEFORE CHECKING WITH PC
 ************************************************************
 ************************************************************
 *
 *                      Inputs CSS
 *
************************************************************/
/**
 * This code is here to correct ie10's issue with right aligned input boxes with padding
 */
body.ie10 input[type=text].percentage {
  text-align: left; }

#inputs-container,
#inputs-container .nano-content {
  outline: none; }

#interaction-container {
  background-color: #fff; }

#validation-overlay {
  width: 100%;
  height: 100%;
  z-index: 2000;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
  background: #fff;
  display: none; }

#validation-display {
  display: none;
  position: absolute;
  background: #f00;
  top: 0;
  left: 0;
  z-index: 2001;
  width: 100%;
  min-height: 30px; }

#validation-display div {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 15px; }

#inputs-container .input.state-E .input-note,
#inputs-container .input.state-W .input-note,
#inputs-container .input.state-X .input-note {
  display: block; }

#inputs-container .input .input-note {
  position: relative;
  display: none; }

#inputs-walkthrough .input-back-link {
  display: none;
  cursor: pointer;
  color: #ccc;
  font-size: 20px;
  margin-left: 30px; }

#inputs-walkthrough .input-back-link:hover {
  text-decoration: underline;
  color: #333; }

#inputs-walkthrough .input-back-link.is-shown {
  display: inline-block; }

#inputs-walkthrough .input .input-note .close {
  display: none; }

#inputs-container .input .input-note .close:hover {
  color: #000; }

#inputs-container .input.state-W .input-note .close {
  display: block; }

#inputs-container .input .input-note .close {
  display: none;
  cursor: pointer;
  font-style: normal;
  color: #ea7723;
  text-decoration: underline; }

/* ===== Input Styling ===== */
/* --- Input Container --- */
.sa-inputs .tightcontainer {
  position: relative;
  display: block;
  padding: 0;
  margin: 0; }

/* --- Input Typography --- */
.sa-inputs input[type=text],
.sa-inputs .tightcontainer.dollar:before,
.sa-inputs .tightcontainer.percentage:before,
.sa-inputs .select2-container .select2-choice,
body ul.select2-results {
  font-family: "proxima-nova",sans-serif;
  font-size: 15px;
  line-height: normal;
  font-style: normal;
  font-weight: normal; }

/* --- Input Default Sizing --- */
.sa-inputs input[type=text],
.sa-inputs .tightcontainer.dollar:before,
.sa-inputs .tightcontainer.percentage:before,
.sa-inputs .select2-container .select2-choice {
  box-sizing: border-box;
  height: auto;
  margin: 0;
  padding: 5px 8px; }

.sa-inputs input[type=text],
.sa-inputs .select2-container {
  width: 100%; }

.sa-inputs .tightcontainer.percentage,
.sa-inputs .tightcontainer.input-narrow {
  width: 85px; }

/* --- Input Borders & Fill --- */
.sa-inputs input[type=text],
.sa-inputs .select2-container .select2-choice,
body .select2-drop-active {
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none; }

.sa-inputs input[type=text]:focus {
  border-color: #333; }

.sa-inputs input[type=text],
.sa-inputs .select2-container .select2-choice .select2-arrow,
.sa-inputs .select2-dropdown-open.select2-drop-above .select2-choice,
.sa-inputs .select2-dropdown-open.select2-drop-above .select2-choices,
.sa-inputs .select2-container .select2-choice {
  background: #fff; }

/* --- Input Decorators --- */
.sa-inputs input[type=text].dollar {
  padding-left: 20px;
  text-align: left; }

.sa-inputs input[type=text].percentage {
  padding-right: 25px;
  text-align: right; }

.sa-inputs .tightcontainer.dollar:before,
.sa-inputs .tightcontainer.percentage:before {
  display: block;
  position: absolute;
  border: 1px solid transparent; }

.sa-inputs .tightcontainer.dollar:before {
  content: "$";
  left: 0;
  padding-right: 0;
  border-right: none; }

.sa-inputs .tightcontainer.percentage:before {
  content: "%";
  right: 0;
  padding-left: 0;
  border-left: none; }

/* --- Select2 Fixes --- */
.sa-inputs .select2-container .select2-choice .select2-arrow {
  border-left: none; }

.sa-inputs .select2-container-active .select2-choice {
  box-shadow: none; }

.select2-results {
  padding: 0;
  margin: 0; }

.select2-results li {
  margin: 0; }

.select2-results .select2-highlighted {
  background-color: #20a7e2;
  color: #fff; }

@media (max-width: 758px) {
  /* --- Input Typography --- */
  .sa-inputs input[type=text],
  .sa-inputs .tightcontainer.dollar:before,
  .sa-inputs .tightcontainer.percentage:before,
  .sa-inputs .select2-container .select2-choice,
  .sa-inputs .select2-container .select2-choice .select2-arrow {
    font-size: 24px; }
  body ul.select2-results {
    font-size: 16px; }
  /* --- Input Default Sizing --- */
  .sa-inputs input[type=text],
  .sa-inputs .tightcontainer.dollar:before,
  .sa-inputs .tightcontainer.percentage:before,
  .sa-inputs .select2-container .select2-choice,
  .sa-inputs .select2-container .select2-choice .select2-arrow {
    padding-top: 6px; }
  .sa-inputs .tightcontainer.percentage {
    width: auto; }
  /* --- Input Decorators --- */
  .sa-inputs input[type=text].dollar {
    padding-left: 25px; }
  .sa-inputs input[type=text].percentage {
    padding-right: 30px; } }

i.close-icon > span {
  display: none; }

.input-mobile-hrd {
  display: none; }

#interaction-container > div.interactive-content {
  padding: 0; }

#inputs-container .input-group.second > .group-label {
  border-top: none; }

#inputs-container.disabled .input-group.second {
  display: none; }

#inputs-container .input-group .input.state-E .highlighter {
  color: #ea7723; }

#inputs-container .input-group .input.state-W .highlighter {
  color: #e48f25; }

#inputs-walkthrough .hideinwalkthrough {
  display: none; }

body.doing-walkthrough #inputs-container .nano-content {
  overflow: hidden; }

.input.state-E input,
.input.state-X input,
.input.state-X label,
.input.state-E input:focus,
.input.state-X input:focus {
  color: #ea7723;
  border-color: #ea7723; }

.input.state-W input:focus,
.input.state-W input {
  border-color: #ea7723;
  color: #ea7723; }

#inputs-container .input .input-note {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1em; }

#inputs-container.disabled .input.state-D {
  display: none; }

#inputs-container.disabled div.input:not(.required) {
  display: none; }

#inputs-container.disabled .input.walkthrough {
  display: block; }

#inputs-walkthrough {
  position: absolute;
  width: 100%;
  background: #05ad79;
  /*
     * validation-overlay is used to disable interactive area,
     * and has a z-index of 2000, so the walkthrough div must be
     * a little higher up.
     */
  z-index: 2010; }

#inputs-walkthrough .input {
  display: none;
  padding: 20px 20px 25px 20px;
  background: #fff;
  position: relative;
  margin: 2px; }

#inputs-walkthrough .input-label-walkthrough {
  margin-bottom: 18px;
  margin-top: 26px;
  padding-bottom: 2px;
  font-size: 30px;
  line-height: 1em; }

#inputs-walkthrough .row {
  position: relative;
  padding-top: 5px;
  margin-bottom: 20px;
  min-height: 35px; }

#inputs-walkthrough .row.no-bottom-margin {
  margin-bottom: 0; }

#inputs-walkthrough .row .tightcontainer {
  position: absolute;
  top: -5px;
  left: 250px; }

#inputs-walkthrough label {
  color: #4f4f4f;
  margin-right: 15px; }

#inputs-walkthrough div.iradio_custom {
  top: -2px;
  margin-right: 10px; }

#inputs-walkthrough button {
  margin-top: 24px;
  display: inline-block;
  background: #05ad79;
  border: none;
  font-family: "proxima-nova",sans-serif;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  padding: 10px 14px 9px 14px;
  border-radius: 4px;
  cursor: pointer; }

#inputs-walkthrough button:hover {
  cursor: pointer;
  background: #0A825D; }

#inputs-walkthrough .input-slider,
#inputs-walkthrough .smartasset-ui {
  display: none; }

#inputs-walkthrough .close-icon:before {
  content: none; }

#inputs-walkthrough .close-icon {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  color: #888;
  font-size: 14px;
  cursor: pointer;
  width: 18px;
  height: 18px;
  background-image: url(/images/base/close.png); }

#inputs-walkthrough .close-icon:hover {
  color: #000;
  background-position: -18px 0; }

#inputs-container {
  background: none; }

#inputs-container .next {
  display: none; }

#inputs-walkthrough .input-popout .title {
  display: none; }

#inputs-container .input-popout .next {
  display: block; }

#inputs-container .close-icon {
  display: none; }

#inputs-container.disabled .input-group > .input-children .input.walkthrough {
  opacity: 1.0;
  position: absolute;
  z-index: 200;
  width: 100%;
  top: 0; }

#inputs-container.disabled .input-group > .input-children .input.walkthrough .highlighter {
  background: #05ad79;
  margin-right: 0;
  color: #fff; }

#inputs-container.disabled .input-group > .input-children .input.walkthrough .input-content {
  padding-left: 5px; }

#inputs-container .input-group.hide {
  display: none; }

#inputs-container .input.hide {
  display: none; }

#inputs-container.disabled {
  /* no background */
  /* background: #f0f0f0; */ }

#inputs-container.disabled .input-group {
  /* no background */ }

#inputs-container.disabled .input-group > .input-children .input {
  opacity: 0.3; }

#inputs-container .input-group {
  position: relative;
  /* no background */ }

#inputs-container .input-group > .input-children {
  display: none; }

#inputs-container .input-group.open > .input-children {
  display: block; }

#inputs-container .input-group.first > .group-label,
#inputs-container .input-group.first > .group-label > b {
  border-top: none;
  padding-top: 0; }

#inputs-container .input-group > .group-label {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-right: 20px;
  color: #20A7E2;
  text-transform: uppercase; }

#inputs-container .input-group.collapsable > .group-label {
  cursor: pointer; }

#inputs-container .input-group.collapsable .group-label i {
  width: 14px;
  margin-left: 4px;
  margin-right: 0; }

#inputs-container .input-group.collapsable .group-label i:before {
  content: "\f105";
  font-size: 22px; }

#inputs-container .input-group.collapsable > .group-label:hover {
  cursor: pointer;
  color: #004962; }

#inputs-container .input-group.open.collapsable .group-label i {
  margin-left: 0;
  margin-right: 4px; }

#inputs-container .input-group.open.collapsable .group-label i:before {
  content: "\f107"; }

#inputs-container .input-group > .group-label > b {
  display: block;
  padding: 18px 0 17px 2px;
  font-size: 18px;
  line-height: 1;
  font-weight: 400; }

#inputs-container .input-group .input input[type=radio],
#inputs-container .input-group .input input[type=checkbox] {
  margin-left: 0;
  margin-right: 5px; }

.radio-pill-buttons {
  width: 100%; }

.radio-pill-buttons > label {
  border: 1px solid #ccc; }

.radio-pill-buttons > label:first-of-type {
  border-right: none;
  border-radius: 15px 0 0 15px; }

.radio-pill-buttons > label:last-of-type {
  border-left: none;
  border-radius: 0 15px 15px 0; }

.radio-pill-buttons label.radio:before {
  display: none; }

#inputs-container .input-group .input .radio-pill-buttons label.radio {
  display: block;
  float: left;
  width: 49%;
  background-color: #fff;
  margin-right: 0;
  padding: 3px 0;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  text-align: center; }

#inputs-container .input-group .input .radio-pill-buttons input[type="radio"]:checked + label {
  background-color: #20a7e2;
  border-color: #20a7e2;
  color: #fff; }

#inputs-container .input-group .input .radio-pill-buttons input[type="radio"]:hover + label {
  background-color: #004962;
  border-color: #004962;
  color: #fff; }

#inputs-walkthrough .input .input-label {
  display: none; }

#inputs-walkthrough .input .input-note {
  margin-top: 10px;
  color: #ea7723; }

#inputs-walkthrough .input.state-W .input-note {
  color: #ea7723; }

#inputs-walkthrough .input.state-E input:not(.no-autoload),
#inputs-walkthrough .input.state-X input:not(.no-autoload) {
  border-color: #ea7723;
  color: #ea7723; }

#inputs-container.disabled .input.walkthrough .input-inner-content {
  display: none; }

#inputs-walkthrough .input .input-label-walkthrough,
#inputs-walkthrough .input .input-info-walkthrough {
  display: block; }

span.input-progress-value {
  margin-top: 18px;
  display: block;
  width: 220px;
  height: 12px;
  border-radius: 8px;
  background: #ccc;
  position: relative;
  overflow: hidden; }

span.input-progress-value .complete {
  position: absolute;
  left: 0;
  top: 0;
  background: #05ad79;
  height: 20px; }

#inputs-walkthrough .input .input-info-walkthrough {
  color: #8c8c8c;
  margin-bottom: 18px; }

#inputs-container .input .input-label-walkthrough,
#inputs-container .input .input-info-walkthrough {
  display: none; }

.input .input-label {
  display: block; }

#inputs-container .input-label {
  margin-bottom: 5px; }

#inputs-container .input-group .input label {
  margin-right: 10px;
  cursor: pointer; }

.input-group .hz5 {
  margin-top: 5px; }

#inputs-container .input-group .input label > div {
  margin-right: 5px;
  top: -1px; }

#inputs-container .input-group .input label:hover {
  text-decoration: underline; }

#inputs-walkthrough .sa-inputs input[type=text],
#inputs-walkthrough .sa-inputs .tightcontainer.dollar:before,
#inputs-walkthrough .sa-inputs .tightcontainer.percentage:before {
  font-size: 17px; }

#inputs-walkthrough .sa-inputs input[type=text]:not(.dollar):not(.percentage),
#inputs-walkthrough .sa-inputs .tightcontainer,
#inputs-walkthrough .sa-inputs .tightcontainer.dollar,
#inputs-walkthrough .sa-inputs .select2 {
  width: 230px; }

#inputs-walkthrough .input-content .tightcontainer.percentage {
  width: 85px; }

#inputs-walkthrough .sa-inputs .select2-container .select2-choice .select2-arrow {
  padding-top: 0; }

.sa-inputs .input-popout .tightcontainer.lower {
  top: 2px !important; }

.input.state-E .input-popout input,
.input.state-E .input-popout label,
.input.state-W .input-popout input,
.input.state-W .input-popout label,
.input.state-X .input-popout input,
.input.state-X .input-popout label,
.input.state-E .input-popout .row .tightcontainer:before,
.input.state-W .input-popout .row .tightcontainer:before,
.input.state-X .input-popout .row .tightcontainer:before,
.input.state-E .input-popout .custom-block .tightcontainer:before,
.input.state-W .input-popout .custom-block .tightcontainer:before,
.input.state-X .input-popout .custom-block .tightcontainer:before {
  color: #333; }

.input.state-E .input-popout input,
.input.state-E .input-popout label,
.input.state-W .input-popout input,
.input.state-W .input-popout label,
.input.state-X .input-popout input,
.input.state-X .input-popout label {
  border-color: #ccc; }

.input.state-E .input-popout input:focus,
.input.state-W .input-popout input:focus,
.input.state-X .input-popout input:focus {
  border-color: #333; }

#inputs-container .input-group .input {
  font-size: 14px; }

#inputs-container .input-group .input .display-value {
  padding-top: 6px; }

#inputs-container .input-group .input .highlighter,
.custom-inputs-ctr {
  margin: 1px 20px 1px 0;
  padding: 13px 0 15px 1px; }

#inputs-container .input-group .border-bottom {
  width: auto;
  margin-right: 20px;
  height: 0;
  border-top: 1px solid #ccc; }

#inputs-container .input-group .input .input-content {
  position: relative;
  /*padding: 8px 5px 8px 8px;*/ }

#inputs-container .input-group .input .input-popout {
  /*box-shadow: 0 0 5px rgba(0,0,0,0.55);*/
  display: none;
  position: absolute;
  min-width: 150px;
  width: 480px;
  min-height: 120px;
  height: auto;
  top: -30px;
  left: 239px;
  background: #fff;
  border: 2px solid #20a7e2;
  z-index: 8000; }

#inputs-container .input.expandable .highlight-popout {
  position: relative; }

/* testing mobile/ipad popouts */
#inputs-container.popout-active,
#inputs-container.popout-active .nano-content {
  overflow: visible; }

#inputs-container.popout-active .nano-pane {
  display: none; }

.nano-pane {
  z-index: 500; }

#inputs-container .input-progress {
  display: none; }

#inputs-container .input.required {
  /* Do nothing for required inputs */
  /* font-weight: bold; */
  /* background: #bacce6; */ }

#inputs-container .expandable .input-label {
  padding-right: 10px; }

#inputs-container .expandable .input-label,
#inputs-container .expandable .input-expand-details {
  cursor: pointer; }

#inputs-walkthrough .input-popout .error input,
#inputs-container .input-popout .error input {
  color: #ea7723;
  border: 1px solid #ea7723; }

#inputs-container .input-popout .error .tightcontainer:before,
#inputs-walkthrough .input-popout .error .tightcontainer:before {
  color: #ea7723; }

.inputs-ct .input-popout .error-message {
  display: none; }

.inputs-ct .input-popout .error .error-message {
  display: block;
  padding: 9px 0 5px 0;
  font-weight: 600;
  margin: 0;
  font-size: 13px;
  color: #ea7723; }

#inputs-container .input-popout .input-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer; }

#inputs-walkthrough .input-popout .input-close {
  display: none; }

#inputs-container .input.active {
  /* background: #cff; */ }

#inputs-container .input.highlight-popout .highlighter {
  background: #20a7e2;
  margin-right: 0; }

#inputs-container .input.walkthrough .input-label {
  margin-bottom: 0; }

#inputs-container .input.walkthrough .glossary,
#inputs-container .input.walkthrough .glossary:hover {
  border-bottom: none;
  color: #fff; }

#inputs-container .input.highlight-popout .glossary,
#inputs-container .input.highlight-popout .glossary:hover {
  color: #fff;
  border-bottom-color: #fff; }

#inputs-container .input.highlight-popout .input-popout .glossary,
#inputs-container .input.highlight-popout .input-popout .glossary:hover {
  color: #09926a;
  border-bottom-color: #09926a; }

#inputs-container .input.highlight-popout .input-inner-content {
  color: #000; }

#inputs-container .input.highlight-popout .input-content {
  padding-left: 5px;
  margin-right: 20px;
  color: #fff; }

#inputs-container .input-group .input-children {
  position: relative; }

#inputs-container .input-group .input-children > .input:last-child {
  border-bottom: 0;
  padding-bottom: 9px; }

#inputs-container .input-group .input-children > .input > span {
  display: block; }

#inputs-container .input-padded {
  padding: 5px; }

#inputs-container .input-padded-top {
  padding-top: 10px;
  padding-bottom: 0; }

#inputs-container .input.expandable .highlighter {
  padding-bottom: 10px; }

#inputs-container .input-label .trigger {
  display: none; }

#inputs-container .input.expandable .input-label .trigger {
  display: block; }

#inputs-container .input.expandable .input-label:hover,
#inputs-container .input.expandable .input-label:hover .trigger:before {
  color: #4f4f4f; }

#inputs-container .input.expandable.state-E .input-label:hover,
#inputs-container .input.expandable.state-E .input-label:hover .trigger:before {
  color: #ea7723; }

#inputs-walkthrough .input-expand-details {
  display: none; }

#inputs-container .state-E .input-expand-details,
#inputs-container .state-W .input-expand-details
#inputs-container .state-X .input-expand-details {
  display: none; }

#inputs-container .input-expand-details {
  display: block;
  margin-top: 5px;
  line-height: 13px;
  font-size: 11px;
  color: #8c8c8c; }

#inputs-container .highlight-popout .input-content .input-label,
#inputs-container .highlight-popout .input-content .input-note,
#inputs-container .highlight-popout .input-expand-details {
  color: #fff !important; }

#inputs-container .highlight-popout .input-content .trigger:before {
  color: #cccccc !important;
  content: "\f056"; }

#inputs-container .input.expandable.walkthrough .input-label .trigger {
  display: none; }

#inputs-container .input.expandable.walkthrough .glossary,
#inputs-container .input.expandable.walkthrough .glossary:hover {
  color: #fff;
  border-bottom: none; }

#inputs-container .trigger:before {
  display: block;
  position: absolute;
  top: -1px;
  right: 0;
  color: #8c8c8c;
  font-family: FontAwesome, sans-serif;
  content: "\f055";
  font-size: 16px;
  cursor: pointer; }

#inputs-container .trigger:hover {
  cursor: pointer;
  text-decoration: underline; }

#inputs-walkthrough .trigger {
  display: none; }

#inputs-container .input-popout {
  color: #8c8c8c;
  font-family: "proxima-nova",sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 15px;
  padding: 15px;
  cursor: default; }

.input.state-E div:not(.input-popout) .tightcontainer:before {
  color: #ea7723; }

.input.state-W div:not(.input-popout) .tightcontainer:before {
  color: #ea7723; }

#inputs-container .input-popout .title {
  margin-bottom: 18px; }

#inputs-container .input-popout .row {
  line-height: 17px;
  position: relative;
  padding-top: 0;
  margin-bottom: 20px;
  min-height: 33px;
  border-bottom: 1px solid #ccc; }

#inputs-container .input-popout .row.no-bottom-margin {
  margin-bottom: 10; }

#inputs-container .input-popout .row .select2,
#inputs-container .input-popout .row .tightcontainer {
  position: absolute;
  max-width: 219px;
  top: -8px;
  left: 250px; }

#inputs-container .input-popout .row .select2,
#inputs-container .input-popout .row .tightcontainer:not(.percentage) {
  width: 100%; }

#inputs-walkthrough .input-content .select2 {
  position: absolute;
  top: 0;
  left: 250px; }

#inputs-walkthrough .select2-choice {
  font-size: 17px; }

.input-popout .custom-row {
  line-height: 17px;
  position: relative;
  padding-top: 0;
  padding-bottom: 18px;
  margin-bottom: 20px;
  min-height: 33px; }

#inputs-container .input-popout .custom-row {
  border-bottom: 1px solid #ccc; }

.input-popout button {
  margin-top: 20px;
  display: block;
  background: #20a7e2;
  border: none;
  font-family: "proxima-nova",sans-serif;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  padding: 6px 12px 5px 12px;
  border-radius: 4px;
  cursor: pointer; }

#inputs-container .input-popout button:hover {
  cursor: pointer;
  background: #004962; }

.inputs-ct .addbtn {
  color: #20a7e2;
  font-size: 13px;
  cursor: pointer; }

#inputs-walkthrough .addbtn {
  font-size: 14px; }

.inputs-ct .addbtn.disabled,
.inputs-ct .addbtn.disabled:hover {
  color: #ccc;
  text-decoration: none;
  cursor: default; }

.inputs-ct .addbtn > i.fa {
  margin-right: 4px; }

.inputs-ct .addbtn:hover {
  cursor: pointer;
  color: #004962;
  text-decoration: underline; }

.inputs-ct .dependents b {
  display: block;
  margin-bottom: 8px;
  font-weight: 100;
  font-size: 16px; }

.inputs-ct .row .dependent .close-button {
  position: absolute;
  font-size: 11px;
  font-style: normal;
  right: 10px;
  top: 8px;
  cursor: pointer; }

#inputs-container .input-group .input .subtext {
  padding-top: 12px;
  font-size: 11px;
  line-height: 3px;
  display: block; }

#inputs-walkthrough .select2-container .select2-choice .select2-arrow b {
  background-position: 0 3px; }

#inputs-walkthrough .row .dependent input[type=text] {
  margin-left: 10px; }

#inputs-walkthrough .row .dependent .close-button {
  font-size: 13px;
  right: 20px;
  top: 11px; }

.inputs-ct .row .dependent .close-button:hover {
  color: #333;
  text-decoration: underline; }

.inputs-ct .row .dependent label.checkbox {
  color: #8c8c8c; }

.inputs-ct .row .dependent {
  position: relative;
  padding-bottom: 10px; }

/******************************************************************************

     ** Responsive page Media Queries. Handle with care! **

******************************************************************************/
/**
 * PLEASE SEE NOTES IN base.js HEADER REGARDING MEDIA QUERIES
 */
@media (max-width: 1300px) {
  #inputs-container .input-popout .row .select2,
  #inputs-container .input-popout .row .tightcontainer {
    max-width: 200px; }
  #inputs-container .input-group .input .input-popout {
    /** fix **/
    left: 219px; } }

/** always hide the autocomplete help-text */
.ui-helper-hidden-accessible {
  position: absolute;
  left: -999em;
  display: none; }

/**************************************************

     ** Customized jquery-ui autocomplete **

***************************************************/
.smartasset-ui .ui-autocomplete.input_autocomplete {
  z-index: 2025;
  max-height: 240px;
  overflow: scroll;
  overflow-x: hidden;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  border-radius: 0 0 4px 4px; }

.smartasset-ui .ui-widget-content.input_autocomplete {
  background-image: none;
  font-family: "proxima-nova",sans-serif;
  font-style: normal;
  font-size: 15px; }

.smartasset-ui .input_autocomplete .ui-state-hover,
.smartasset-ui .ui-widget-content.input_autocomplete .ui-state-hover,
.smartasset-ui .input_autocomplete .ui-state-focus,
.smartasset-ui .ui-widget-content.input_autocomplete .ui-state-focus {
  border-top: 1px solid #00496e;
  border-bottom: 1px solid #00496e;
  background: #00496e;
  font-weight: normal;
  color: #fff; }

/* SA-2451 Fix for select2 keyboard issue on mobile (https://github.com/select2/select2/issues/1541) */
.select2-focusser,
.select2-search,
.select2-search input {
  display: none !important; }

/* End of SA-2451 fix */
/*************
   MOBILE CSS
 *************/
body #inputs-container button.mobile-cancel {
  display: none; }

div.page-err-button {
  display: none; }

.only-mobile,
.input-mobile-position, .close-icon-text,
#inputs-walkthrough .mobile-cancel,
.mobile-cancel {
  display: none; }

#inputs-walkthrough button.only-mobile {
  display: none; }

@media (max-width: 758px) {
  #inputs-walkthrough .input-back-link {
    margin-left: 0; }
  #inputs-walkthrough .input-back-link.is-shown {
    display: block; }
  div.only-mobile {
    display: block; }
  #inputs-container .input.highlight-popout .highlighter {
    padding-left: 0;
    padding-right: 0; }
  body.show_loading #inputs-walkthrough button {
    background: #aaa; }
  #inputs-walkthrough button.mobile-cancel {
    display: none; }
  #inputs-walkthrough .input-content .tightcontainer,
  #inputs-walkthrough .input-content .tightcontainer.dollar,
  #inputs-walkthrough .input-content .tightcontainer.percentage {
    margin-left: auto;
    margin-right: auto; }
  #inputs-walkthrough .input-content .tightcontainer.percentage {
    width: 85px; }
  #inputs-container .input-group > .group-label {
    margin-right: 0; }
  #inputs-container .input-group.collapsable .group-label i:before {
    content: "\f107"; }
  #inputs-container .input-group.open.collapsable .group-label i:before {
    content: "\f106"; }
  #inputs-container .input-group.collapsable .group-label i,
  #inputs-container .input-group.open.collapsable .group-label i {
    position: absolute;
    right: 0;
    margin-right: 0; }
  .doing-inputs .main h1.title {
    background: #05ad79;
    color: #fff; }
  .doing-inputs #inputs-container .input-popout .mobile-cancel {
    background: #c4c4c4; }
  .doing-inputs #inputs-container .input-popout .next,
  .doing-inputs #inputs-container .input-popout .mobile-cancel {
    float: none;
    margin-top: 5px;
    margin-right: 10px;
    font-size: 20px;
    display: inline-block; }
  #inputs-container .input-group .input .highlighter,
  .custom-inputs-ctr {
    margin-right: 0; }
  #inputs-container.popout-active .input,
  #inputs-container.popout-active .group-label {
    display: none; }
  #inputs-container.popout-active .input.highlight-popout {
    display: block; }
  #inputs-container .input-popout .row .tightcontainer {
    display: block;
    position: relative;
    left: 0;
    top: 0; }
  #inputs-container .input-popout .row .tightcontainer:not(.percentage) {
    max-width: none; }
  #inputs-walkthrough {
    border: none;
    background: #05ad79; }
  .input-progress {
    display: none; }
  span.input-progress-value {
    width: 180px;
    background: #e8e8e8;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 10px;
    height: 14px; }
  #inputs-walkthrough .input {
    margin: 0;
    padding: 0;
    background: #05ad79; }
  #inputs-walkthrough .input-inner-content {
    background: #fff;
    text-align: center;
    padding: 10px; }
  #inputs-walkthrough button {
    margin: 0 auto; }
  #inputs-walkthrough .input-label-walkthrough {
    text-align: center;
    color: #333;
    background: #f4f4f6;
    padding: 10px;
    font-size: 20px;
    margin-bottom: 0; }
  i.close-icon > span {
    display: inline-block; }
  .input-mobile-hrd {
    position: absolute;
    font-weight: 100;
    font-size: 15px;
    line-height: 15px;
    width: 140px;
    float: left;
    display: block;
    color: #fff;
    top: 0;
    left: 13px;
    text-transform: uppercase; }
  .input-mobile-position {
    display: block;
    height: 20px; }
  span.input-progress-value .complete {
    background: #f9b719; }
  .nps-block {
    display: none; }
  .walkthrough-profile {
    margin-right: 8px;
    margin-top: 2px;
    float: left;
    width: 25px;
    height: 25px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMABAwSFBcZHyMuRUtVX2prcHN3h46Sm5ykqKm7v8DBz9Th7vP2+vz9/nhRbqsAAADtSURBVHgBfZLJcsIwEESHBS8sYAgWCzbBBil+//+DKUlTVg4pv9P0oWtarRElM50FbGcy+cuiHUAZ2oWMbC3Ypirzsmr8uBXlCK6eqZjVDo7qgL6QRNFDcC0s/dwP5/fP++yHeY/1u1pccNzw3ILL0YpkA3WwxnRDCFYzZGKwYfmOyC7EsBjpaMSzJrIOqqETSyWBD55PFBVWoIxi4wC3iaIEgVwiq0t7Wemcw+gpTl+eUzF6dM8dhbvu0WwHEoeYTd/zIvGK79EOriSu2oH2ttybx/P7+TD7pfaWuk5o1xP/M/GnE3cwcTv/3tsvJEArD2H/1FAAAAAASUVORK5CYII=); }
  #inputs-walkthrough .close-icon {
    height: 9px;
    width: 9px;
    top: 24px;
    right: 13px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAMAAAAIAYw9AAAAJFBMVEUAAADNzMz////NzMzNzMz////NzMzNzMz////NzMzNzMz///9uhGodAAAACnRSTlMAhISGxMTFxu7wS7PXwgAAAEZJREFUeAFdzkEOwCAIBdEvFCt4//u2w5JJZPFiUB0T2UkXecrub8xVjtRSWzvWggWCvQjFDXVPbWnc2uwbuzjzReb818oPoZMB4VXqquUAAAAASUVORK5CYII=);
    display: none; }
  #inputs-walkthrough .input {
    margin-top: -26px; }
  #validation-overlay {
    opacity: 1;
    background: #ededed; }
  #inputs-walkthrough .row .tightcontainer {
    display: block;
    margin: 10px auto;
    position: relative;
    left: auto;
    top: auto; }
  #inputs-walkthrough input {
    box-shadow: 0 0 2px #000; }
  #inputs-walkthrough .input .input-info-walkthrough {
    font-size: 16px;
    color: #8c8c8c;
    margin-top: 15px;
    margin-bottom: 25px; }
  #inputs-walkthrough .next {
    margin-top: 25px;
    margin-bottom: 15px; }
  body.doing-inputs #inputs-container {
    display: block;
    background-color: #fff; }
  body.doing-inputs #inputs-container.popout-active {
    margin-left: 0;
    margin-right: 0; }
  body.doing-inputs #inputs-container.popout-active .input.highlight-popout .input-content {
    margin-left: 0;
    margin-right: 0; }
  body.doing-inputs #inputs-container .input-popout .input-close {
    display: none; }
  body.doing-inputs #inputs-container.popout-active .input-popout .row {
    border-bottom: none;
    text-align: center; }
  body.doing-inputs #inputs-container .input-popout .row .tightcontainer.percentage {
    width: 200px; }
  body.doing-inputs #inputs-container .input-popout .row .tightcontainer,
  body.doing-inputs #inputs-container .input-popout .row .select2 {
    margin-top: 10px; }
  #inputs-container .input-popout button,
  #inputs-container .input-popout button:hover {
    background: #05ad79; }
  #inputs-container .input-popout .title {
    font-weight: 500; }
  #inputs-container .input-group .input .input-popout {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    border: 1px solid #fff;
    left: 0;
    top: -13px !important; }
  #inputs-container .input.highlight-popout .highlighter {
    width: 100%;
    margin: 0; }
  #inputs-container .input-label {
    margin-bottom: 8px; }
  #inputs-container .input-group .input {
    font-size: 16px; }
  #inputs-container .input-group .border-bottom {
    margin-right: 0; }
  #inputs-container .input-group.first .group-label {
    display: none; }
  body #inputs-container .nano-content {
    width: 100%;
    position: relative;
    box-sizing: border-box; }
  .main .left-column.liner {
    display: none; }
  body #inputs-container button.mobile-cancel {
    display: block; }
  body.doing-inputs .main .right-column,
  body.doing-inputs #main-tabs,
  body.doing-inputs .main .worksheet,
  body.doing-inputs .main .seocontent,
  body.doing-inputs .main .hideinwalkthrough,
  body.doing-inputs #footer,
  body.doing-inputs .main #interaction-container,
  body.doing-walkthrough .main .hideinwalkthrough {
    display: none; }
  /* mobile new-line */
  span.m-newline {
    display: block;
    padding-top: 5px; }
  #inputs-container .input-popout .row .select2,
  #inputs-walkthrough .input-popout .row .select2 {
    position: relative;
    left: 0;
    margin: 0 auto; }
  .mobile-padded-top {
    padding-top: 10px; }
  body.no-inputs.interactive-page .inputs-button {
    display: none !important; }
  #inputs-walkthrough button.cancel.only-mobile {
    background-color: #bbb;
    margin-left: 5px; }
  #inputs-walkthrough button,
  #inputs-walkthrough button.only-mobile {
    display: inline-block; }
  #inputs-container .input-popout .title {
    text-align: center; }
  #inputs-container .input-popout .custom-row {
    border-bottom: none; }
  div.page-err-button {
    width: 120px;
    padding: 8px 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    background: #ea7723;
    margin-top: 5px;
    color: #fff;
    border-radius: 4px; } }

/*
 * Other Common CSS files -- declared in StyleSheetConstants.java and added via page controllers
 * Ordering can vary based on implementation in various page controllers. Best practice is to group
 * related files, and if/when ordering is important please make note in a comment
*/
.dashboard-page {
  padding-left: 10px;
  width: 940px;
  max-width: 940px;
  float: left; }

.dashboard-page .sponsored-tile .promoted {
  text-transform: uppercase;
  color: #aaa; }

.dashboard-page .sponsored-tile img {
  max-width: 150px; }

.dashboard-page .sponsored-tile b.title {
  display: block;
  font-size: 1.4em;
  font-weight: 500;
  margin: 5px 0 10px; }

.dashboard-page .sponsored-tile .bolder {
  margin: 5px 0 8px; }

.dashboard-page .sponsored-tile .bolder a {
  background: #1E85A4;
  border: none;
  color: #fff; }

.dashboard-page .sponsored-tile .tile-disclaimer {
  font-size: 12px; }

/**
 * TEMPORARY CSS- EVERYTHING BELOW WILL BE DELETED!!!
 **/
.dashboard-page .dashboard-section .section-title {
  font-family: "museo-sans",sans-serif;
  font-weight: 300;
  font-size: 17px;
  padding-top: 10px;
  text-transform: uppercase;
  border-top: 2px solid #4b4b4b; }

.dashboard-page .dashboard-section .section-subtitle {
  font-family: "proxima-nova",sans-serif;
  font-weight: 300;
  font-size: 13px;
  padding-top: 5px;
  text-transform: uppercase; }

.dashboard-page .dashboard-section .section-subtitle img {
  display: inline-block;
  vertical-align: middle;
  max-height: 16px; }

.dashboard-page .dashboard-section .section-subtitle img.luxury-card-logo {
  margin-left: 3px;
  margin-bottom: 4px;
  max-height: 12px; }

.dashboard-page table.main-tb {
  border-spacing: 0;
  border-collapse: collapse; }

.dashboard-page table.desktop-layout {
  width: 100%; }

.dashboard-page table.mobile-layout td {
  padding: 0; }

.dashboard-page table.desktop-layout td {
  padding: 0;
  width: 45%;
  vertical-align: top; }

.dashboard-page .dashboard-section {
  margin-bottom: 25px; }

body .sharing.right-col {
  padding-bottom: 0;
  border-bottom: none; }

.dashboard-page table.desktop-layout td:first-child {
  padding-right: 10px;
  width: 55%; }

/**
 * TILE CSS
 **/
.dashboard-tile {
  background: #fff;
  border: 1px solid #ccc;
  padding: 15px;
  margin: 10px 0 0; }

.dashboard-tile h2 {
  margin: 0 0 5px 0;
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
  color: #20a7e2; }

.dashboard-tile .header {
  font-family: "proxima-nova",sans-serif;
  margin: 0 0 2px 0;
  font-size: 20px;
  color: #20a7e2;
  font-weight: 300;
  line-height: 28px;
  display: block; }

.dashboard-tile p {
  margin: 0;
  font-size: 14px;
  line-height: 15px; }

.tool-tile .tile-image {
  text-align: center;
  display: block;
  margin: 15px auto;
  background: #f4f4f6;
  padding: 15px 10px 10px; }

.dashboard-tile .tile-button {
  text-align: center; }
  .dashboard-tile .tile-button a {
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    margin: 10px auto 0;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    padding: 5px 20px 4px;
    background-color: #20A7E2;
    border-color: #ffffff;
    color: #ffffff; }
    .dashboard-tile .tile-button a:hover, .dashboard-tile .tile-button a:focus, .dashboard-tile .tile-button a:active, .dashboard-tile .tile-button a.selected {
      background-color: #ffffff;
      border-color: #20A7E2;
      color: #20A7E2; }
    .dashboard-tile .tile-button a:hover {
      text-decoration: none; }

.dashboard-tile .separator {
  border-bottom: 1px dashed #ccc; }

.dashboard-page .dashboard-tile table.blog-posts {
  border-collapse: collapse;
  border-spacing: 0; }

.dashboard-page .dashboard-tile table.latest-card-reviews {
  width: 100%; }

.dashboard-page .dashboard-tile .latest-card-reviews tr td,
.dashboard-page .dashboard-tile .blog-posts tr:last-child td {
  border-bottom: none;
  padding-bottom: 0; }

.dashboard-page .dashboard-tile .blog-posts tr:first-child td {
  padding-top: 0; }

.dashboard-page .dashboard-tile .blog-posts td {
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid #ccc; }

.dashboard-page .dashboard-tile .blog-posts td:first-child {
  width: 1%;
  padding-right: 0; }

.dashboard-page .dashboard-tile .blog-posts .date {
  color: #8c8c8c;
  margin-bottom: 5px; }

.dashboard-page .dashboard-tile .blog-posts.latest-card-reviews .tile-button > a {
  color: #fff;
  font-size: 14px;
  display: inline-block;
  text-decoration: none; }

.dashboard-page .dashboard-tile .blog-posts.latest-card-reviews .tile-button > a:hover {
  color: #20a7e2;
  text-decoration: none; }

.dashboard-page .dashboard-tile .blog-posts a {
  margin: 0 0 3px 0;
  font-size: 16px;
  line-height: 18px;
  display: block; }

.dashboard-tile .blog-posts img {
  max-width: 120px;
  margin-right: 10px; }

.dashboard-page .dashboard-tile .blog-posts .fidelity-box {
  float: left;
  width: 49%;
  min-height: 103px;
  padding-top: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.dashboard-page .dashboard-tile .fid-bottom-button a {
  margin-top: 10px; }

.dashboard-page .dashboard-tile .blog-posts .fidelity-box:first-child {
  margin-right: 2%; }

.dashboard-page .dashboard-tile .blog-posts .fidelity-box + .fidelity-box + .fidelity-box + .fidelity-box {
  margin-left: 2%; }

.dashboard-page .dashboard-tile .blog-posts .fidelity-box:first-child,
.dashboard-page .dashboard-tile .blog-posts .fidelity-box:first-child + .fidelity-box {
  padding-top: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc; }

.dashboard-page .dashboard-tile .blog-posts .fidelity-box .fidelity-image-box {
  display: inline-block;
  width: 30%; }

.dashboard-page .dashboard-tile .blog-posts .fidelity-box .fidelity-image-box img {
  max-width: 95%;
  max-height: 80px; }

.dashboard-page .dashboard-tile .blog-posts .fidelity-box .fidelity-link-box {
  display: inline-block;
  width: 65%;
  vertical-align: top; }

/**
 * MAP CSS
 **/
.dashboard-tile .map-item:last-child {
  padding-bottom: 0; }

.dashboard-tile .map-item:first-child {
  padding-top: 0; }

.dashboard-tile .map-item {
  border-bottom: 1px dashed #ccc;
  padding-top: 15px; }

.dashboard-tile .map-item:last-child {
  border-bottom: none; }

.dashboard-tile .map-item img {
  float: left;
  margin: 0 10px 10px 0;
  width: 150px; }

.dashboard-tile .map-item a {
  font-size: 16px; }

.dashboard-tile .map-item.horizontal {
  padding-top: 15px; }

.dashboard-tile .map-item.horizontal:first-child {
  border-bottom: none;
  border-right: 1px dashed #ccc;
  margin-right: 30px;
  float: left;
  width: 50%;
  padding-left: 5px; }

/**
* BLOG CSS
*/
.blog-post-item .post-image img {
  margin-right: 15px;
  /*float: left;*/
  width: 192px;
  height: 128px;
  overflow: hidden; }

/**
 * ARTICLE CSS
 **/
.articles-tile img {
  width: 100%;
  padding-bottom: 10px; }

.articles-tile h3 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0;
  margin: 15px 0 5px; }

.articles-tile a.seemore {
  color: #8c8c8c;
  font-size: 12px;
  text-transform: uppercase; }

.articles-tile a {
  display: block;
  padding-top: 4px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: normal; }

.dashboard-tile.additional-articles .article-group {
  padding-bottom: 10px;
  border-top: 1px dashed #ccc; }

.dashboard-tile.additional-articles .article-group:first-child h3 {
  margin-top: 5px; }

.dashboard-tile.additional-articles .article-group:first-child {
  border-top: none; }

/*
 * used to replace the <hr>'s removed from the output HTML in
 * more_card_reviews_section.html and tax_software_reviews_section.html (SA-12125)
*/
.articles-tile-more_credit_card_reviews .article-group:not(:last-of-type),
.articles-tile-tax_software_reviews .article-group:not(:last-of-type) {
  padding-bottom: 39px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 39px; }

/**
 * ADDITIONAL ARTICLE CSS
 **/
.dashboard-tile.additional-articles > .article-column {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left; }

.newsletter-box {
  clear: both; }

.dashboard-tile.additional-articles > .article-column:first-child {
  padding-right: 15px; }

/****
 Checking accounts dashboard
 ****/
.best-checking-accounts img {
  width: 100%; }

/****
 life insurance dashboard
 ****/
.li-quotes .dashboard-tile p {
  font-size: 16px; }

.li-quotes .subnote {
  color: #8c8c8c;
  font-size: 12px;
  padding: 5px 0 3px 0; }

.li-quotes table.rates {
  font-size: 13px;
  line-height: 14px; }

.li-quotes table.rates tr:first-child td {
  border-top: 1px dotted #bcbcbc; }

.li-quotes table.rates td.title {
  vertical-align: middle; }

.li-quotes table.rates td.cost span {
  font-size: 13px;
  color: #8c8c8c;
  white-space: nowrap; }

.li-quotes table.rates td.btn a:hover {
  background-color: #964A38;
  cursor: pointer; }

.li-quotes table.rates td.btn a {
  display: block;
  border-radius: 4px;
  background-color: #D37059;
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  float: right;
  line-height: 15px;
  padding: 5px 10px;
  white-space: nowrap; }

.li-quotes table.rates td.btn {
  vertical-align: middle;
  text-align: right; }

.li-quotes table.rates td.cost {
  vertical-align: middle;
  width: 25%;
  font-size: 22px;
  line-height: 0.6; }

.li-quotes table.rates td {
  padding: 8px 0;
  border-bottom: 1px dotted #bcbcbc; }

/****
 brokerage accounts dashboard
 ****/
.ba-quotes .dashboard-tile p {
  font-size: 14px; }

.ba-quotes .subnote {
  color: #8c8c8c;
  font-size: 12px;
  padding: 5px 0 3px 0; }

.ba-quotes table.rates {
  font-size: 13px;
  line-height: 14px; }

.ba-quotes table.rates tr:first-child td {
  border-top: 1px dotted #bcbcbc; }

.ba-quotes table.rates tr td {
  padding: 5px 0;
  height: 40px;
  border-bottom: 1px dotted #bcbcbc;
  vertical-align: middle; }

.ba-quotes table.rates td.title {
  vertical-align: middle; }

.ba-quotes table.rates td.cost span {
  font-size: 13px;
  color: #8c8c8c;
  white-space: nowrap;
  font-weight: 300; }

.ba-quotes table.rates tr:hover {
  cursor: pointer; }

.ba-quotes table.rates tr:hover td.btn span {
  background-color: #964A38;
  cursor: pointer; }

.ba-quotes table.rates td.btn span {
  display: block;
  border-radius: 4px;
  background-color: #D37059;
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  float: right;
  line-height: 15px;
  padding: 5px 10px;
  white-space: nowrap; }

.ba-quotes table.rates td.btn {
  vertical-align: middle;
  text-align: right; }

.ba-quotes table.rates td.cost {
  vertical-align: middle;
  font-size: 21px;
  line-height: 0.6;
  font-weight: 600; }

.dashboard-section .ba-quotes table.rates td {
  width: auto;
  padding: 8px 0;
  border-bottom: 1px dotted #bcbcbc; }

.ba-quotes table.rates td.logo img {
  text-align: center;
  max-width: 70px; }

/**
 * citi sponsorship css
 **/
.citi-links a:last-child {
  margin-bottom: 0; }

.citi-links a {
  display: block;
  font-size: 15px;
  line-height: 17px;
  margin-bottom: 12px; }

.citi-links a:before {
  display: inline-block;
  font-size: 1em;
  margin-right: 8px;
  content: "\f105";
  font-family: FontAwesome, sans-serif; }

@media (max-width: 1300px) {
  .dashboard-page {
    width: 758px;
    max-width: 758px; }
  .dashboard-tile .map-item.horizontal:first-child {
    margin-right: 10px; }
  .dashboard-page .dashboard-tile .blog-posts .fidelity-box {
    min-height: 115px; } }

@media (max-width: 1120px) {
  .newsletter-box {
    display: none; }
  .dashboard-page {
    padding-left: 0; } }

@media (max-width: 758px) {
  .no-mobile {
    display: none !important; }
  .dashboard-tile.additional-articles .article-column:first-child .article-group:first-child h3 {
    margin-top: 5px; }
  .dashboard-tile.additional-articles .article-group:first-child h3 {
    margin-top: 15px; }
  .dashboard-tile.additional-articles .article-column .article-group {
    border-top: 1px dashed #ccc; }
  .dashboard-tile.additional-articles .article-column:first-child .article-group:first-child {
    border-top: none; }
  .dashboard-tile.additional-articles > .article-column:first-child {
    padding-right: 0; }
  .dashboard-page h1 {
    line-height: 1em;
    margin-top: 0; }
  .dashboard-page {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box; }
  .dashboard-page table.main-tb {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .tool-tile .tile-image img {
    width: 80%;
    max-width: 340px; }
  .dashboard-page td.td-col {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .dashboard-page .dashboard-tile .blog-posts tr td img {
    margin-right: 10px; }
  .dashboard-page .dashboard-tile .blog-posts tr td {
    vertical-align: top; }
  .dashboard-page .dashboard-tile .blog-posts .fidelity-box,
  .dashboard-page .dashboard-tile .blog-posts .fidelity-box:first-child + .fidelity-box {
    width: 100%;
    margin: 0;
    min-height: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc; }
  .dashboard-page .dashboard-tile .blog-posts .fidelity-box:first-child {
    padding-top: 0; }
  .dashboard-page .dashboard-tile .blog-posts .fidelity-box:last-child {
    border-bottom: none;
    padding-bottom: 0; }
  .dashboard-page .dashboard-tile .blog-posts .fidelity-box + .fidelity-box + .fidelity-box + .fidelity-box {
    margin: 0; }
  .dashboard-page .dashboard-tile .blog-posts .fidelity-box .fidelity-image-box {
    width: auto; }
  .dashboard-page .dashboard-tile .blog-posts .fidelity-box .fidelity-link-box {
    width: auto;
    max-width: 65%; }
  .dashboard-page table.desktop-layout td,
  .dashboard-page table.desktop-layout td:first-child {
    width: 100%;
    padding-right: 0; }
  .dashboard-page .li-quotes table.rates {
    width: 100%; }
  .dashboard-page .li-quotes table.rates td,
  .dashboard-page .li-quotes table.rates td:first-child {
    width: auto;
    padding-right: 5px; }
  .dashboard-page .ba-quotes table.rates {
    width: 100%; }
  .dashboard-page .ba-quotes table.rates td,
  .dashboard-page .ba-quotes table.rates td:first-child {
    width: auto;
    padding-right: 5px; }
  .dashboard-tile.additional-articles > .article-column {
    width: 100%;
    padding-right: 0; } }

@media (max-width: 450px) {
  .dashboard-page .dashboard-tile .blog-posts .fidelity-box .fidelity-link-box {
    max-width: 55%; } }

@media (max-width: 350px) {
  .dashboard-page .dashboard-tile .blog-posts .fidelity-box .fidelity-link-box {
    max-width: 45%; } }

/**
 ************************************************************
 * This is the CSS for the interactive section
 ************************************************************
 * DO NOT ADD MODIFY THIS FILE, BEFORE CHECKING WITH PC
 ************************************************************
 * ==============
 * VERY IMPORTANT
 * ==============
 *
 * 1. DO NOT change existing styles in this file
 * 2. DO NOT over-ride existing styles within this same file
 *    Any CSS over-rides should be in page-specific files
 * 3. You may ONLY ADD new styles (classes) to this file
 *
 */
/* ===== Interactive Page Typography ===== */
.seocontent {
  /* Styles to enlarge the first h2 in the 'seocontent' section */ }
  .seocontent > h2:first-of-type {
    font-size: 2.44141rem;
    line-height: 2.84375rem; }
  .seocontent caption {
    caption-side: bottom;
    padding-top: 10px;
    font-size: 0.8rem;
    line-height: 1.21875rem; }
  .seocontent table caption {
    text-align: left; }

@media (max-width: 758px) {
  .seocontent > h2:first-of-type {
    font-size: 1.95312rem;
    line-height: 2.4375rem; } }

/* ===== Interactive Page Structure ===== */
.interactive-content .padded {
  padding: 30px; }

.interactive-content,
.interactive-content p {
  font-size: 16px;
  line-height: normal; }

#interaction-container .main-error > span {
  display: block;
  padding: 12px 12px; }

#interaction-container .main-error {
  padding: 0;
  font-size: 14px;
  background: #ffe9e1;
  border: 1px solid #ea7723;
  color: #ea7723;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2000;
  opacity: 0.95;
  width: 657px;
  display: none; }

#interaction-container .overlay {
  display: none;
  position: absolute;
  z-index: 1999;
  top: 0;
  left: 0;
  width: 2000px;
  height: 4000px;
  background: #fff;
  opacity: 0.8; }

.interactive-content .graphic-title,
.interactive-content .answer-title {
  font-size: 24px;
  line-height: 27px; }

.interactive-content .answer-title {
  font-size: 26px;
  line-height: 40px; }

.interactive-content .answer-text {
  font-size: 15px;
  line-height: 17px;
  text-decoration: none; }

.interactive-content .answer-number {
  font-size: 29px;
  color: #20a7e2; }

.interactive-content .center {
  text-align: center;
  display: block; }

.interactive-content .input-label {
  font-size: 13px;
  text-transform: uppercase; }

.interactive-content .input-text {
  line-height: 18px;
  font-size: 16px; }

.interactive-content .filter-label {
  font-size: 13px;
  line-height: 13px;
  text-transform: uppercase;
  font-weight: bold; }

.info-icon {
  margin-left: 5px; }

.interactive-content .input-data {
  color: #20A7E2;
  font-size: 25px;
  line-height: 28px; }

.interactive-content .graphic-title {
  text-transform: none;
  font-size: 18px; }

.interactive-content label.checkbox {
  font-size: 13px; }

.interactive-content label.checkbox:hover {
  color: #000; }

.interactive-content .note .alert-icon {
  position: absolute;
  top: 0;
  left: 0; }

.interactive-content .note {
  position: relative;
  padding-left: 20px;
  font-size: 12px;
  line-height: 18px; }

.interactive-content .note .blue {
  font-size: 16px;
  color: #20a7e2; }

.interactive-content .reset-button,
.interactive-content .reset-button span {
  line-height: 1em; }

.interactive-content .reset-button span {
  color: #20a7e2;
  cursor: pointer; }

.interactive-content .reset-button span:hover {
  text-decoration: underline; }

.interactive-content .reset-button span.disabled,
.interactive-content .reset-button span.disabled:hover {
  color: #aaa;
  text-decoration: none; }

.interactive-content .reset-button span {
  font-size: 12px;
  font-weight: normal; }

/* Accordion Menu styles */
.sa-accordion {
  margin: 20px 0 30px;
  padding: 0;
  border-top: 1px solid #cccccc;
  list-style: none;
  font: 700 14px/1 "proxima-nova", sans-serif; }

.sa-accordion-item {
  position: relative;
  margin: 0;
  border: 1px solid #cccccc;
  border-top: none; }
  .sa-accordion-item:hover {
    cursor: pointer; }

.sa-accordion-item-title {
  padding: 8px 14px; }
  .sa-accordion-item-title::after {
    content: '\f107';
    /* angle-down */
    font-family: FontAwesome, sans-serif;
    display: block;
    position: absolute;
    top: 7px;
    right: 14px;
    color: #8c8c8c; }
  .sa-accordion-item-title.open::after {
    content: '\f106';
    /* angle-up */ }

.sa-accordion-item-content {
  display: none;
  padding: 15px 8px 0 18px;
  border-top: 1px solid #cccccc;
  box-sizing: border-box;
  /* targeting child items for padding so that Firefox and IE bug don't show a second scrollbar */
  /* Expert Consultant styles */
  /* END Expert Consultant styles */ }
  .sa-accordion-item-content .nano {
    min-height: 20px;
    max-height: 300px;
    /* TODO: check at narrowest desktop width that "Assumptions" does not have a scrollbar, check with Angie -- this would be 650px */
    margin-bottom: 15px; }
  .sa-accordion-item-content .nano-content > * {
    padding-right: 15px;
    /* includes nano-slider width */
    /* SA-12366 - ensuring that any last element within the accordion does not have margin bottom */ }
    .sa-accordion-item-content .nano-content > *:last-child {
      margin-bottom: 0;
      /* the last list item within the last item should also not have any margin-bottom */ }
      .sa-accordion-item-content .nano-content > *:last-child li:last-of-type {
        margin-bottom: 0; }
  .sa-accordion-item-content .nano-pane {
    opacity: 1;
    /* persistent scrollbar */ }
    .sa-accordion-item-content .nano-pane .nano-slider {
      background: #cccccc; }
  .sa-accordion-item-content .sa-accordion-mobile-expand {
    display: none; }
  .sa-accordion-item-content ul {
    list-style-type: disc;
    font-size: 15px;
    font-weight: 400; }
  .sa-accordion-item-content h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase; }
  .sa-accordion-item-content p {
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 10px; }
  .sa-accordion-item-content .expert-image {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 103px;
    /* only apply if an expert-image exists */ }
    .sa-accordion-item-content .expert-image + .expert-text-block {
      margin-left: 115px;
      /* max-width for image + 12px */ }
  .sa-accordion-item-content .expert-name,
  .sa-accordion-item-content .expert-topic {
    font-size: 16px; }
  .sa-accordion-item-content .expert-topic {
    padding-left: 10px;
    font-weight: 700; }

@media (max-width: 758px) {
  .sa-accordion-item-content {
    padding-right: 18px;
    /* Expert Consultant styles */
    /* END Expert Consultant styles */ }
    .sa-accordion-item-content.accordion-mobile--no_toggle .nano {
      min-height: 0; }
    .sa-accordion-item-content.accordion-mobile--no_toggle .nano-content {
      margin: 0; }
    .sa-accordion-item-content .nano {
      min-height: 300px;
      max-height: inherit; }
    .sa-accordion-item-content .nano-content {
      overflow: hidden;
      margin-bottom: 20px;
      /* allow space for .sa-accordion-mobile-expand */ }
      .sa-accordion-item-content .nano-content:focus {
        outline: none; }
      .sa-accordion-item-content .nano-content > * {
        padding-right: 0; }
    .sa-accordion-item-content .nano-pane {
      display: none !important;
      /* force nano scroller hidden in mobile */ }
    .sa-accordion-item-content .sa-accordion-mobile-expand {
      position: absolute;
      bottom: 0;
      left: 0;
      display: inline-block;
      font-weight: 400;
      color: #20A7E2; }
    .sa-accordion-item-content .expert-image {
      position: relative;
      display: table-cell;
      max-width: 77px;
      margin: 0 auto;
      /* only apply if an expert-image exists */ }
      .sa-accordion-item-content .expert-image + .expert-text-block {
        margin-top: 10px;
        margin-left: 0; } }

/* END Accordion Menu styles */
/********
 Mortgage Block
 ********/
.custom-riklam .etabs .tab.active {
  top: 0;
  border-bottom: 2px solid #fff;
  background: #fff;
  border-top-color: #e6e6e6; }

.custom-riklam .etabs .tab {
  width: 153px;
  background: #F4F4F6;
  border: 2px solid #E6E6E6;
  border-left: none;
  border-top-color: #F4F4F6;
  display: block;
  float: left;
  height: 41px; }

.custom-riklam .tab-container > div {
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
  border-right-style: none;
  border-left-style: none;
  padding-bottom: 10px; }

.custom-riklam .etabs .tab:first-child {
  border-left: none; }

@media (min-width: 758px) {
  .custom-riklam .etabs .tab:last-child {
    border-right: none;
    width: 155px; }
  .custom-riklam .etabs .tab.active:last-child {
    border-right: 2px solid #E6E6E6; } }

.custom-riklam .etabs {
  font-size: 0;
  height: 49px; }

.custom-riklam .etabs .tab a:hover {
  color: #20a7e2; }

.custom-riklam .etabs .tab a.active:hover {
  color: #333; }

.custom-riklam .etabs .tab a {
  color: #333;
  padding-top: 4px;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 18px;
  text-align: center; }

.custom-riklam .etabs .tab a span {
  display: block;
  text-align: center; }

.bottom-right {
  padding-top: 100px; }

.bottom-right .sharing {
  float: none; }

.legend {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  margin-right: 10px;
  margin-top: 3px;
  margin-bottom: -3px; }

.legend.sm {
  width: 13px;
  height: 13px; }

.fg-light-blue {
  color: #20a7e2; }

.fg-light-gray {
  color: #bcbcbc; }

.bg-medium-blue {
  background: #1F84AD; }

.bg-light-blue {
  background: #20a7e2; }

.bg-dark-blue {
  background: #004962; }

.bg-twilight-blue {
  background: #2d708e; }

.bg-light-yellow {
  background: #fccd03; }

.bg-medium-yellow {
  background: #f9b719; }

.bg-dark-yellow {
  background: #e59e10; }

.bg-orange {
  background: #e48f25; }

.bg-light-green {
  background: #7bc366; }

.bg-medium-green {
  background: #54ba6c; }

.bg-medium-green-2 {
  background: #43aa59; }

.bg-green {
  background: #05ad79; }

.bg-dark-green {
  background: #09926a; }

.bg-dark-gray {
  background: #4b4b4b; }

.bg-medium-gray {
  background: #8c8c8c; }

.bg-light-gray {
  background: #bcbcbc; }

.bg-light-gray-2 {
  background: #cccccc; }

.bg-light-gray-3 {
  background: #e8e8e8; }

.bg-light-gray-4 {
  background: #f9f9f9; }

.bg-light-gray-5 {
  background: #f4f4f6; }

.bg-transparent {
  background: transparent; }

.graphic-answer {
  font-size: 22px; }

sup.larger {
  font-size: 1.5em;
  position: absolute;
  margin-top: 2px;
  margin-left: 2px; }

.pill-buttons {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px; }

.pill-buttons > div {
  width: 49%;
  float: left;
  border: 1px solid #ccc;
  border-radius: 0 10px 10px 0; }

.pill-buttons > div > div {
  cursor: pointer;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center; }

.pill-buttons > div:first-child {
  border-right: none;
  border-radius: 10px 0 0 10px; }

.pill-buttons > div:hover {
  background-color: #004962;
  border-color: #004962;
  color: #fff; }

.pill-buttons > div.selected {
  background-color: #20a7e2;
  border-color: #20a7e2;
  color: #fff; }

.legend-box {
  font-size: 14px;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  background: #F4F4F6;
  padding-top: 10px;
  padding-bottom: 10px; }

.legend-box .legend-content .right {
  float: right; }

.legend-box .legend-content {
  margin: 0 30px; }

.caption {
  font-family: "proxima-nova",sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 14px;
  line-height: 19px;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.caption img.center {
  display: block;
  margin-bottom: 5px; }

@media (max-width: 1300px) {
  #interaction-container .main-error {
    width: 507px;
    top: 15px;
    left: 15px; }
  .interactive-content .padded {
    padding: 15px; }
  .custom-riklam .etabs .tab {
    width: 113px; }
  .custom-riklam .etabs .tab:last-child {
    width: 113px; } }

@media (max-width: 1120px) {
  .right-column.bottom-right {
    display: none; } }

@media (max-width: 758px) {
  body .interactive-content .padded {
    padding-right: 0;
    padding-left: 0; }
  .main h1.title {
    padding: 13px;
    margin: 0;
    background: #e8e8e8;
    font-family: "proxima-nova", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1; }
  .custom-riklam .etabs .tab,
  .custom-riklam .etabs .tab:last-child {
    width: 90px; }
  .custom-riklam .etabs .tab a {
    padding: 4px 2px 0; }
  body.doing-inputs .mobile-input-close {
    position: relative;
    top: -1px;
    background: #05ad79;
    color: #fff;
    padding: 1px 13px 5px 13px;
    font-size: 16px;
    font-weight: 100;
    text-transform: uppercase;
    display: block; }
  body.doing-inputs .map-content {
    display: none; }
  #interaction-container .overlay {
    height: 100%;
    width: 100%; }
  body.doing-walkthrough .main .left-column {
    padding: 0; }
  body.doing-walkthrough .next-tiles-container,
  body.doing-walkthrough .main .right-column,
  body.doing-walkthrough .main .interactive-content,
  body.doing-walkthrough .main .worksheet,
  body.doing-walkthrough .main .left-column.seocontent,
  body.doing-walkthrough .main .map-content,
  body.doing-walkthrough .main #main-tabs,
  body.doing-walkthrough #footer {
    display: none; }
  body.doing-inputs .mobile-input-close > span {
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 13px;
    color: #05ad79;
    text-transform: uppercase;
    top: -9px;
    font-weight: 600;
    padding: 4px 14px 3px 13px;
    border-radius: 4px;
    background: #fff; }
  body.doing-inputs #inputs-container.nano > .nano-content {
    margin-right: 0;
    padding-right: 0; }
  body.doing-inputs .next-tiles-container,
  body.doing-inputs .main .subtitle,
  body.doing-inputs .main .site-riklam,
  body.doing-walkthrough .main .subtitle {
    display: none; }
  #inputs-walkthrough .row .tightcontainer > input {
    width: 100%; }
  table.striped .header td {
    font-size: 12px; }
  table.striped td {
    font-size: 12px;
    padding: 5px; }
  .tab {
    padding-left: 5px;
    padding-right: 5px; }
  #interaction-container .main-error {
    left: 0;
    top: 5px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    background: none;
    padding: 0 10px;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #interaction-container .main-error > span {
    border: 1px solid #ea7723;
    background: #ffe9e1;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; } }

/**
 Tout Box (Next Tiles) styles
**/
.next-tiles {
  width: 100%;
  min-height: 148px; }
  .next-tiles > div.next-tiles-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center; }

.next-tiles div.tile {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-height: 148px;
  padding: 15px;
  vertical-align: top;
  box-sizing: border-box;
  border: 1px solid #bcbcbc;
  background-color: #ffffff;
  text-align: center; }
  .next-tiles div.tile + div.tile {
    margin-left: 15px; }
  .next-tiles div.tile section {
    display: table; }
    .next-tiles div.tile section div.left {
      display: table-cell;
      vertical-align: middle;
      padding-right: 10px; }
      .next-tiles div.tile section div.left img {
        display: block;
        margin: 0;
        max-width: 50px; }
    .next-tiles div.tile section div.right {
      display: table-cell;
      text-align: left; }
      .next-tiles div.tile section div.right b {
        font-size: 16px;
        line-height: 1.225rem;
        font-weight: 400;
        color: #333; }
      .next-tiles div.tile section div.right span {
        display: block;
        font-size: 12.8px;
        font-weight: 600;
        color: #cccccc;
        text-transform: uppercase; }
  .next-tiles div.tile a {
    display: block;
    box-sizing: border-box;
    margin-top: 25px;
    padding: 3px 0;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    background: #20A7E2;
    color: #fff;
    cursor: pointer;
    white-space: nowrap; }
    .next-tiles div.tile a:hover, .next-tiles div.tile a:active {
      background: #228ABA;
      cursor: pointer; }
    .next-tiles div.tile a.red {
      background: #d37069; }
      .next-tiles div.tile a.red:hover, .next-tiles div.tile a.red:active {
        background: #974a35;
        cursor: pointer; }

.next-tiles-container {
  margin-top: 10px; }

.interactive-content .next-tiles-container {
  width: 100%;
  margin: 0 0 20px 0; }

@media (max-width: 758px) {
  .next-tiles > div.next-tiles-row {
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center; }
  .next-tiles div.tile {
    width: 100%;
    max-width: 290px;
    margin: 20px 0 0 0; }
    .next-tiles div.tile + div.tile {
      margin-left: 0; }
    .next-tiles div.tile a {
      margin-top: 36px; } }

/**
 ************************************************************
 * PLEASE READ NOTICE AT THE TOP OF THIS FILE BEFORE
 * MAKING *ANY* CHANGES TO IT
 ************************************************************
 */
.disclosure-btm {
  margin-top: 2px;
  padding: 0;
  font-size: 11px;
  color: #bcbcbc;
  font-weight: 600; }

.disclosure-btm .disclosure {
  color: #bcbcbc;
  cursor: pointer; }

.disclosure-btm .disclosure:hover {
  color: #8c8c8c;
  text-decoration: underline; }

.right-source {
  float: right; }

.link-to-mortgage-calculator {
  margin-bottom: 20px; }

@media (max-width: 1300px) {
  #inputs-container input.narrow_input {
    width: 70px; } }

@media (max-width: 758px) {
  #retirement-iframe.left-column {
    width: auto;
    margin-left: 10px;
    margin-right: 10px; }
  body.doing-inputs #retirement-iframe,
  body.doing-walkthrough #retirement-iframe {
    display: none; } }

/* This code is for ads that appear in empty states as modals (bad credit, errors...) */
.empty_state {
  display: none;
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  padding: 0 15px;
  z-index: 2999; }

@media (max-width: 758px) {
  .empty_state {
    top: 20%; } }

/*
 * Other CSS files --  added via page controllers but NOT declared in StyleSheetConstants.java
*/
/**
 ************************************************************
 * Styles for state-level SEO content, shared between a number
 * of pages.
 ************************************************************
 */
.seocontent {
  padding: 1.625rem;
  border: 1px solid transparent;
  background-color: #ffffff;
  box-sizing: border-box;
  margin-top: 0.8125rem;
  margin-bottom: 1.625rem; }

.seocontent .photocredit {
  font-size: 12px;
  margin-top: 6px;
  clear: both; }

.seocontent .quick-facts .title {
  font-size: 14px;
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase; }

.seocontent .quick-facts table {
  border: none;
  border-collapse: collapse; }

.seocontent .quick-facts table td {
  vertical-align: top;
  padding-right: 15px; }

.seocontent .quick-facts ul {
  padding-left: 2rem; }

.seocontent .quick-facts li {
  margin-top: 0;
  margin-bottom: 0; }

.seocontent .quick-facts img {
  float: left;
  width: 200px; }

.seocontent .seo-img {
  float: left;
  padding: 0 15px 0 0; }

.seocontent .seo-img img {
  width: 372px; }

.seocontent .general-info img {
  float: left;
  width: 372px; }

.seocontent div.wide50 {
  width: 50%;
  margin-left: auto;
  margin-right: auto; }

.seocontent div.wide75 {
  margin-left: auto;
  margin-right: auto;
  width: 75%; }

.seocontent h3 span.date {
  font-size: 12px;
  color: #999;
  margin-left: 5px; }

.seocontent .tab-ctr.table-border-top > div {
  border-top: 1px solid #aaa; }

.seocontent .tab-ctr > div {
  border: 1px solid #aaa;
  border-top: none; }

.seocontent .tab:hover {
  background-color: #ededf0; }

.table-columns-left td,
.table-columns-left th {
  text-align: left; }

.table-columns-left-center td,
.table-columns-left-center th {
  text-align: center; }

.table-columns-left-center td:first-child,
.table-columns-left-center th:first-child {
  text-align: left; }

.table-columns-tight td,
.table-columns-tight th {
  width: 20%; }

body .seocontent .tab-ctr table tr.head td,
body .seocontent .tab-ctr table tr.head th {
  background: #e8e8e8;
  font-weight: 600;
  color: #404040; }

.seocontent .tab-ctr table tr:nth-child(even) td {
  background: #f4f4f6; }

.seocontent .tab-ctr table td,
.seocontent .tab-ctr table th {
  font-size: 13px;
  padding: 2px 10px; }

.seocontent .tab-ctr .table-note {
  font-size: 12px;
  line-height: normal; }

.seocontent .tab a {
  line-height: 1em;
  color: #20a7e2;
  text-align: center; }

.seocontent .tab {
  display: table-cell;
  vertical-align: middle;
  max-width: 130px;
  height: 35px;
  border-right: 2px solid #fff;
  background-color: #f4f4f6; }

.seocontent .wide-tabs .tab {
  max-width: 220px; }

.seocontent .wide-tabs .tab a {
  padding-left: 25px;
  padding-right: 25px; }

.seocontent .etabs,
.seocontent .tab.active {
  border-color: #aaa; }

.seocontent .tab a.active {
  color: #fff; }

.seocontent .tab.active {
  border: none;
  background-color: #20a7e2;
  border-right: 2px solid #fff;
  color: #fff;
  top: 0; }

.seocontent .quick-facts ul {
  float: left; }

.seocontent .quick-facts:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.seocontent .general-info ul {
  padding-top: 0;
  margin-top: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px; }

.seocontent .general-info ul li {
  margin-bottom: 10px; }

.seo-section {
  display: block;
  height: 80px;
  margin-top: -80px;
  visibility: hidden;
  position: absolute; }

@media (max-width: 758px) {
  .seocontent {
    padding: 0.8125rem;
    border: 1px solid transparent;
    background-color: #ffffff;
    box-sizing: border-box;
    margin-top: 0.8125rem;
    margin-bottom: 0.8125rem; }
  .seocontent .quick-facts .title {
    margin-top: 10px; }
  .seocontent .quick-facts table td {
    padding: 0;
    display: block;
    width: 100%; }
  .seocontent .quick-facts img,
  .seocontent .seo-img img {
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
  .seocontent div.wide75 {
    width: 100%; }
  .seocontent .tab-ctr.hide-tabs-in-mobile ul.etabs {
    display: none; }
  .seocontent .tab-ctr.hide-tabs-in-mobile > div {
    display: block !important;
    border: none;
    margin-bottom: 10px; }
  .seocontent .hide-tabs-in-mobile tr.only-mobile td {
    background: #20a7e2;
    color: #fff;
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 8px; }
  .seocontent .mobile-hide-col2 tr td:nth-child(2) {
    display: none; }
  .seocontent .mobile-hide-col3 tr td:nth-child(3) {
    display: none; } }

/**
 * CSS for above interaction units
 **/
.intro img {
  float: right;
  max-width: 300px;
  padding-left: 15px;
  padding-bottom: 15px; }

.intro .title {
  margin-top: 0; }

@media (max-width: 758px) {
  .intro img {
    float: none;
    display: block;
    margin: 15px auto;
    max-width: 100%;
    padding-left: 0;
    padding-bottom: 0; } }

/**
 * Styles for the State Mortgage Page
 **/
.state-mortgage-page .seocontent .tab-ctr #table4-tab1 table td {
  text-align: left;
  vertical-align: top;
  line-height: normal;
  padding: 5px 10px; }

.state-mortgage-page .seocontent .tab-ctr #table4-tab1 table tr td:nth-child(4) {
  word-break: break-all;
  word-break: break-word; }

.state-mortgage-page .seocontent .tab-ctr #table4-tab1 table tr td:nth-child(1) {
  font-weight: 600; }

@media (max-width: 758px) {
  .state-mortgage-page .seocontent .tab-ctr #table4-tab1 table,
  .state-mortgage-page .seocontent .tab-ctr #table4-tab1 table tr,
  .state-mortgage-page .seocontent .tab-ctr #table4-tab1 table tr td {
    display: block; }
  .state-mortgage-page .seocontent .tab-ctr #table4-tab1 table tr:not(.head) {
    padding-bottom: 5px; }
  .state-mortgage-page .seocontent .tab-ctr #table4-tab1 table td {
    width: auto; }
  .state-mortgage-page .seocontent .tab-ctr #table4-tab1 table tr.head td {
    display: none; }
  .state-mortgage-page .seocontent .tab-ctr #table4-tab1 table tr:nth-child(even) td {
    background: #fff; }
  .state-mortgage-page .seocontent .tab-ctr #table4-tab1 table tr td:nth-child(1) {
    background: #e8e8e8; }
  .state-mortgage-page .seocontent .tab-ctr #table4-tab1 table tr td:nth-child(2):before {
    content: "Resource";
    display: block;
    font-weight: 600; }
  .state-mortgage-page .seocontent .tab-ctr #table4-tab1 table tr td:nth-child(3):before {
    content: "Who Qualifies";
    display: block;
    font-weight: 600; }
  .state-mortgage-page .seocontent .tab-ctr #table4-tab1 table tr td:nth-child(4):before {
    content: "Website";
    display: block;
    font-weight: 600; } }

div.content-image {
  display: block;
  max-width: 755px;
  width: 100%;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background-color: #d8d8d8; }

div.content-image > div {
  display: inline-block; }

div.content-image p {
  margin-top: 0.8125rem;
  margin-bottom: 0.8125rem; }

div.content-image > img,
div.content-image > div > img,
img.content-image {
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto; }

div.content-image.size-500 {
  max-width: 500px; }

img.content-image-border {
  border: 1px solid #d8d8d8; }

img.content-form {
  float: left;
  height: auto;
  margin: 5px 36px 20px 0; }

.seocontent div.imgc, .seocontent figure {
  float: right;
  color: #999;
  font-size: 11px;
  margin-left: 15px;
  margin-bottom: 15px;
  margin-top: 0; }
  .seocontent div.imgc img, .seocontent figure img {
    max-width: 350px;
    border-radius: 4px; }

.seocontent figure {
  display: table;
  width: 1px; }
  .seocontent figure img, .seocontent figure figcaption {
    display: table-row; }

@media (max-width: 758px) {
  .seocontent div.imgc, .seocontent figure {
    text-align: center;
    float: none;
    margin: 0 auto 10px auto; }
    .seocontent div.imgc img, .seocontent figure img {
      max-width: 300px;
      border-radius: 4px; }
  .seocontent div.imgc img {
    width: 100%; }
  img.content-form {
    float: none;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto; } }

/**
 Overrides for SEO content that is create via the CMS
 */
.cms-content .image-style-align-left {
  float: left;
  margin-bottom: 15px;
  margin-right: 15px; }
  .cms-content .image-style-align-left img {
    max-width: 350px; }

.cms-content .image-style-align-right {
  float: right;
  margin-bottom: 15px;
  margin-left: 15px; }
  .cms-content .image-style-align-right img {
    max-width: 350px; }

.cms-content .image-style-align-center img {
  margin: auto; }

.cms-content .image-style-align-center figcaption {
  display: table;
  margin: auto; }

.cms-content p, .cms-content h1, .cms-content h2, .cms-content h3, .cms-content h4 {
  word-break: break-word; }

.cms-content figure {
  margin: 0;
  float: none;
  display: block;
  width: auto; }
  .cms-content figure img {
    max-width: 100%; }

.cms-content figcaption {
  font-size: 12px; }

.cms-content img {
  display: block;
  border-radius: 0;
  margin: 0; }

.cms-content .cms-inline_captioned-image {
  margin: 0;
  display: block;
  width: auto; }

.cms-content .cms-inline_content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: flex-start; }
  .cms-content .cms-inline_content p, .cms-content .cms-inline_content li {
    margin: 0; }

.cms-content .cms-inline_content-left {
  padding-right: 15px; }
  .cms-content .cms-inline_content-left figure, .cms-content .cms-inline_content-left img {
    margin: 0; }

.cms-content .cms-inline_content-right ul, .cms-content .cms-inline_content-right ol {
  padding-left: 2rem;
  margin-bottom: .8125rem;
  margin-top: 0; }

.cms-content .cms-inline_content-right li {
  margin-bottom: 10px; }

.cms-content .sources p {
  color: #8c8c8c;
  font-size: 0.8rem;
  line-height: 1.21875rem; }

@media (max-width: 758px) {
  .cms-content tr.only-mobile {
    display: table-row; }
  .cms-content figure img {
    border-radius: 0; }
  .cms-content .cms-inline_content {
    display: block; }
    .cms-content .cms-inline_content img {
      width: 100%;
      height: auto; }
  .cms-content .cms-inline_content-left {
    padding-right: 0; } }

div.cms .cms-toolbar {
  background-color: #00496e; }

div.cms .cms-toolbar-item-navigation > li > a {
  color: #ffffff; }

.edit_page_placeholder {
  display: flex;
  padding: 20px;
  margin: 25px 0;
  border: solid #00496e 2px;
  background-color: #f4f4f6;
  color: #00496e; }

/**
 * Emulating SA's h2 subtitle class outside of its intended `main` container parent
 */
h2.subtitle {
  margin-top: 0;
  margin-bottom: 25px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.3;
  font-weight: normal; }

.main {
  position: relative;
  margin-top: 20px; }
  .main.hash-content {
    padding-top: 0; }
  .main::after {
    position: absolute;
    font-style: italic;
    font-size: small;
    top: -1.5em;
    right: 1px;
    color: #8c8c8c; }

.container--intro_block::after {
  content: 'This will become the intro block at the top of the page.'; }

.container--main_content::after {
  content: 'This will become the main content block in the middle of the page.'; }

.container--hashstation_content::after {
  content: 'This will become the hashstation content block at the bottom fo the page.'; }