/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/**
 * Font variables:
 * Quick n dirty hack to try to reflect brand update fonts throughout site.
 * When refactor, clean this up!
 */
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/**
 * Font variables:
 * Quick n dirty hack to try to reflect brand update fonts throughout site.
 * When refactor, clean this up!
 */
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.bg-header {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAyCAIAAAD0sO2ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQ0NDRjk0RTM4MEMxMUUzOTMyNUZBMDhDRjIzOEU3QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQ0NDRjk0RjM4MEMxMUUzOTMyNUZBMDhDRjIzOEU3QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM1MEY4NkMxMzVFRTExRTM5MzI1RkEwOENGMjM4RTdCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM1MEY4NkMyMzVFRTExRTM5MzI1RkEwOENGMjM4RTdCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+d83yhAAAASVJREFUeNpUUVmWAyEIRMAD9f1PNsoyVdovmfkIEakNezzPs/eec1aV3pOIoOr0udeWHqgq0nP63j+o2tJrL5+O+uWYT3Wfa+1u2ZhcHc4xQXNPqOS4O2Q4MTP03dRU/J1+uRubtZaZQ/N/NrBfzjo+6IPq4BwfQ7YIcgw+LdD4+jCBdAEMjmNU3Znh5ky9c+MKMkYfhW5IS/ANqEMNI4CcpC988LMTVxUUhS966y5mwwlIRQIAiFbgsU+GMi73xcHgw3fDXM4bJDXPPgG2WiI175TfAr0enTg54vWOjKEnG7+mEq/wHjqaHCWtsl5N7IObiqTWJxuzQudejTHIysoejXo4A5xC1fsGwJCD6R8f6FZh+ah4OcAYs8knWzILJjfHrwADAM+3MtzttgMvAAAAAElFTkSuQmCC");
  background-repeat: repeat-x;
}

.main-site-nav .utility-nav > .navdropdown > a, .main-site-nav .main-nav .navdropdown > a {
  color: #ffffff;
  display: block;
  font-family: "GT America", "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 700;
  height: 100%;
  outline: none;
  text-transform: uppercase;
}
.main-site-nav .utility-nav > .navdropdown > a .icon, .main-site-nav .main-nav .navdropdown > a .icon {
  display: block;
  margin: -21px auto 0;
}

.main-site-nav {
  height: 103px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 45789;
}
@media all and (min-width: 1360px) {
  .main-site-nav .logo {
    padding-right: 13px;
  }
}
@media all and (min-width: 1680px) {
  .main-site-nav .logo {
    padding-right: 14px;
  }
}
@media all and (min-width: 1930px) {
  .main-site-nav .logo {
    padding-right: 15px;
  }
}
.main-site-nav .logo {
  background-position: 50%;
  background-size: 160px auto;
  float: left;
  height: 103px;
  margin-left: 8px;
  padding: 0 12px;
  width: 160px;
}
.main-site-nav .mainheader-container {
  position: relative; /* dropdowns are positioned and sized relative to this container */
}
.main-site-nav .dropdown-content {
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 4px 1px;
}
@media all and (min-width: 1360px) {
  .main-site-nav .dropdown-content {
    left: 5.5%;
    width: 89%;
  }
}
@media all and (min-width: 1680px) {
  .main-site-nav .dropdown-content {
    left: 8%;
    width: 84%;
  }
}
@media all and (min-width: 1930px) {
  .main-site-nav .dropdown-content {
    left: 10.5%;
    width: 79%;
  }
}
.main-site-nav .dropdown-content {
  background: #ffffff;
  cursor: default;
  display: block;
  left: 3%;
  line-height: 21px;
  position: absolute;
  top: 103px;
  visibility: hidden; /* Needs to be display 'block' and hidden by the visibility command so that the image resizer will be able to work */
  width: 94%;
  z-index: 90200;
}
.main-site-nav .dropdown-content a:not(.btn) {
  color: rgb(89.0139710792, 145.3718077122, 178.0000289208);
}
@media all and (min-width: 1360px) {
  .main-site-nav .dropdown-content.dropdown-vf {
    left: 6.5%;
    width: 87%;
  }
}
@media all and (min-width: 1680px) {
  .main-site-nav .dropdown-content.dropdown-vf {
    left: 10%;
    width: 80%;
  }
}
@media all and (min-width: 1930px) {
  .main-site-nav .dropdown-content.dropdown-vf {
    left: 9%;
    width: 71%;
  }
}
.main-site-nav .dropdown-content.dropdown-vf {
  left: 0;
  text-align: center;
  width: 100%;
}
.main-site-nav .dropdown-content.dropdown-vf .vf-header {
  display: inline-block;
}
.main-site-nav .dropdown-highlight-arrow {
  /* css triangle - set w/ borders */
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
  display: none;
  height: 0;
  margin: 0 auto 0 15px;
  position: absolute;
  top: 127px;
  width: 0;
  z-index: 90210;
}
.main-site-nav .main-nav {
  float: left;
}
.main-site-nav .navdropdown {
  cursor: pointer;
  float: left;
  height: 103px;
  line-height: 103px;
}
@media all and (min-width: 1360px) {
  .main-site-nav .navdropdown > a,
  .main-site-nav .navdropdown > span {
    padding: 0 13px;
  }
}
@media all and (min-width: 1680px) {
  .main-site-nav .navdropdown > a,
  .main-site-nav .navdropdown > span {
    padding: 0 14px;
  }
}
@media all and (min-width: 1930px) {
  .main-site-nav .navdropdown > a,
  .main-site-nav .navdropdown > span {
    padding: 0 15px;
  }
}
.main-site-nav .navdropdown > a,
.main-site-nav .navdropdown > span {
  /* END */
  padding: 0 12px;
  /* START: Positions the white background color of the link over the gradient box-shadow of the dropdown */
  position: relative;
  z-index: 90201;
}
.main-site-nav .navdropdown .nav-promotionlist {
  margin: 2% 1%; /* takes into account that each promo item has margins on the side and we cannot get ride of the first and last childs margins with out screwing up the widths... */
}
.main-site-nav .navdropdown:hover:not(.setting-exclude-hover), .main-site-nav .navdropdown.open:not(.setting-exclude-hover) {
  background-color: rgb(255, 255, 255);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(255, 255, 255)));
  background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(255, 255, 255));
  box-shadow: none;
  text-decoration: none;
}
.main-site-nav .navdropdown:hover:not(.setting-exclude-hover) > a, .main-site-nav .navdropdown.open:not(.setting-exclude-hover) > a {
  background-color: #ffffff;
  color: #000000;
  overflow: visible;
  text-decoration: none;
}
.main-site-nav .navdropdown:hover:not(.setting-exclude-hover) > span, .main-site-nav .navdropdown.open:not(.setting-exclude-hover) > span {
  background-color: #ffffff;
}
.main-site-nav .navdropdown:hover:not(.setting-exclude-hover) .dropdown-highlight-arrow, .main-site-nav .navdropdown.open:not(.setting-exclude-hover) .dropdown-highlight-arrow {
  display: block;
}
.main-site-nav .navdropdown:not(.no-hover-show):hover .dropdown-content, .main-site-nav .navdropdown.open .dropdown-content {
  display: block;
  visibility: visible;
}
.main-site-nav .nav-divider {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAyCAYAAAB2zAqJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNTBGODZCQjM1RUUxMUUzOTMyNUZBMDhDRjIzOEU3QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNTBGODZCQzM1RUUxMUUzOTMyNUZBMDhDRjIzOEU3QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM1MEY4NkI5MzVFRTExRTM5MzI1RkEwOENGMjM4RTdCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM1MEY4NkJBMzVFRTExRTM5MzI1RkEwOENGMjM4RTdCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FIaDdgAAAH1JREFUeNpsjosKgCAMRS0pMsp+yv//l95RaG3CjcYSLhzOrmyFMaYMITQlQUGpGDhOQQdohbEUD3jNgE4v4L/sVdmpX05td7i5FsDPwlgYA0gMNyUCTsDFkCgHzA6TIVJmmE0YhhGjVRiGCSNdXkQnwrwr0nepvCff/AgwAAmKMDq/NAQIAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  float: left;
  height: 103px;
  width: 2px;
}
.main-site-nav .utility-nav {
  float: right;
  margin: 0;
}
.main-site-nav .utility-nav .icon-general-phone {
  float: left;
  text-shadow: 0px -1px 0px #222222;
}
.main-site-nav .utility-nav .icon-general-phone,
.main-site-nav .utility-nav .icon-general-gear,
.main-site-nav .utility-nav .icon-general-search {
  background-position: center;
  display: block;
  height: 100%;
  position: relative;
}
.main-site-nav .utility-nav .menu {
  cursor: pointer;
  float: left;
  height: 103px;
  line-height: 103px;
  margin-right: 1px; /* (20px - $padding-default);*/
  position: relative;
}
.main-site-nav .interstitial {
  padding: 65px 0;
  text-align: center;
}
.main-site-nav .interstitial img {
  margin-bottom: 20px;
}
.main-site-nav {
  /* Impersonate Styles */
}
.main-site-nav.view-impersonate {
  margin-top: 17px;
}
.main-site-nav.view-impersonate.fixed {
  top: 42px;
}
.main-site-nav.view-impersonate.fixed .dropdown-content {
  top: 144px;
}

/********** Tab Header Styles **********/
/*.tab-header {
	background: $btn-bg1color3;
	font-size: 11px;
	overflow: hidden;
	text-transform: uppercase;
	margin-bottom: $header_height;

	ul {
		float: left;

		li {
			@include box-sizing();
			color: $bodycolor1-alt2;
			float: left;
			font-weight: 400;
			margin: 1px 0;
			padding: 0 0 0 10px;

			&.tab-header-label {
				color: $formplaceholder;
			}
		}
	}

	a {
		color: $bodycolor1-alt2;

		&:after {
			border-right: 1px solid $bodycolor1-alt2;
			content: " ";
			display: block;
			float: right;
			height: .9em;
			margin-top: 0.6em;
			padding-left: 10px;
			width: 1px;
		}
	}

	a.tab-header-no-border {
		color: $bodycolor1-alt2;

		&:after {
			border-right: none;
			content: " ";
			display: none;
			padding-left: 0;
			float: right;
		}
	}

	&.view-impersonate {
		display: none; / taking out for impersonation as it seems excessive: margin-top: $impersonate_height;/
	}
}*/
.tab-header-contact {
  float: right;
}

.main-site-nav .dropdown-myinspirato {
  left: auto;
  position: absolute;
  right: 0;
  width: 412px;
}
.main-site-nav .dropdown-myinspirato h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
  white-space: nowrap;
}
.main-site-nav .dropdown-myinspirato p {
  margin: 10px 0;
}
.main-site-nav .dropdown-myinspirato label {
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  margin: 7px 0;
}
.main-site-nav .dropdown-myinspirato .member-details {
  width: 400px;
}
.main-site-nav .dropdown-myinspirato .member-details h1 {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  line-height: 1em;
  margin: 4px 0;
  padding: 0;
}
.main-site-nav .dropdown-myinspirato .member-details h2 {
  color: #808080;
  font-size: 12px;
  font-weight: normal;
  margin: 4px 0;
  padding: 0;
}
.main-site-nav .dropdown-myinspirato .member-details ul {
  margin: 10px 0 0;
}
.main-site-nav .dropdown-myinspirato .member-details ul li {
  background-position: 0 50%;
  margin: 4px 0;
  padding: 0 0 0 18px;
}
.main-site-nav .dropdown-myinspirato .member-promos {
  border-top: 1px solid #c5c5c5;
}
.main-site-nav .dropdown-myinspirato .member-promo .member-promo-header {
  background-position: -webkit-calc(100% - 20px) 50%;
  background-position: calc(100% - 20px) 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-bottom: 1px solid #c5c5c5;
  cursor: pointer;
  height: 40px;
  overflow: hidden;
}
.main-site-nav .dropdown-myinspirato .member-promo .member-promo-header h1, .main-site-nav .dropdown-myinspirato .member-promo .member-promo-header span:first-child {
  float: left;
  margin-left: 20px;
  margin-top: 5px;
}
.main-site-nav .dropdown-myinspirato .member-promo .member-promo-header h1 {
  float: left;
  font-size: 14px;
  margin: 15px 0 0 5px;
}
.main-site-nav .dropdown-myinspirato .member-promo.open .member-promo-header:after {
  opacity: 1;
}
.main-site-nav .dropdown-myinspirato .member-promo .content {
  -webkit-transition: height 500ms ease 0s;
  transition: height 500ms ease 0s;
  -moz-transition: height 500ms ease 0s;
  clear: both;
  height: 0;
  overflow: hidden;
}
.main-site-nav .dropdown-myinspirato .member-signout {
  border-top: 1px solid #ffffff;
  padding: 10px 0;
  text-align: center;
}

/* Offset the content based on the fixed positioning of the header */
.fullbleed-container,
:not(.fullbleed-container) + .content-container[role=main] {
  margin-top: 103px;
}

/********** IFB Special Styles *********/
/*.website-enterprise {
	.main-site-nav {
		position: fixed;
		top: 0;
	}

	.tab-header {
		display: none;
	}

	.fullbleed-container,
	:not(.fullbleed-container) + .content-container[role='main'] {
		margin-top: $header_height;
	}
}*/