@charset "UTF-8";
/******************************************************************
Site Name: Site Name
Author: UI Developer Name(s)
Stylesheet: Base (mobile first) Stylesheet
******************************************************************/
/* @charset needs to be declared for icon fonts to work */
/*********************
PULL IN OUR SASS VARIABLES, MIXINS, ETC. IN _utilities.scss
*********************/
/******************************************************************
Site Name: Site Name
Author: UI Developer Name(s)
Stylesheet: Utilities (variables and Mixins)
******************************************************************/
/******************************************************************
VARIABLES
******************************************************************/
/*the widest your content will display*/
/*the amount of screen your content will take up on smaller screens*/
/*replace with the client font defined in _typography.scss*/
/*basic sans serif stack*/
/*basic serif stack*/
/*see fontello.com*/
/*for consisent bottom margin of elements with same font-size as body*/
/* base size of html is set to 62.5%, so 1.333em = 20px*/
/*15px*/
/*5px*/
/*10px*/
/*12.5px*/
/*15px*/
/*20px*/
/*25px*/
/*30px*/
/*40px*/
/******************************************************************
FILE PATHS
******************************************************************/
/* path to images the client will not be editing (relative from stylesheet)*/
/* path to images the client may edit (relative from stylesheet) */
/* path to web fonts (relative from stylesheet) */
/******************************************************************
MODAL DEFAULTS
******************************************************************/
/******************************************************************
MIXINS
******************************************************************/
/*for main content container(s)*/
/* visually hidden is for things you dont want to show onscreen but can still be useful to screen readers for the disabled */
/*sizes fonts to rems with a pixel backup for IE8*/
/*border-radius*/
/*apply the default icon style for before and after elements as defined in _typography.scss*/
/* USAGE: @include gradient($grey,$white); */
/* USAGE: @include hard-gradient($grey,$white); */
/*for applying rgba(transparent) backgrounds with a hex backup for older browsers*/
/* USAGE: @include background-opacity($grey,.5);*/
/*generic text shadow*/
/*box shadows*/
/*generic transition effect*/
/*USAGE: @include transition(all 0.2s ease-in-out);*/
/*********************
NORMALIZE THINGS CROSS BROWSER IN _normalize.scss
*********************/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
@import url("//hello.myfonts.net/count/2bf5b2");
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio, canvas, video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b, strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button, input, select, textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button, input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button, select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*********************
FONTS, ICONS, ETC. IN _typography.scss
*********************/
/******************************************************************
Site Name: CHAM
Author: Katie Murray / Eric Boyer
Created: 8/20/2014
Last Updated / by:
******************************************************************/
@font-face {
  font-family: 'fontello';
  src: url("webFonts/fontello.eot");
  src: url("webFonts/fontello.eot?#iefix") format("embedded-opentype"), url("webFonts/fontello.woff") format("woff"), url("webFonts/fontello.ttf") format("truetype"), url("webFonts/fontello.svg#webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'FrutigerLTPro-Bold';
  src: url("webfonts/2BF5B2_0_0.eot");
  src: url("webfonts/2BF5B2_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2BF5B2_0_0.woff") format("woff"), url("webfonts/2BF5B2_0_0.ttf") format("truetype"); }
@font-face {
  font-family: 'FrutigerLTCom-Roman';
  src: url("webfonts/2BF5B2_1_0.eot");
  src: url("webfonts/2BF5B2_1_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2BF5B2_1_0.woff") format("woff"), url("webfonts/2BF5B2_1_0.ttf") format("truetype"); }
@font-face {
  font-family: 'FrutigerLTPro-Light';
  src: url("webfonts/2BF5B2_2_0.eot");
  src: url("webfonts/2BF5B2_2_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2BF5B2_2_0.woff") format("woff"), url("webfonts/2BF5B2_2_0.ttf") format("truetype"); }
b, strong {
  font-weight: normal;
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; }

/*styles when user selects text*/
::-moz-selection {
  background: #007cc3;
  text-shadow: none;
  color: #ffffff; }

::selection {
  background: #007cc3;
  text-shadow: none;
  color: #ffffff; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif;
  color: #007cc3;
  line-height: 1.2;
  font-weight: normal;
  margin-bottom: 1em;
  margin-top: 0; }
h1.bold, h1.strong, .h1.bold, .h1.strong, h2.bold, h2.strong, .h2.bold, .h2.strong, h3.bold, h3.strong, .h3.bold, .h3.strong, h4.bold, h4.strong, .h4.bold, .h4.strong, h5.bold, h5.strong, .h5.bold, .h5.strong, h6.bold, h6.strong, .h6.bold, .h6.strong {
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; }
h1.normal, .h1.normal, h2.normal, .h2.normal, h3.normal, .h3.normal, h4.normal, .h4.normal, h5.normal, .h5.normal, h6.normal, .h6.normal {
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif; }
h1.light, .h1.light, h2.light, .h2.light, h3.light, .h3.light, h4.light, .h4.light, h5.light, .h5.light, h6.light, .h6.light {
  font-family: "FrutigerLTPro-Light", Arial, Helvetica, sans-serif; }
h1.uppercase, .h1.uppercase, h2.uppercase, .h2.uppercase, h3.uppercase, .h3.uppercase, h4.uppercase, .h4.uppercase, h5.uppercase, .h5.uppercase, h6.uppercase, .h6.uppercase {
  text-transform: uppercase; }
h1.header-underline, .h1.header-underline, h2.header-underline, .h2.header-underline, h3.header-underline, .h3.header-underline, h4.header-underline, .h4.header-underline, h5.header-underline, .h5.header-underline, h6.header-underline, .h6.header-underline {
  border-bottom: 1px solid #cbcaca; }
h1.brand-blue, h1.primary, .h1.brand-blue, .h1.primary, h2.brand-blue, h2.primary, .h2.brand-blue, .h2.primary, h3.brand-blue, h3.primary, .h3.brand-blue, .h3.primary, h4.brand-blue, h4.primary, .h4.brand-blue, .h4.primary, h5.brand-blue, h5.primary, .h5.brand-blue, .h5.primary, h6.brand-blue, h6.primary, .h6.brand-blue, .h6.primary {
  color: #007cc3; }
h1.brand-dark-blue, h1.secondary, .h1.brand-dark-blue, .h1.secondary, h2.brand-dark-blue, h2.secondary, .h2.brand-dark-blue, .h2.secondary, h3.brand-dark-blue, h3.secondary, .h3.brand-dark-blue, .h3.secondary, h4.brand-dark-blue, h4.secondary, .h4.brand-dark-blue, .h4.secondary, h5.brand-dark-blue, h5.secondary, .h5.brand-dark-blue, .h5.secondary, h6.brand-dark-blue, h6.secondary, .h6.brand-dark-blue, .h6.secondary {
  color: #0b3254 !important; }
h1.brand-pink, .h1.brand-pink, h2.brand-pink, .h2.brand-pink, h3.brand-pink, .h3.brand-pink, h4.brand-pink, .h4.brand-pink, h5.brand-pink, .h5.brand-pink, h6.brand-pink, .h6.brand-pink {
  color: #ba0063 !important; }
h1.dark, .h1.dark, h2.dark, .h2.dark, h3.dark, .h3.dark, h4.dark, .h4.dark, h5.dark, .h5.dark, h6.dark, .h6.dark {
  color: #333333; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
  color: inherit; }

h1, .h1 {
  font-size: 36px;
  font-size: 3.6rem;
  margin-bottom: 0.75em; }
h1.cozy, .h1.cozy {
  margin-bottom: 0.5em; }
h1.compact, .h1.compact {
  margin-bottom: 0.25em; }

h2, .h2 {
  font-size: 27px;
  font-size: 2.7rem;
  margin-bottom: 0.889em; }
h2.cozy, .h2.cozy {
  margin-bottom: 0.59267em; }
h2.compact, .h2.compact {
  margin-bottom: 0.29633em; }

h3, .h3 {
  font-size: 22px;
  font-size: 2.2rem;
  color: #0b3254;
  margin-bottom: 1.091em; }
h3.cozy, .h3.cozy {
  margin-bottom: 0.72733em; }
h3.compact, .h3.compact {
  margin-bottom: 0.36367em; }

h4, .h4 {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 0.667em;
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
  color: #666666; }
h4.cozy, .h4.cozy {
  margin-bottom: 0.44467em; }
h4.compact, .h4.compact {
  margin-bottom: 0.22233em; }

h5, .h5 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 0.75em;
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
  color: #808080;
  text-transform: none; }
h5.cozy, .h5.cozy {
  margin-bottom: 0.5em; }
h5.compact, .h5.compact {
  margin-bottom: 0.25em; }

h6, .h6 {
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 0.800em;
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #808080; }
h6.cozy, .h6.cozy {
  margin-bottom: 0.53333em; }
h6.compact, .h6.compact {
  margin-bottom: 0.26667em; }

.header-tab {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  border-top: 8px solid #ba0063;
  color: #ffffff;
  margin-left: -1em;
  margin-right: -1em;
  margin-bottom: 1.714em;
  min-width: auto; }
.header-tab.cozy {
  margin-bottom: 1.14267em; }
.header-tab.compact {
  margin-bottom: 0.57133em; }
.header-tab span {
  min-width: 15.625em;
  display: inline-block;
  margin-top: -1px;
  text-align: center;
  background: #ba0063;
  color: #ffffff;
  border-radius: 0 0 8px 8px;
  padding: 1px 1.5em 0.5em 1.5em; }
.header-tab.orange {
  border-top-color: #f68420; }
.header-tab.orange span {
  background: #f68420; }
.header-tab.green {
  border-top-color: #82b639; }
.header-tab.green span {
  background: #82b639; }
.header-tab.dark-blue {
  border-top-color: #0b3254; }
.header-tab.dark-blue span {
  background: #0b3254; }
.header-tab.teal {
  border-top-color: #6daeb6; }
.header-tab.teal span {
  background: #6daeb6; }
.header-tab.aqua {
  border-top-color: #048c9a; }
.header-tab.aqua span {
  background: #048c9a; }

.header-overline {
  border-top: 3px solid #808080;
  padding-top: 0.5em; }

/******************************************************************
ICONS
******************************************************************/
/* I use fontello.com as it is a very comrehensive icon library and you can build your own font with only the icons you need.
USAGE: Go to fontello.com, click the dropdown with the lil gear on it, click "import", upload the config.json file in Style Library/PageStyle/webfonts/, then just select/deselect the icons you need and download the webfont*/
/*IMPORTANT: These icons codes are usprinkled throughout the stylesheets. If you delete any you have to make sure they are not being used. Importing the config file and adding icons should be a breeze.*/
[class^="icon"]:before, [class*=" icon"]:before, [class^="icon"]:after, [class*=" icon"]:after {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em; }

[class^="icon"]:before, [class*=" icon"]:before {
  margin: 0 0.25em 0 0; }

[class^="icon"]:after, [class*=" icon"]:after {
  margin: 0 0 0 0.25em; }

.icon-location:before {
  content: '\e825';
  -ms-transform: rotate(30deg);
  /* IE 9 */
  -webkit-transform: rotate(30deg);
  /* Chrome, Safari, Opera */
  transform: rotate(30deg);
  vertical-align: -0.15em; }

/* '' */
.icon-stethoscope:before {
  content: '\e808';
  -ms-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

/* '' */
.icon-menu-1:before {
  content: '\e800'; }

/* '' */
.icon-facebook:before {
  content: '\e801'; }

/* '' */
.icon-cancel-circled-outline:before {
  content: '\e802'; }

/* '' */
.icon-calendar-empty:before {
  content: '\e803'; }

/* '' */
.icon-plus-circled-1:before {
  content: '\e804'; }

/* '' */
.icon-minus-circled-1:before {
  content: '\e805'; }

/* '' */
.icon-search:before {
  content: '\e806'; }

/* '' */
.icon-check:before {
  content: '\e807'; }

/* '' */
.icon-down-open-big:before {
  content: '\e809'; }

/* '' */
.icon-left-open-big:before {
  content: '\e80a'; }

/* '' */
.icon-medkit:before {
  content: '\e80b'; }

/* '' */
.icon-h-sigh:before {
  content: '\e80c'; }

/* '' */
.icon-hospital:before {
  content: '\e80d'; }

/* '' */
.icon-plus-circled:before {
  content: '\e80e'; }

/* '' */
.icon-linkedin:before {
  content: '\e80f'; }

/* '' */
.icon-youtube:before {
  content: '\e810'; }

/* '' */
.icon-right-open-big:before {
  content: '\e811'; }

/* '' */
.icon-up-open-big:before {
  content: '\e812'; }

/* '' */
.icon-plus:before {
  content: '\e813'; }

/* '' */
.icon-minus:before {
  content: '\e814'; }

/* '' */
.icon-clock:before {
  content: '\e815'; }

/* '' */
.icon-twitter-2:before {
  content: '\e816'; }

/* '' */
.icon-mail:before {
  content: '\e817'; }

/* '' */
.icon-print:before {
  content: '\e818'; }

/* '' */
.icon-share:before {
  content: '\e819'; }

/* '' */
.icon-users:before {
  content: '\e81a'; }

/* '' */
.icon-phone:before {
  content: '\e81b'; }

/* '' */
.icon-minus-circled:before {
  content: '\e81c'; }

/* '' */
.icon-twitter:before {
  content: '\e81d'; }

/* '' */
.icon-play-circled:before {
  content: '\e81e'; }

/* '' */
.icon-spin1:before {
  content: '\e81f'; }

/* '' */
.icon-cancel:before {
  content: '\e820'; }

/* '' */
.icon-angle-left:before {
  content: '\e821'; }

/* '' */
.icon-left-dir:before {
  content: '\e822'; }

/* '' */
.icon-right-dir:before {
  content: '\e823'; }

/* '' */
.icon-down-dir:before {
  content: '\e824'; }

/* '' */
.icon-angle-right:after {
  content: '\e826'; }

/* '' */
.icon-angle-up:before {
  content: '\e827'; }

/* '' */
.icon-angle-down:before {
  content: '\e828'; }

/* '' */
.icon-plus-1:before {
  content: '\e829'; }

/* '' */
.icon-minus-1:before {
  content: '\e82a'; }

/* '' */
.icon-comment:before {
  content: '\e82b'; }

/* '' */
.icon-warning:before {
  content: '\e82c'; }

/* '' */
.icon-warning-empty:before {
  content: '\e82d'; }

/* '' */
/*icon animation*/
/*Gives a spinning icon for loading messages etc*/
/* USAGE: <span class="animate-spin icon-spin1"></span> */
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block; }
.animate-spin:before, .animate-spin:after {
  margin: 0;
  font-size: inherit; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
/*********************
BASIC FORM STYLING IN _forms.scss
*********************/
/******************************************************************
Site Name: CHAM
Author: Katie Murray / Eric Boyer
Created: 8/20/2014
Last Updated / by:
Stylesheet: Forms Stylesheet
******************************************************************/
/*all this div does is make sure the form isnt too wide if it is the only thing on the page*/
.form-container {
  max-width: 51.2em; }

.pure-text {
  padding: 0.4em 1em; }
.pure-text.calendar {
  text-align: center;
  padding-left: 0;
  padding-right: 0; }

/* style the form elements*/
input.formTextBox, input[type="text"], input[type="email"], input[type="date"], input[type="datetime"], input[type="datetimelocal"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], textarea, select {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: inherit;
  border: 1px solid #c9cece;
  padding: 0.5em;
  line-height: normal;
  width: 100%;
  background: #ffffff;
  color: #808080;
  margin-bottom: 1.14267em;
  vertical-align: baseline;
  outline: none;
  border-radius: 5px;
  max-width: 515px; }
input.formTextBox:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetimelocal"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus, select:focus {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  outline: none;
  border-color: #808080; }

.test {
  display: block; }

.form-max-width {
  max-width: 515px !important; }

.calendar-max-width {
  max-width: 540px !important; }

select {
  padding: 0.4375em 2em 0.4375em 0.4375em;
  /* for bg image */
  border-radius: 5px;
  cursor: pointer;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  background: url("../../Image%20Library/TemplateImages/select-arrow.png") no-repeat right center #ffffff;
  -webkit-background-size: contain;
  background-size: contain; }

/*Stop webkit from applying (gross) default styles to the inputs for consistent styling*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input, textarea, select {
    /*take off all default styles*/
    -webkit-appearance: none; }

  /*Fix the appearance of checkboxes and radios on webkit browsers since we just told it to take off all the default chrome*/
  input[type="radio"] {
    -webkit-appearance: radio;
    -webkit-border-radius: 50%; }
  input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -webkit-border-radius: .15em; }

  /*Fix the appearance of selects on webkit browsers since we just told it to take off all the default chrome*/
  select {
    /*add the arrow image and also put a gradient that makes it look clickable*/
    background: url("../../Image%20Library/TemplateImages/select-arrow.png") no-repeat right center #ffffff;
    /* size high res background so it's sharp on retina displays */
    -webkit-background-size: contain; } }
@-moz-document url-prefix() {
  /* If you use a background image */
  select {
    background-image: none !important;
    padding-right: .4375em; }

  /* If you use a wrapper label with :after */
  .select-label:after {
    content: none; } }
select::-ms-expand {
  display: none; }

legend {
  font-size: 13px;
  font-size: 1.3rem;
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
  margin-bottom: 1em;
  background: #ffffff;
  color: #666666;
  clear: both;
  display: block;
  width: 100%;
  border-top: 1px solid #6c6c6c;
  /*label-style is when you need the legend to look like the form labels. Like if it needs to sit on fields with inline labels or multiple inputs like day/month/year dropdowns*/ }
legend.label-style {
  font-size: 16px;
  font-size: 1.6rem;
  background: transparent;
  border: none;
  display: block;
  margin-bottom: 0.33333em;
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
  color: #333333; }

label, .label {
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  margin-bottom: .3em;
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
  color: #333333; }

.inline-form {
  vertical-align: middle; }
.inline-form label, .inline-form .label-style {
  vertical-align: top;
  display: inline-block;
  width: 25%;
  font-size: 14px;
  font-size: 1.4rem; }
.inline-form label span, .inline-form .label-style span {
  display: block;
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif; }
.inline-form.formCheckBox label, .inline-form.formCheckBox .label-style, .inline-form.formRadioButtons label, .inline-form.formRadioButtons .label-style, .inline-form.block label, .inline-form.block .label-style {
  vertical-align: top;
  text-transform: none;
  vertical-align: top; }
.inline-form.formCheckBox p > span, .inline-form.formRadioButtons p > span, .inline-form.block p > span {
  display: block; }
.inline-form input[type="text"], .inline-form input[type="email"], .inline-form input[type="url"], .inline-form input[type="tel"], .inline-form textarea, .inline-form select, .inline-form .uneditable-content, .inline-form .photo-upload, .inline-form.formCheckBox span, .inline-form.formRadioButton span, .inline-form.RadEditor {
  display: inline-block;
  width: 60%;
  margin-bottom: 1em; }
.inline-form input[type="text"] label, .inline-form input[type="text"] .label-style, .inline-form input[type="email"] label, .inline-form input[type="email"] .label-style, .inline-form input[type="url"] label, .inline-form input[type="url"] .label-style, .inline-form input[type="tel"] label, .inline-form input[type="tel"] .label-style, .inline-form textarea label, .inline-form textarea .label-style, .inline-form select label, .inline-form select .label-style, .inline-form .uneditable-content label, .inline-form .uneditable-content .label-style, .inline-form .photo-upload label, .inline-form .photo-upload .label-style, .inline-form.formCheckBox span label, .inline-form.formCheckBox span .label-style, .inline-form.formRadioButton span label, .inline-form.formRadioButton span .label-style, .inline-form.RadEditor label, .inline-form.RadEditor .label-style {
  width: auto !important;
  margin-bottom: 0.5em; }
.inline-form .multi input, .inline-form .multi textarea {
  width: 100%; }
.inline-form .uneditable-content {
  margin-bottom: 0.5em; }
.inline-form div.RadEditor {
  display: inline-block;
  margin-bottom: 2em;
  width: 580px !important; }
.inline-form div.RadEditor .reLayoutWrapper, .inline-form div.RadEditor .reBottomTable {
  margin-bottom: 0; }
.inline-form div.RadEditor table tr:hover th, .inline-form div.RadEditor table tr:hover td {
  background: inherit !important;
  color: inherit !important; }

.siderail-form label, .siderail-form .label, .sm-label-form label, .sm-label-form .label {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.55 !important; }
.siderail-form h6, .siderail-form .h6, .sm-label-form h6, .sm-label-form .h6 {
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 0.800em;
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #333333; }
.siderail-form .result-count, .sm-label-form .result-count {
  display: inline-block; }
.siderail-form .result-count:before, .sm-label-form .result-count:before {
  content: '(';
  display: inline-block; }
.siderail-form .result-count:after, .sm-label-form .result-count:after {
  content: ')';
  display: inline-block; }

fieldset {
  zoom: 1;
  border: none;
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  clear: both; }
fieldset:after {
  content: "";
  display: table;
  clear: both; }
fieldset [class*=formRow] {
  padding-left: 0;
  padding-right: 0; }

div.border-btm {
  border-bottom: 1px solid #a0ceea;
  margin-bottom: 1.714em; }

.formCheckBox, .formRadioButton {
  margin-bottom: 1.14267em; }
.formCheckBox.cozy, .formRadioButton.cozy {
  margin-bottom: 0.57133em; }
.formCheckBox.compact, .formRadioButton.compact {
  margin-bottom: 0.28567em; }
.formCheckBox span, .formRadioButton span {
  margin-bottom: 0.5em;
  display: block; }
.formCheckBox span.inline, .formRadioButton span.inline {
  display: inline-block; }
.formCheckBox span label, .formCheckBox span .label, .formRadioButton span label, .formRadioButton span .label {
  display: block !important;
  overflow: visible !important;
  height: 100% !important;
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif;
  font-weight: normal;
  cursor: pointer;
  position: relative;
  z-index: 1;
  padding: 0 .5em 0 1.75em;
  margin: 0;
  line-height: 1.4; }
.formCheckBox span input[type=checkbox], .formCheckBox span input[type=radio], .formRadioButton span input[type=checkbox], .formRadioButton span input[type=radio] {
  font-size: 1em;
  height: .75em;
  margin: .65em 0 0 .3em;
  padding: 0;
  vertical-align: top;
  width: .75em;
  background: transparent;
  position: absolute;
  z-index: 2;
  visibility: hidden;
  margin: 0; }

.formCheckBox label:before, .formCheckBox .label:before {
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  top: 1px;
  left: 1px;
  background: #ffffff;
  border: 1px solid #a1aaaa;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff;
  box-shadow: inset 0 0 0 2px #ffffff; }
.formCheckBox input[type=checkbox]:checked + label:before, .formCheckBox input[type=checkbox]:checked + .labelItems:before {
  background: #cbcaca; }
.formCheckBox.check span:before {
  content: " ";
  background: url("../../Image%20Library/TemplateImages/checkbox.png") no-repeat left top;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  height: 18px;
  width: 18px; }
.formCheckBox.check span input[type=checkbox] {
  display: none; }
.formCheckBox.check span label, .formCheckBox.check span .labelItems {
  padding-left: 23px;
  vertical-align: top !important; }
.formCheckBox.check span label:before, .formCheckBox.check span .labelItems:before {
  display: none; }
.formCheckBox.check span.clicked:before {
  background-position: 0 -18px; }

.formRadioButton {
  padding: 0.25em 0; }
.formRadioButton span:before {
  content: " ";
  background: url("../../Image%20Library/TemplateImages/radio-button.png") no-repeat left top;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  height: 20px;
  width: 20px; }
.formRadioButton span input[type=radio] {
  display: none; }
.formRadioButton span label, .formRadioButton span .labelItems {
  padding-left: 26px;
  vertical-align: top !important; }
.formRadioButton span label span:before, .formRadioButton span .labelItems span:before {
  display: none; }
.formRadioButton span label span.shipping-radio, .formRadioButton span .labelItems span.shipping-radio {
  background: none;
  display: block; }
.formRadioButton span.clicked:before {
  background-position: 0 -20px; }

.formSubmit {
  padding: 1em 0;
  clear: both;
  text-align: left; }

/*style the placeholder so it isnt so greyed out and can be used as a "label"*/
::-webkit-input-placeholder {
  color: inherit;
  opacity: 1; }

:-moz-placeholder {
  color: inherit;
  opacity: 1; }

::-moz-placeholder {
  color: inherit;
  opacity: 1; }

:-ms-input-placeholder {
  color: inherit;
  opacity: 1; }

input[type="button"], input[type="submit"] {
  background-color: #007cc3;
  color: #ffffff;
  border-radius: 3px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  padding: 0.4em 1.25em;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  border: none; }
.no-touch input[type="button"]:hover, .no-touch input[type="submit"]:hover {
  background-color: #009cf6;
  color: #ffffff; }
input[type="button"].primary, input[type="submit"].primary {
  background-color: #007cc3;
  color: #ffffff;
  border-radius: 3px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  background: #f68420; }
.no-touch input[type="button"].primary:hover, .no-touch input[type="submit"].primary:hover {
  background-color: #009cf6;
  color: #ffffff;
  background: #f89f51;
  color: #ffffff;
  text-decoration: none;
  border: none; }

.form-error {
  color: #ee2f3a; }
.form-error input.formTextBox, .form-error input[type="text"], .form-error input[type="email"], .form-error input[type="date"], .form-error input[type="datetime"], .form-error input[type="datetimelocal"], .form-error input[type="month"], .form-error input[type="number"], .form-error input[type="password"], .form-error textarea, .form-error select, .form-error fieldset, .form-error .formCheckBox, .form-error .formRadioButton {
  margin-bottom: 0; }
.form-error span.error-message {
  font-size: 85%;
  display: inline-block;
  padding: 0.25em;
  margin: 0 0 1em 0;
  color: #ee2f3a; }
.form-error span.error-message:before {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e805';
  display: inline-block;
  margin-right: 0.75em; }
.form-error fieldset {
  padding-bottom: 0; }
.form-error .formRadioButton label, .form-error .formRadioButton .labelItems, .form-error .formCheckBox label, .form-error .formCheckBox .labelItems {
  color: #808080; }
.form-error .formRadioButton label:after, .form-error .formRadioButton .labelItems:after, .form-error .formCheckBox label:after, .form-error .formCheckBox .labelItems:after {
  display: none; }

.has-indicator {
  position: relative; }
.has-indicator:before {
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  height: 1.944em;
  width: 1.6em;
  text-align: center;
  color: #808080;
  line-height: 1.98em;
  margin: 0;
  right: 1em; }

.ui-datepicker {
  padding: 7px;
  z-index: 2000 !important;
  font-size: 14px;
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  border: 2px solid #cbcaca;
  width: 300px;
  background: #ffffff;
  display: none; }

.ui-datepicker-trigger {
  display: none; }

.ui-datepicker-prev, .ui-datepicker-next {
  float: left;
  display: block;
  width: 48%;
  padding: 2% 3%;
  margin: 0 0 1em 4%;
  cursor: pointer;
  border-radius: 3px;
  background: transparent !important;
  color: transparent !important; }

.ui-datepicker-prev, .ui-datepicker-next .ui-datepicker-prev:hover, .ui-datepicker-next:hover {
  background: none !important;
  border: none !important; }

.ui-datepicker-prev {
  margin-left: 0; }

.ui-datepicker-next {
  text-align: right; }

.ui-datepicker-title {
  text-align: center;
  font-weight: bold;
  color: #007cc3 !important; }

select.ui-datepicker-month, select.ui-datepicker-year {
  width: 48.5%; }

select.ui-datepicker-year {
  margin-left: 1.5%; }

.ui-datepicker-header {
  margin-bottom: 7px;
  border: none; }

.ui-widget-header {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: #0b3254; }

table.ui-datepicker-calendar {
  border-collapse: collapse;
  border: 1px solid #ccc;
  width: 100%;
  margin-bottom: 0; }

table.ui-datepicker-calendar thead {
  background: #0b3254 !important;
  color: #ffffff !important; }

table.ui-datepicker-calendar tr th {
  font-weight: normal; }

table.ui-datepicker-calendar tr td {
  border: 1px solid #c9cece !important; }
table.ui-datepicker-calendar tr td a.ui-state-default {
  background: #ffffff !important; }
table.ui-datepicker-calendar tr td a.ui-datepicker-today, table.ui-datepicker-calendar tr td a.ui-state-highlight {
  font-weight: bold !important;
  background: #007cc3 !important;
  color: #ffffff !important; }

table.ui-datepicker-calendar tr td a {
  padding: 5px;
  display: block;
  text-decoration: none; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background-image: none !important;
  border: none !important; }

table.ui-datepicker-calendar tr td a:hover {
  background-color: #007cc3 !important;
  color: #ffffff !important; }

.ui-datepicker-unselectable, .ui-state-disabled {
  background: #cbcaca !important; }

.ui-datepicker-current {
  display: none !important; }

.ui-datepicker-buttonpane {
  margin-top: .5em;
  text-align: right;
  border-color: transparent !important; }
.ui-datepicker-buttonpane button {
  background: #0b3254 !important;
  border: none;
  color: #ffffff !important;
  border-radius: 3px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: .3em .5em;
  margin: 0 0.2em .75em !important;
  cursor: pointer; }
.ui-datepicker-buttonpane button:hover {
  background: #0e3f6b; }

/*********************
THE BASE (MOBILE) STYLING FOR SITE ELEMENTS, GRID, ETC. IN _base-styles.scss
*********************/
/* *****************************************************************
Site Name:CHAM
Author:Katie Murray / Eric Boyer
Date:8/20/2014
Stylesheet:Base Mobile Stylesheet

CONTENTS:GLOBAL STYLES
LAYOUT & GRID
LINKS
BUTTONS
TYPOGRAPHY
ICONS
FIGURES & IMAGES
TABLES
GENERAL SITE ELEMENTS
HEADER
FOOTER
NAVIGATION
PAGE PART STYLES

***************************************************************** */
/* *****************************************************************
GLOBAL STYLES
***************************************************************** */
/* Make everything border-box so borders, padding, etc. arent computed into an element's size. Removing will break many pages and the grid. */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  min-height: 100%; }

body {
  zoom: 1;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #ffffff;
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif;
  /* Changing the value below will also effect all paddings/margins as they are em-based as well */
  line-height: 1.4;
  color: #666666;
  /* Don't let the body collapse smaller than 320px */
  min-width: 21.333em; }
body:after {
  content: "";
  display: table;
  clear: both; }

p, ol, ul, dl, address, article, p, ul {
  margin: 0 0 1.714em; }

hr {
  border: 1px solid #c9cece;
  border-style: none none solid;
  color: #ffffff;
  background: transparent;
  clear: both;
  margin: 1.714em 0; }
hr.thick {
  border-width: 2px; }
hr.darker {
  border-color: #808080; }
hr.cozy {
  margin: 1.14267em 0; }
hr.compact {
  margin: 0.57133em 0; }

ul, ol {
  margin: 0 0 1.714em 0;
  padding: 0 0 0 1em; }
ul li, ol li {
  margin: 0.25em 0; }

ul {
  list-style-type: disc; }
ul.horizontal {
  padding: 0;
  list-style-type: none; }
ul.horizontal li {
  display: inline-block;
  margin-right: 1em; }
ul.link-list {
  list-style-type: none;
  padding: 0; }
ul.link-list li {
  margin: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c9cece;
  position: relative; }
ul.link-list li.first {
  border-top: 1px solid #c9cece; }
ul.piped li {
  margin: 0 0 0.75em;
  padding: 0 0.75em;
  margin-right: -4px;
  position: relative; }
ul.piped li:before {
  content: '|';
  color: inherit;
  position: absolute;
  left: 0;
  top: -1px;
  line-height: inherit;
  font-size: 100%; }
ul.piped li:first-child {
  padding-left: 0; }
ul.piped li:first-child:before {
  display: none; }
ul.no-bullets {
  list-style-type: none;
  padding: 0; }
ul.compact li {
  margin: 0; }
ul.display-inline {
  zoom: 1; }
ul.display-inline:after {
  content: "";
  display: table;
  clear: both; }
ul.display-inline li {
  float: left;
  width: 100%; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: inherit;
  text-decoration: inherit; }

ol {
  list-style-type: decimal; }

/* ***************************************************************
GENERAL LAYOUT
******************** */
.wrap {
  margin: 0 auto;
  /*set width to the max percentage of screen you want the content to take up. default is set above in variables*/
  width: 95%;
  /*set max-width to the widest you want your content to display. default is set above in variables*/
  max-width: 77.143em;
  position: relative;
  zoom: 1;
  position: relative; }
.wrap:after {
  content: "";
  display: table;
  clear: both; }

.row {
  zoom: 1;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 77.143em;
  position: relative; }
.row:after {
  content: "";
  display: table;
  clear: both; }

.row .row {
  width: auto;
  margin-left: -1em;
  margin-right: -1em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none; }

[class*=column] {
  position: relative;
  min-height: 1px;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  float: left; }

.full-width-sm {
  margin-right: -1em;
  margin-left: -1em; }
.full-width-sm .column {
  padding-left: 0;
  padding-right: 0; }

.gradient {
  height: 100%;
  padding: 2em 0;
  background: #e0eff8;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZWZmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #e0eff8 0%, #ffffff 45%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0eff8), color-stop(45%, #ffffff));
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, #e0eff8 0%, #ffffff 45%);
  /* Chrome10+, Safari5.1+ */
  background: -o-linear-gradient(top, #e0eff8 0%, #ffffff 45%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e0eff8 0%, #ffffff 45%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e0eff8 0%, #ffffff 45%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eff8', endColorstr='#ffffff', GradientType=0 );
  /* IE6-8 */ }

/* ***** GRIDE MEASUREMENTS ***** */
.xsm-1, .x-sm-1 {
  width: 4.16666666667%; }

.xsm-2, .x-sm-2 {
  width: 8.33333333333%; }

.xsm-3, .x-sm-3 {
  width: 12.5%; }

.xsm-4, .x-sm-4 {
  width: 16.6666666667%; }

.xsm-5, .x-sm-5 {
  width: 20.8333333333%; }

.xsm-6, .x-sm-6 {
  width: 25%; }

.xsm-7, .x-sm-7 {
  width: 29.1666666667%; }

.xsm-8, .x-sm-8 {
  width: 33.3333333333%; }

.xsm-9, .x-sm-9 {
  width: 37.5%; }

.xsm-10, .x-sm-10 {
  width: 41.6666666667%; }

.xsm-11, .x-sm-11 {
  width: 45.8333333333%; }

.xsm-12, .x-sm-12 {
  width: 50%; }

.xsm-13, .x-sm-13 {
  width: 54.1666666667%; }

.xsm-14, .x-sm-14 {
  width: 58.3333333333%; }

.xsm-15, .x-sm-15 {
  width: 62.5%; }

.xsm-16, .x-sm-16 {
  width: 66.6666666667%; }

.xsm-17, .x-sm-17 {
  width: 70.8333333333%; }

.xsm-18, .x-sm-18 {
  width: 75%; }

.xsm-19, .x-sm-19 {
  width: 79.1666666667%; }

.xsm-20, .x-sm-20 {
  width: 83.3333333333%; }

.xsm-21, .x-sm-21 {
  width: 87.5%; }

.xsm-22, .x-sm-22 {
  width: 91.6666666667%; }

.xsm-23, .x-sm-23 {
  width: 95.8333333333%; }

.xsm-24, .x-sm-24 {
  width: 100%; }

/* show and hide elements based on screen size */
.show-x-sm, .show-sm-down, .show-med-down, .show-lg-down {
  display: inherit !important; }

.show-sm, .show-sm-up, .show-med, .show-med-up, .show-lg {
  display: none !important; }

.hide-sm, .hide-sm-up, .hide-med, .hide-med-up, .hide-lg {
  display: inherit !important; }

.hide-x-sm, .hide-sm-down, .hide-med-down {
  display: none !important; }

.touch .show-for-touch {
  display: inherit !important; }

.no-touch .show-for-touch {
  display: none !important; }

.touch .hide-for-touch {
  display: none !important; }

.no-touch .hide-for-touch {
  display: inherit !important; }

/* ***************************************************************
LINKS STYLES
******************** */
a {
  color: #13487c;
  text-decoration: none;
  cursor: pointer; }
.no-touch a:hover {
  text-decoration: none;
  color: #009cf6; }
a.brand-blue {
  color: #007cc3 !important; }
.no-touch a.brand-blue:hover {
  color: #009cf6 !important; }
a.brand-dark-blue {
  color: #0b3254 !important; }
.no-touch a.brand-dark-blue:hover {
  color: #114d81 !important; }
a.brand-orange {
  color: #f68420 !important; }
.no-touch a.brand-orange:hover {
  color: #f89f51 !important; }
a.brand-green {
  color: #82b639 !important; }
.no-touch a.brand-green:hover {
  color: #9bcb57 !important; }
a.brand-pink {
  color: #ba0063 !important; }
.no-touch a.brand-pink:hover {
  color: #ed007e !important; }
a:link {
  /* highlights links on iPhones/iPads. Basically works like the: hover selector for mobile devices */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/* hide telephone number links in non-touch browsers. The pointer events could affect how skype users etc interact but I havent tested that. */
.no-touch a[href^="tel"], .no-touch a[href^="tel"]:hover {
  pointer-events: none;
  cursor: default;
  color: inherit;
  text-decoration: none; }

/* ***************************************************************
BUTTON STYLES
******************** */
.button-link, input[type="button"], input[type="submit"] {
  background-color: #007cc3;
  color: #ffffff;
  border-radius: 3px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 0.4em 1.25em;
  position: relative;
  overflow: hidden;
  display: inline-block;
  text-transform: uppercase;
  line-height: 20px;
  vertical-align: top; }
.no-touch .button-link:hover, .no-touch input[type="button"]:hover, .no-touch input[type="submit"]:hover {
  background-color: #009cf6;
  color: #ffffff; }
.button-link.long, input[type="button"].long, input[type="submit"].long {
  padding: 0.4em 1.5em; }
.button-link.xtra-long, input[type="button"].xtra-long, input[type="submit"].xtra-long {
  padding: 0.4em 2em; }
.button-link.small, input[type="button"].small, input[type="submit"].small {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0.25em 1em;
  font-weight: normal; }
.button-link.large, input[type="button"].large, input[type="submit"].large {
  font-size: 17.5px;
  font-size: 1.75rem;
  padding: 0.5em 1.75em; }
.button-link.full-width, input[type="button"].full-width, input[type="submit"].full-width {
  width: 100%; }
.button-link.side-by-side, input[type="button"].side-by-side, input[type="submit"].side-by-side {
  margin-right: 0.5em;
  margin-bottom: 1em; }
.button-link.primary, input[type="button"].primary, input[type="submit"].primary {
  background-color: #007cc3;
  color: #ffffff;
  border-radius: 3px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  background: #f68420; }
.no-touch .button-link.primary:hover, .no-touch input[type="button"].primary:hover, .no-touch input[type="submit"].primary:hover {
  background-color: #009cf6;
  color: #ffffff;
  background: #f89f51;
  color: #ffffff;
  text-decoration: none;
  border: none; }
.button-link.orange, input[type="button"].orange, input[type="submit"].orange {
  background: #f68420;
  color: #ffffff; }
.no-touch .button-link.orange:hover, .no-touch input[type="button"].orange:hover, .no-touch input[type="submit"].orange:hover {
  background: #f89f51; }
.button-link.pink, input[type="button"].pink, input[type="submit"].pink {
  background: #ba0063;
  color: #ffffff; }
.no-touch .button-link.pink:hover, .no-touch input[type="button"].pink:hover, .no-touch input[type="submit"].pink:hover {
  background: #ed007e; }
.button-link.dark-blue, input[type="button"].dark-blue, input[type="submit"].dark-blue {
  background: #0b3254;
  color: #ffffff; }
.no-touch .button-link.dark-blue:hover, .no-touch input[type="button"].dark-blue:hover, .no-touch input[type="submit"].dark-blue:hover {
  background: #114d81; }
.button-link.teal, input[type="button"].teal, input[type="submit"].teal {
  background: #427e85;
  color: #ffffff; }
.no-touch .button-link.teal:hover, .no-touch input[type="button"].teal:hover, .no-touch input[type="submit"].teal:hover {
  background: #5097a0; }
.button-link.grey, input[type="button"].grey, input[type="submit"].grey {
  background: #727477;
  color: #ffffff; }
.no-touch .button-link.grey:hover, .no-touch input[type="button"].grey:hover, .no-touch input[type="submit"].grey:hover {
  background: #595b5d; }

/* ***************************************************************
BLOCKQUOTE, LABEL, BADGE, TAG STYLES
******************** */
blockquote, blockquote.left, blockquote.right {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "FrutigerLTPro-Light", Arial, Helvetica, sans-serif;
  float: none;
  display: block;
  border-top: 3px solid #ba0063;
  border-bottom: 3px solid #ba0063;
  margin: 0 0 1.714em 0;
  position: relative;
  padding: 0.5em 0;
  color: #ba0063; }

/* spinning font character from fontello:<p class="loading"><span class="animate-spin icon-spin1"></span></p> */
.loading {
  display: inline-block;
  background: #808080;
  background: rgba(128, 128, 128, 0.7);
  border-radius: 6px;
  font-size: 30px;
  font-size: 3rem;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
  text-align: center;
  color: white;
  line-height: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1em;
  margin-top: -1em;
  height: 2em;
  width: 2em;
  padding: .5em 0; }

.alert {
  color: #ffffff;
  padding: .2em;
  border: 2px solid #ed212d;
  background: #ee2f3a; }
.alert:before {
  font-size: 140%;
  margin-right: .5em; }
.alert.yellow {
  background: #f9b106;
  border: 2px solid #eaa606; }
.alert.green {
  background: #82b639;
  border: 2px solid #7aaa35; }

.globalAlert {
  background: #ba0063;
  color: #ffffff;
  padding: 1.5em 1em 0 1em; }
.globalAlert a {
  color: #ffffff;
  text-decoration: underline; }
.globalAlert .globalAlert-inner {
  max-width: 77.143em;
  margin: auto;
  position: relative; }
.globalAlert .globalAlert-date {
  float: left;
  text-align: center;
  margin-right: 1em; }
.globalAlert .globalAlert-date p {
  margin-bottom: 0 !important; }
.globalAlert i:before {
  font-size: 44px;
  margin: 0 auto 3px auto; }
.globalAlert .close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0; }
.globalAlert .close a:before {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e820';
  vertical-align: 0;
  color: #ffffff;
  font-size: 45px;
  margin-right: 0.25em; }
.globalAlert .globalAlert-text {
  overflow: hidden;
  margin-right: 3em; }

.label {
  display: inline-block;
  padding: .133em .267em;
  font-size: 86.66666666666667%;
  line-height: 1;
  color: #666666;
  white-space: nowrap;
  vertical-align: baseline;
  background: #ffffff; }
.label.close:before {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e820';
  vertical-align: 0;
  color: #007cc3;
  margin-right: 0.25em; }
.label.close:hover {
  color: #808080; }
.label.close:hover:before {
  color: #009cf6; }

/* ***************************************************************
FIGURE / IMG STYLES
******************** */
img {
  border-width: 0;
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  display: inline-block; }
img.fancy {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
  border: 8px solid #ffffff !important; }

figure {
  text-align: center;
  margin: 0 0 1.714em 0;
  position: relative;
  /* figures when embedding video. USAGE:<figure class="video"><iframe width="560" height="315" frameborder="0" allowfullscreen="" src="http://www.youtube.com/embed/Sx_QTgx4nAI"></iframe></figure> */
  /* image captions */ }
figure.left {
  float: left;
  margin: .35em 4% 4% 0;
  max-width: 35%; }
figure.right {
  float: right;
  margin: .35em 0 4% 4%;
  max-width: 35%; }
figure.video {
  position: relative;
  padding-top: 50%;
  height: 0; }
figure.video.healthwise {
  padding-top: 58.4541%;
  padding-bottom: 30px;
  min-height: 235px; }
figure.video iframe, figure.video object, figure.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
figure figcaption {
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  display: block;
  color: #808080;
  padding-bottom: 0.5em;
  line-height: 1.35;
  border-bottom: 1px solid #6c6c6c;
  margin-top: 0.5em;
  font-style: italic; }

.image-column figure.left ~ * {
  margin-left: 45%; }
.image-column figure.right ~ * {
  margin-right: 45%; }

iframe.seamless {
  border: none !important;
  width: 100% !important; }

/* ***************************************************************
TABLES
******************** */
/* placing tables in the table-container div allows horizontal scrolling if the table overflows the page on small screens */
.table-container {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

/* make sure when you style tables that you only target tables within the container for your pages. If you set global styles outside of your page container it will wreak havoc on iAPPS site editor */
[role="main"] table, .modalContent table {
  width: 100%;
  margin-bottom: 2em;
  border-collapse: collapse;
  background-color: transparent;
  font-size: 13px;
  font-size: 1.3rem;
  /* adds border to table. USAGE:<table class="table-bordered"> */
  /* adds zebra striping (every other row) to table. USAGE:<table class="table-striped"> */ }
[role="main"] table.no-margin, .modalContent table.no-margin {
  margin-bottom: 0; }
[role="main"] table tr, .modalContent table tr {
  /* add a background color when user hovers over a row to help with readability */ }
[role="main"] table tr th, [role="main"] table tr td, .modalContent table tr th, .modalContent table tr td {
  padding: .3em .5em .3em 0;
  vertical-align: top;
  text-align: left;
  -webkit-transition: background 0.2s ease-in-out;
  -ms-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  -transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  /*force ios to use the gpu to smooth out transitions. May be really choppy otherwise
  -webkit-transform: translateZ(0); This line actually creates line oddities in Chrome/Mac */ }
[role="main"] table tr th, .modalContent table tr th {
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif;
  color: #808080;
  font-weight: bold;
  vertical-align: bottom; }
[role="main"] table tr th[scope="row"], .modalContent table tr th[scope="row"] {
  vertical-align: top;
  padding: .3em .3em .3em 0; }
[role="main"] table tr th[scope="row"] ~ td, .modalContent table tr th[scope="row"] ~ td {
  padding: .3em .3em .3em 0; }
[role="main"] table tr th[scope="row"]:after, .modalContent table tr th[scope="row"]:after {
  content: ":"; }
.no-touch [role="main"] table tr:hover th, .no-touch [role="main"] table tr:hover td, .no-touch .modalContent table tr:hover th, .no-touch .modalContent table tr:hover td {
  background: #cbcaca !important;
  color: #666666; }
[role="main"] table.table-bordered, .modalContent table.table-bordered {
  border: 1px solid #000000;
  border-left: 0;
  border-collapse: collapse;
  border-spacing: 0; }
[role="main"] table.table-bordered th, [role="main"] table.table-bordered td, .modalContent table.table-bordered th, .modalContent table.table-bordered td {
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-bottom: none;
  padding-left: .5em; }
[role="main"] table.table-bordered thead:first-child tr:first-child th, [role="main"] table.table-bordered tbody:first-child tr:first-child th, [role="main"] table.table-bordered tbody:first-child tr:first-child td, .modalContent table.table-bordered thead:first-child tr:first-child th, .modalContent table.table-bordered tbody:first-child tr:first-child th, .modalContent table.table-bordered tbody:first-child tr:first-child td {
  border-top: 0; }
[role="main"] table.table-outlined, .modalContent table.table-outlined {
  border: 1px solid #000000; }
[role="main"] table.table-outlined th, [role="main"] table.table-outlined td, .modalContent table.table-outlined th, .modalContent table.table-outlined td {
  border: none;
  padding: .3em .5em .3em 0; }
[role="main"] table.table-outlined.light, .modalContent table.table-outlined.light {
  border-color: #b7b5b5; }
[role="main"] table.table-striped tr:nth-child(odd) td, [role="main"] table.table-striped tr:nth-child(odd) th, .modalContent table.table-striped tr:nth-child(odd) td, .modalContent table.table-striped tr:nth-child(odd) th {
  background: #cbcaca; }
[role="main"] table tbody + tbody, .modalContent table tbody + tbody {
  border-top: 2px solid #808080; }

/* ***************************************************************
LIST-TO-TABLE 
******************** */
.list-to-table {
  margin-bottom: 1.714em;
  width: 100%; }
.list-to-table .list-item {
  padding: 0.5em 0;
  margin-bottom: 1.714em;
  border-bottom: 2px solid #c9cece; }
.list-to-table .list-item.header {
  display: none; }
.list-to-table .list-item .no-wrap {
  white-space: nowrap; }
.list-to-table .list-item .list-block {
  padding: 0.25em 1em 1em 1em;
  vertical-align: top; }
.list-to-table .list-item .list-block .item-title {
  display: block;
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
  color: #333333; }
.list-to-table .list-item .list-block .details {
  display: block;
  color: #808080; }
.list-to-table .list-item ul {
  margin: 0;
  padding-left: 0.75em; }

/* ***************************************************************
TABS / ACCORDION
******************** */
ul.tabs {
  padding: 0;
  margin-bottom: 1.714em;
  /* style the tabs that turn into an accordion on mobile. USAGE:<ul class="tabs accordion"> */
  /* make the li's span available space */ }
ul.tabs > li {
  list-style: none;
  display: inline; }
ul.tabs > li > a {
  background: #e7e9e9;
  color: #808080;
  text-transform: uppercase;
  padding: .7em 0.5em;
  cursor: pointer;
  display: block;
  clear: both;
  position: relative;
  /* hide the div immediately following the tab link that toggles it */
  /* style the link when it is clicked and the js adds the class of .active */ }
.no-touch ul.tabs > li > a:hover {
  background: #f68420;
  color: #ffffff; }
ul.tabs > li > a + div {
  display: none;
  width: 95%;
  padding: 1.5em 0 0 0;
  background: transparent;
  float: left;
  width: 100%;
  max-width: 100%;
  padding: 1em; }
ul.tabs > li > a.active {
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
  background: #f68420;
  color: #ffffff;
  /* when the link gets the class of .active, show the div immediately following it */ }
.no-touch ul.tabs > li > a.active:hover {
  background: #f89f51;
  border-bottom-width: 0;
  cursor: default; }
ul.tabs > li > a.active + div {
  display: block;
  margin-bottom: 1em; }
ul.tabs.accordion > li {
  display: block; }
ul.tabs.accordion > li > a {
  display: block;
  margin-bottom: .2em;
  padding: 0.7em 1em;
  /* style the icon added by adding an icon-font class to the tab */
  /* when active/expanded, change the icon */
  /* take the top border off of the lower divs for accordion view */ }
ul.tabs.accordion > li > a:after {
  content: '\e813';
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  margin: 0;
  padding: 0.1em;
  position: absolute;
  right: 1em;
  top: .6em; }
ul.tabs.accordion > li > a.active:after {
  content: '\e814'; }
ul.tabs.accordion > li > a + div {
  border: none;
  padding: 2em 1.5em;
  margin-bottom: 0; }
ul.tabs.accordion > li > a + div.flush {
  padding: 2em 0; }

/* ***************************************************************
MODAL STYLES
******************** */
.popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto; }

/** Transluscent overlay **/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

/** Wrapper for popup **/
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

/** Root container **/
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/** Vertical centerer helper **/
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

/** Remove vertical centering when popup has class `mfp-align-top` **/
.mfp-align-top .mfp-container:before {
  display: none; }

/** Popup content holder **/
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

/** Cursors **/
.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

/** Hide the image during the loading **/
.mfp-loading.mfp-figure {
  display: none; }

/** Helper class that hides stuff **/
.mfp-hide {
  display: none !important; }

/** Preloader and text that displays error messages **/
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
.mfp-preloader a {
  color: #CCC; }
.mfp-preloader a:hover {
  color: #FFF; }

/** Hide preloader when content successfully loaded **/
.mfp-s-ready .mfp-preloader {
  display: none; }

/** Hide content when it was not loaded **/
.mfp-s-error .mfp-content {
  display: none; }

/** CSS-reset for buttons **/
button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

/** Close icon **/
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif, "Helvetica Neue", Arial, sans-serif; }
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }
.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #ee2f3a; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #ee2f3a;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

/** "1 of X" counter**/
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px; }

/** Navigation arrows **/
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
  margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

/** Iframe content type **/
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }
.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/** Image content type **/
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }
.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
     /**
* Remove all paddings around the image on small screen
*/
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
/* ***************************************************************
UNIVERSAL SHOW / HIDE SCRIPT
******************** */
/* When clicked (<a class="hiddenTriggerClick">) or hovered (<a class="hiddenTriggerHover") the proceeding hidden element with class of hiddenContent will toggle visibility. Common.js adds the class "active" to the trigger and "notHidden" to the hidden alement and the css below handles the visibilty.
USAGE:<a href="" class="hiddenTriggerClick">show stuff when this is clicked</a><div class="hiddenContent>I will show when that link above me is clicked</div> */
.hiddenTriggerClick, .hiddenTriggerHover {
  position: relative;
  color: #13487c;
  cursor: pointer; }

.hiddenContent {
  display: none;
  position: relative;
  z-index: 1; }
.hiddenContent.notHidden {
  display: block; }

/* ***************************************************************
PAGINATION
******************** */
/* style the default iAPPS pagination */
.pagination {
  overflow: hidden;
  border-bottom: 1px solid #c9cece;
  margin-bottom: 1.714em;
  line-height: 2em;
  text-align: center;
  position: relative;
  display: block; }
.pagination .result-count {
  display: block;
  font-weight: bold;
  color: #0b3254; }
.pagination .pageNumbers {
  display: block; }
.pagination .pageNumbers a {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  margin-left: 1px;
  color: #0b3254; }
.no-touch .pagination .pageNumbers a:hover {
  color: #009cf6;
  text-decoration: none; }
.pagination .pageNumbers .current {
  display: inline-block;
  margin-left: 1px; }
.pagination .pageNumbers .current:before {
  display: none; }
.pagination .pageNumbers .prev, .pagination .pageNumbers .next {
  text-align: center;
  padding: 0.25em;
  font-weight: bold;
  margin: 0; }
.pagination .pageNumbers .prev:after, .pagination .pageNumbers .prev:before, .pagination .pageNumbers .next:after, .pagination .pageNumbers .next:before {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em; }
.pagination .pageNumbers .prev.inactive, .pagination .pageNumbers .next.inactive {
  display: none; }
.pagination .pageNumbers .prev:before {
  content: '\e821'; }
.pagination .pageNumbers .prev:after {
  content: '|';
  color: #666666; }
.pagination .pageNumbers .next {
  margin-left: 0.25em; }
.pagination .pageNumbers .next:after {
  content: '\e826'; }
.pagination .pageNumbers .next:before {
  content: '|';
  color: #666666;
  margin: 0; }
.pagination input[type="submit"] {
  padding: 5px;
  background: #0b3254;
  margin-top: 3px; }
.pagination.bottom {
  border-bottom: none; }

/* ***************************************************************
HEADER
******************** */
.main-header {
  background: transparent; }

/* Use a logo about 3x the size it needs to be for retina. Size it for mobile here. Re-adjust for desktop in _responsive.scss */
.main-logo {
  display: inline-block;
  /* this is the size you want the logo to be on desktop/large screens */
  max-width: 200px;
  /* this is the percentage based width you want the logo to take up on smaller screens once the pixel value set above is more than the percentage value set below */
  width: 50%;
  text-align: center; }

.utilities .utility-nav {
  display: none; }

.header-content {
  background: #ffffff;
  position: relative;
  height: 4.25em; }

.section {
  margin-bottom: 1.714em; }
.section.grey .header-tab, .section.blue .header-tab, .section.dark-blue .header-tab, .section.orange .header-tab, .section.green .header-tab, .section.teal .header-tab, .section.aqua .header-tab, .section.pink .header-tab {
  margin-left: -0.775em;
  margin-right: -0.775em;
  background: transparent; }
.section.grey {
  background: #f4f5f5;
  padding: 0 1em; }
.section.blue {
  background: #d2e8f5;
  padding: 0 1em; }
.section.dark-blue {
  background: #0b3254;
  color: #ffffff;
  padding: 0 1em; }
.section.orange {
  background: #f68420;
  color: #ffffff;
  padding: 0 1em; }
.section.green {
  background: #82b639;
  color: #ffffff;
  padding: 0 1em; }
.section.teal {
  background: #6daeb6;
  color: #ffffff;
  padding: 0 1em; }
.section.aqua {
  background: #048c9a;
  color: #ffffff;
  padding: 0 1em; }
.section.pink {
  background: #ba0063;
  color: #ffffff;
  padding: 0 1em; }

/* * floated links next to tabbed header * */
.header-links a {
  display: block;
  border-bottom: 2px solid #c9cece;
  padding: 0.5em; }
.header-links a:before {
  float: left;
  margin-right: 0.5em;
  height: 1em;
  width: 1em;
  text-align: center; }
.no-touch .header-links a:hover {
  color: #ed007e; }

.hp-search .border-left {
  border: none; }
.hp-search .hiddenTriggerClick {
  font-size: 15px;
  font-size: 1.5rem;
  color: #007cc3;
  font-family: "FrutigerLTPro-Light", Arial, Helvetica, sans-serif;
  font-weight: normal;
  border-bottom: 2px solid #c9cece;
  margin: 0;
  padding: 0.5em; }
.hp-search .hiddenTriggerClick:after {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e829';
  float: right; }
.hp-search .hiddenTriggerClick.active:after {
  content: '\e82a'; }
.hp-search .hiddenContent {
  padding: 1em 2em; }
.hp-search .hiddenContent a.link {
  display: block;
  margin: 0.5em 0 0 0; }
.hp-search .content {
  padding: 0; }

/* ***************************************************************
BREADCRUMBS
******************** */
ul.breadCrumbs {
  padding: 0;
  zoom: 1; }
ul.breadCrumbs:after {
  content: "";
  display: table;
  clear: both; }
ul.breadCrumbs li {
  font-size: 14px;
  font-size: 1.4rem;
    /* on mobile, we only show the last breadcrumb like a "go back one page" link.
So we hide all of the links on mobile except the last one. see below */
  display: block;
  float: left;
  list-style: none outside none;
  margin: 0 0 0 0;
  line-height: 1.2;
  color: #808080;
  /* show the last link only on mobile. We make them all visible for desktop in responsive.scss */ }
ul.breadCrumbs li:after {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e826';
  margin-left: 0.25em;
  margin-right: 0.25em;
  opacity: .5; }
ul.breadCrumbs li:last-child {
  color: #333333; }

/* ***************************************************************
FOOTER
******************** */
.main-footer {
  background: #f4f5f5;
  width: 100%;
  margin-top: 4em;
  padding: 0; }

.footer-banner {
  background: #007cc3;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 1.5rem; }
.footer-banner ul {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0; }
.footer-banner ul li {
  display: inline-block;
  width: 100%;
  margin: 0;
  border-top: 1px solid #0089d7; }
.footer-banner ul li:first-child {
  border: none; }
.footer-banner ul li span {
  display: inline-block; }
.footer-banner ul li a {
  color: inherit;
  padding: 0.75em;
  display: block; }
.no-touch .footer-banner ul li a:hover {
  color: #ffffff;
  background: #005c90; }
.footer-banner ul li a:before {
  font-size: 22.5px;
  font-size: 2.25rem;
  padding-right: 0.25em; }

/* ***** FOOTER ***** */
.footer-connect {
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif;
  color: #ffffff;
  padding-top: 2em;
  padding-bottom: 2em; }
.footer-connect .header {
  font-size: 15px;
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #808080;
  margin: 0;
  padding-bottom: 0.75em; }
.footer-connect a.social {
  font-size: 22.5px;
  font-size: 2.25rem;
  line-height: 1.2;
  background: transparent;
  color: inherit;
  display: inline-block;
  height: 2em;
  width: 2em;
  border-radius: 50%;
  padding: .375em .55em;
  margin-right: 0.5em; }
.footer-connect a.social.facebook {
  margin-left: 0;
  padding-left: .625em;
  background: #315d99; }
.footer-connect a.social.facebook:before {
  content: '\e801';
  font-family: "fontello";
  margin-left: 0.05em; }
.no-touch .footer-connect a.social.facebook:hover {
  color: #ffffff;
  background: #3d74c0;
  text-decoration: none; }
.footer-connect a.social.twitter {
  background: #00abe2; }
.footer-connect a.social.twitter:before {
  content: '\e816';
  font-family: "fontello"; }
.no-touch .footer-connect a.social.twitter:hover {
  color: #ffffff;
  background: #16c6ff;
  text-decoration: none; }
.footer-connect a.social.youtube {
  background: #dd3627; }
.footer-connect a.social.youtube:before {
  content: '\e810';
  font-family: "fontello"; }
.no-touch .footer-connect a.social.youtube:hover {
  color: #ffffff;
  background: #e45f53;
  text-decoration: none; }
.footer-connect a.social.linkedin {
  background: #0087bd; }
.footer-connect a.social.linkedin:before {
  content: '\e80f';
  font-family: "fontello"; }
.no-touch .footer-connect a.social.linkedin:hover {
  color: #ffffff;
  background: #00abf0;
  text-decoration: none; }
.footer-connect .section {
  margin-bottom: 1.5em; }

.footer-links {
  margin-bottom: 0;
  margin-left: -1em;
  margin-right: -1em; }
.footer-links a {
  color: #0b3254; }
.footer-links .header {
  font-size: 15px;
  font-size: 1.5rem;
  border-bottom: 2px solid #e4e4e4;
  display: block;
  color: #007cc3;
  text-transform: uppercase;
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
  padding: 1em;
  margin: 0; }
.footer-links .header:after {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e813';
  float: right; }
.footer-links .header.active:after {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e814'; }
.footer-links ul {
  list-style-type: none;
  margin-bottom: 0;
  padding: 0; }
.footer-links ul li {
  background: #ffffff;
  border-bottom: none;
  margin: 0;
  padding: 0.75em 2em;
  border-bottom: 1px solid #d8d7d7; }
.footer-links ul li .phone {
  font-size: 20px;
  font-size: 2rem;
  color: #727477; }

.lower-footer {
  color: #808080;
  border-top: 6px solid #ffffff; }
.lower-footer a {
  color: inherit; }
.lower-footer p {
  margin-bottom: 0.5em; }
.lower-footer p.footer-right, .lower-footer p.footer-left {
  width: 100%;
  text-align: center;
  padding: 1.5em 0;
  color: #666666;
  font-size: 12px;
  font-size: 1.2rem; }

.footer-copyright {
  background: #e4e4e4; }
.footer-copyright .copy-wrap {
  margin: 0 auto;
  /*set width to the max percentage of screen you want the content to take up. default is set above in variables*/
  width: 95%;
  /*set max-width to the widest you want your content to display. default is set above in variables*/
  max-width: 77.143em;
  position: relative;
  max-width: 80em;
  padding: 1em 0;
  text-align: center;
  color: #808080; }
.footer-copyright .copy-wrap a {
  color: #808080;
  margin: 0 0.25em; }
.footer-copyright .copy-wrap .language {
  position: relative;
  display: inline-block;
  margin-left: 0.5em; }
.footer-copyright .copy-wrap .language label, .footer-copyright .copy-wrap .language select {
  font-size: 13px;
  font-size: 1.3rem;
  background: transparent;
  width: auto;
  font-weight: normal;
  border: none;
  box-shadow: none;
  display: inline-block;
  padding-right: 3px; }

.footnote {
  font-size: 12px;
  font-size: 1.2rem;
  color: #cdcdcd;
  margin-bottom: 0.25em; }

input[type="submit"].footer-select {
  background: transparent !important;
  color: #727477 !important;
  border: 1px solid #727477;
  padding: 1px 6px;
  text-transform: initial;
  font-size: 11px;
  margin-top: px; }

/* ***************************************************************
SITE SEARCH + NEWSLETTER SIGNUPS
******************** */
.site-search {
  text-align: right; }
.site-search .search-toggle {
  background: #ba0063;
  padding: 1.1em 1em 1.1em 1em;
  color: #ffffff;
  z-index: 100;
  border-radius: 0;
  position: absolute;
  height: 4.25em;
  right: 4.1em; }
.site-search .search-toggle:before {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e806';
  font-size: 30px;
  font-size: 3rem; }
.site-search .search-toggle.active:before {
  content: '\e802'; }
.site-search .form-search {
  -webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 4.25em;
  right: 0;
  width: 100%;
  z-index: 100; }
.site-search .form-search #site-search {
  padding: 0.4em 0.5em; }
.site-search .form-search .search-fieldset {
  background: #ba0063;
  padding: 1.5em 0; }
.site-search .form-search .search-drop-content {
  display: none; }
.site-search .form-search.text-entered .search-drop-content {
  background: #f7f7f7;
  display: block;
  text-align: left;
  padding: 0; }
.site-search .form-search.text-entered .search-drop-content table.results {
  border-bottom: 1px solid #235b8c; }
.site-search .form-search.text-entered .search-drop-content table.results .category {
  background: #0b3254;
  width: 120px;
  padding: 0 0.75em;
  text-align: center; }
.site-search .form-search.text-entered .search-drop-content table.results .category a {
  color: #ffffff; }
.no-touch .site-search .form-search.text-entered .search-drop-content table.results .category a:hover {
  text-decoration: underline; }
.site-search .form-search.text-entered .search-drop-content table.results table {
  width: 100%; }
.site-search .form-search.text-entered .search-drop-content table.results table tr td {
  border-bottom: 1px solid #c9cece;
  padding: 0.5em; }
.site-search .form-search.text-entered .search-drop-content table.results table tr:last-child td {
  border-bottom: none; }
.site-search .form-search.text-entered .search-drop-content .all-results {
  background: #e9ebeb;
  padding: 1em; }

.advanced-search-container {
  padding-bottom: 1.714em !important;
  overflow: hidden; }
.advanced-search-container .header-tab {
  width: 104%; }
.advanced-search-container .advanced-search-toggle {
  background: #f3f9fc;
  border: 1px solid #a0ceea;
  padding: 0.5em 0.75em; }
.advanced-search-container .advanced-search-toggle:before {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e80e';
  margin-right: 0.5em; }
.advanced-search-container .advanced-search-toggle.active {
  margin: 0;
  border-bottom: none; }
.advanced-search-container .advanced-search-toggle.active:before {
  content: '\e81c'; }
.advanced-search-container .advanced-search-content {
  background: #f3f9fc;
  border-left: 1px solid #a0ceea;
  border-right: 1px solid #a0ceea;
  border-bottom: 1px solid #a0ceea;
  padding: 1em 2.5em; }
.advanced-search-container .advanced-search-content.notHidden {
  margin-bottom: 1.714em; }

.newsletter-signup-footer {
  margin-top: 1em; }
.newsletter-signup-footer input {
  font-style: italic; }

/* ***************************************************************
MAIN NAVIGATION / DESTYLED MEGAMENU
******************** */
.main-nav-toggle {
  background: #0b3254;
  color: #ffffff;
  padding: 0.75em 1em;
  display: block;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  height: 4.25em;
  /* style the active (clicked) state of the button */ }
.main-nav-toggle:after {
  font-size: 35px;
  font-size: 3.5rem;
  content: '\e800';
  display: inline-block;
  font-family: "fontello";
  line-height: 1.15; }
.main-nav-toggle.active {
  background: #007cc3; }
.main-nav-toggle.active:after {
  content: '\e802'; }
.no-touch .main-nav-toggle:hover {
  color: #0b3254;
  text-decoration: none;
  color: #ffffff; }

.main-nav {
  display: none;
  background: #007cc3;
  /* make the nav visible when .main-nav-toggle is clicked and applies the class of active to the nav */
  /* style the lists/links in the nav */ }
.main-nav.active {
  display: block;
  position: relative;
  z-index: 1001;
  width: 100%;
  margin-top: 0.5em; }
.main-nav.active li {
  display: block; }
.main-nav ul.main {
  padding: 0;
  margin: 0;
  -webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5); }
.main-nav ul.main li {
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
  /* style the link of the page the user is currently on */
  /* style the button that toggles the submenus */
  /* ***** style the submenus */ }
.main-nav ul.main li a {
  color: #ffffff;
  display: block;
  padding: 1em;
  border-bottom: 1px solid #008cdd;
  line-height: 1; }
.main-nav ul.main li.selected > a {
  color: #ffffff; }
.main-nav ul.main li span.sub-nav-toggle {
  position: absolute;
  right: 0;
  top: 0;
  border-bottom: none;
  width: 60px;
  text-align: center;
  line-height: 3;
  color: #ffffff; }
.main-nav ul.main li span.sub-nav-toggle:before {
  font-size: 20px;
  font-size: 2rem;
  content: '\e811';
  font-family: "fontello";
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: .15em; }
.main-nav ul.main li span.sub-nav-toggle.active:before {
  content: '\e809'; }
.main-nav ul.main li ul {
  display: none;
  margin-left: 0;
  padding: 0;
  /* make the subnav visible when .sub-nav-toggle is clicked and applies the class of active to the ul */ }
.main-nav ul.main li ul.active {
  display: block;
  background: #0096ec;
  margin: 0; }
.main-nav ul.main li ul li {
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  list-style: none;
  margin: 0;
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif;
  /* change the icon for .sub-nav-toggle in the submenus.  See _typography.scss */ }
.main-nav ul.main li ul li span.sub-nav-toggle:before {
  content: '\e811';
  color: #ffffff; }
.main-nav ul.main li ul li span.sub-nav-toggle.active:before {
  content: '\e809';
  color: #ffffff; }
.main-nav ul.main li ul li ul.active {
  background: #ffffff; }
.main-nav ul.main li ul li ul li a {
  font-weight: normal;
  color: #007cc3;
  border-bottom-color: #72b3ec;
  padding: 1em 1.5em; }
.main-nav ul.main li ul li ul li a.sub-nav-toggle:before {
  content: '\e829';
  color: #007cc3 !important; }
.main-nav ul.main li ul li ul li a.sub-nav-toggle.active:before {
  content: '\e82a'; }
.main-nav ul.main li ul li ul li ul.active {
  background: #f4f5f5; }
.main-nav ul.main li ul li ul li ul li a {
  border-bottom-color: #ffffff; }
.main-nav ul.main li ul li ul li ul li a:before {
  content: '–';
  margin-right: 0.25em; }
.main-nav ul.main li ul .menu-callout ul, .main-nav ul.main li ul .menu-callout img, .main-nav ul.main li ul.no-mobile, .main-nav ul.main li ul .no-mobile {
  display: none; }
.main-nav ul.main .mobile-utility {
  display: block;
  background: #0b3254; }
.main-nav ul.main .mobile-utility a {
  border-bottom: 1px solid #004b77; }
.main-nav ul.main .mobile-utility ul.active {
  background: #0e3f6b; }
.main-nav ul.main .mobile-utility ul.active li ul.active {
  background: #ffffff; }
.main-nav ul.main .mobile-utility ul.active li ul.active li a {
  border-bottom-color: #c3e9ff; }
.main-nav ul.main .mobile-utility ul.active li ul.active li a:before {
  content: '–';
  margin-right: 0.25em; }

/* ***** OTHER SITE NAVS / MENUS ***** */
/* even if you don't have a side nav on the site, these styles also apply to the style guide menu */
.secondary-nav, .secondary-nav.hero-nav {
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
  border-top: 3px solid #0b3254;
  padding-top: 0.5em;
  display: none; }
.secondary-nav .secondary-nav-trigger, .secondary-nav.hero-nav .secondary-nav-trigger {
  display: inline-block;
  width: 100%;
  padding: 0.5em;
  margin-bottom: 1.714em; }
.secondary-nav .secondary-nav-trigger:after, .secondary-nav.hero-nav .secondary-nav-trigger:after {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e811';
  color: #0b3254;
  float: right; }
.secondary-nav .secondary-nav-trigger.active, .secondary-nav.hero-nav .secondary-nav-trigger.active {
  margin-bottom: 0;
  background: #0b3254;
  color: #ffffff; }
.secondary-nav .secondary-nav-trigger.active:after, .secondary-nav.hero-nav .secondary-nav-trigger.active:after {
  content: '\e809';
  color: #ffffff; }
.secondary-nav ul, .secondary-nav.hero-nav ul {
  padding: 0;
  margin-bottom: 1.714em;
  display: none;
  list-style-type: none; }
.secondary-nav ul.show, .secondary-nav.hero-nav ul.show {
  display: block; }
.secondary-nav ul li, .secondary-nav.hero-nav ul li {
  position: relative;
  list-style: none;
  margin: 0;
  /* style the secondary (nested) ul's */ }
.secondary-nav ul li a, .secondary-nav.hero-nav ul li a {
  color: #007cc3;
  border-bottom: 1px solid #c9cece;
  display: block;
  margin: 0.25em 0;
  padding: 0.5em 0.25em; }
.no-touch .secondary-nav ul li a:hover, .no-touch .secondary-nav.hero-nav ul li a:hover {
  color: #000000; }
.secondary-nav ul li ul, .secondary-nav.hero-nav ul li ul {
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif;
  margin: 0.25em 0;
  padding-left: 2em; }
.secondary-nav ul li ul.show, .secondary-nav.hero-nav ul li ul.show {
  display: block; }
.secondary-nav ul li ul li, .secondary-nav.hero-nav ul li ul li {
  list-style-type: disc; }
.secondary-nav ul li ul li a, .secondary-nav.hero-nav ul li ul li a {
  border-bottom: none;
  padding: 0.25em 0;
  margin: 0; }
.secondary-nav ul li.selected > a, .secondary-nav ul li.selected-category > a, .secondary-nav.hero-nav ul li.selected > a, .secondary-nav.hero-nav ul li.selected-category > a {
  color: #000000; }
.secondary-nav ul li.selected .current, .secondary-nav ul li.selected .current > a, .secondary-nav ul li.selected-category .current, .secondary-nav ul li.selected-category .current > a, .secondary-nav.hero-nav ul li.selected .current, .secondary-nav.hero-nav ul li.selected .current > a, .secondary-nav.hero-nav ul li.selected-category .current, .secondary-nav.hero-nav ul li.selected-category .current > a {
  color: #000000;
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif; }
.secondary-nav ul li.selected .current ul li a, .secondary-nav ul li.selected .current > a ul li a, .secondary-nav ul li.selected-category .current ul li a, .secondary-nav ul li.selected-category .current > a ul li a, .secondary-nav.hero-nav ul li.selected .current ul li a, .secondary-nav.hero-nav ul li.selected .current > a ul li a, .secondary-nav.hero-nav ul li.selected-category .current ul li a, .secondary-nav.hero-nav ul li.selected-category .current > a ul li a {
  font-weight: normal; }

.selected-category > .secondary-nav-toggle, .selected-category > .show .secondary-nav-toggle {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5em;
  text-align: center;
  cursor: pointer;
  background: #0b3254; }
.selected-category > .secondary-nav-toggle:after, .selected-category > .show .secondary-nav-toggle:after {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e811';
  color: #ffffff; }
.selected-category > .secondary-nav-toggle.active:after, .selected-category > .show .secondary-nav-toggle.active:after {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e809'; }

.selected-category > .show .secondary-nav-toggle {
  background: #ebebeb; }
.selected-category > .show .secondary-nav-toggle:after {
  content: '+';
  color: #0b3254; }
.selected-category > .show .secondary-nav-toggle.active:after {
  content: '-'; }

.secondary-nav {
  display: block; }

/* dropdown menu on mobile that turns into a side nav (or whatever kind of nav you want really) on larger screens. */
/*.dropdown-to-nav {
  ul {
    padding: 0;
    display: table;
    width: 100%;
    &.open {
      li {
        display: table-row;
        a {
          @include default-button-style;
          border-radius: 0;
          text-align: left;
          display: block;
          margin-bottom: $x-small-spacing;
          padding: $x-small-spacing;
          .no-touch &:hover {
            @include default-button-hover-style;
            border-radius: 0;
            text-align: left;
          }
        }
      }
    }
    li {
      display: none;
      &.selected {
        display: table-header-group;
        a {
          @include primary-button-style;
          border-radius: 0;
          text-align: left;
          padding: $small-spacing;
          display: block;
          &:after {
            content: '\e809';
            @include icon-style;
            float: right;
            position: relative;
            top: .1em;
            margin: 0;
          }
          .no-touch &:hover, &.active {
            @include primary-button-hover-style;
          }
        }
      }
    }
  }
  &.hero-nav {
    font-family: $brand-font-bold;
  }
}*/
/* dropdown menu on mobile that turns into a side nav (or whatever kind of nav you want really) on larger screens. */
/* ***************************************************************
FLEXSLIDER
******************** */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
  outline: none; }

.slides, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flex-manual-nav {
  display: none; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  margin: 0;
  position: relative; }

.flexslider-copy, .header-copy {
  position: relative;
  padding: 1em 1.5em;
  text-align: left; }
.flexslider-copy h1, .flexslider-copy .h1, .flexslider-copy h2, .flexslider-copy .h2, .flexslider-copy h3, .flexslider-copy .h3, .header-copy h1, .header-copy .h1, .header-copy h2, .header-copy .h2, .header-copy h3, .header-copy .h3 {
  margin-bottom: 0;
  font-size: 26px;
  font-size: 2.6rem; }
.flexslider-copy p, .header-copy p {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 0.75em 0;
  left: 0;
  width: 100%; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block; }

.flexslider {
  margin: 0 0 2.5em;
  padding: 0;
  position: relative; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.flexslider .slides {
  zoom: 1; }

.carousel li {
  margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {
  display: none; }

/* Control Nav */
.flex-control-nav {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  z-index: 100; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 15px;
  height: 15px;
  display: block;
  background: #6c6c6c;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 50%;
  border: 2px solid transparent;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }

.flex-control-paging li a:hover {
  background: #ffffff;
  border-color: #0b3254;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }

.flex-control-paging li a.flex-active {
  background: #ffffff;
  border-color: #0b3254;
  cursor: default;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

/* ***************************************************************
THUMBNAIL GALLERY CAROUSEL, HP CAROUSEL
******************** */
.gallery {
  zoom: 1;
  text-align: center;
  position: relative;
  margin-bottom: 2em; }
.gallery:after {
  content: "";
  display: table;
  clear: both; }
.gallery .next, .gallery .prev {
  background: #007cc3;
  position: absolute;
  top: 50%;
  margin-top: -1em;
  padding: 1em;
  left: -1em;
  color: #ffffff;
  z-index: 3; }
.gallery .next:before, .gallery .prev:before {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e825';
  font-size: 200%; }
.gallery .next {
  left: auto;
  right: -1em; }
.gallery .next:before {
  content: '\e826'; }
.gallery ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  text-align: center; }
.gallery ul li {
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
  margin: 0 -4px .5em 3.8%;
  background: #808080;
  cursor: pointer; }
.gallery ul li img {
  display: none; }
.gallery ul li.active {
  background: #007cc3;
  border-color: #004b77; }

#thumbs-next {
  display: block;
  width: 15%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  text-indent: -999px;
  outline: 0;
  overflow: hidden;
  /* z-index: 300;
*/ }
#thumbs-next:before {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e82f';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -.5em -.5em 0;
  text-indent: 0; }

#thumbs-prev {
  display: block;
  width: 15%;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  text-indent: -999px;
  outline: 0;
  overflow: hidden; }
#thumbs-prev:before {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e826';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -.5em -.5em 0;
  text-indent: 0; }

#thumbs-next, #thumbs-prev {
  display: none; }

.row.block-grid [class*=column] {
  float: none;
  display: inline-block;
  vertical-align: top;
  /* using the px-to-em function in utilities.sccs to add 4px negative margin to these elements regardless of base font-size. Fixes extra horizontal whitespace on inline-block elements */
  margin-right: -4px; }

ul.block-grid {
  list-style: none;
  padding: 0; }

/* content carousel on smallscreens, list on larger */
.smallscreen-carousel-container {
  position: relative;
  margin-bottom: 1.714em; }

.show-carousel ul {
  white-space: nowrap;
  overflow: hidden; }
.show-carousel #smallscreen-next, .show-carousel #smallscreen-prev {
  background: #007cc3;
  color: #ffffff;
  width: 3em;
  height: 3em;
  display: block;
  position: absolute;
  left: 0;
  top: 40%;
  text-indent: -999px;
  outline: 0;
  overflow: hidden;
  z-index: 300; }
.show-carousel #smallscreen-next:before, .show-carousel #smallscreen-prev:before {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e822';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -.5em -.65em 0;
  text-indent: 0;
  font-size: 200%; }
.show-carousel #smallscreen-prev {
  left: auto;
  right: 0; }
.show-carousel #smallscreen-prev:before {
  content: '\e823';
  margin: -.5em -.45em 0; }

.resource-callout p {
  display: none; }
.resource-callout h3 {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0.25em; }
.resource-callout h3:after {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e826'; }

.video-detail figure {
  margin-bottom: 0.57133em;
  overflow: hidden; }
.video-detail figure img {
  cursor: pointer; }
.video-detail figure img.youTube-crop {
  margin: -10% 0; }
.video-detail .video-title, .video-detail .time {
  display: block; }
.video-detail .video-info {
  color: #808080; }

/* ***************************************************************
OLD STYLES - used? 8/26
******************** */
.filters {
  margin-bottom: 1.5em !important; }

.compare-filter {
  text-align: left;
  margin-bottom: 0.5em; }
.compare-filter p {
  font-size: 13px;
  font-size: 1.3rem;
  display: inline-block;
  margin-right: 0.25em; }

.side-rail {
  font-size: 14px;
  font-size: 1.4rem; }

/* ***** SEARCH FILTERS ***** */
.search-filter-container .filter-toggle {
  display: block;
  background: #c3e9ff;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif;
  line-height: 1.5;
  letter-spacing: 0.01em;
  font-weight: bold;
  display: block;
  margin-bottom: 1em;
  padding: 0.5em 2.5em 0.5em 0.5em; }
.search-filter-container .filter-toggle a {
  color: #ffffff; }
.no-touch .search-filter-container .filter-toggle:hover {
  background-color: #009cf6;
  color: #ffffff; }
.search-filter-container .filter-toggle:after {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  font-size: 25px;
  font-size: 2.5rem;
  content: '\e811';
  position: absolute;
  right: .2em;
  margin: 0; }
.search-filter-container .filter-toggle.active {
  background-color: #009cf6;
  color: #ffffff;
  margin: 0; }
.search-filter-container .filter-toggle.active:after {
  content: '\e809'; }
.search-filter-container .filter-toggle.active + ul {
  border-bottom: 5px solid #007cc3; }
.search-filter-container .search-filter-content {
  background: white;
  padding: 2em 1em; }
.search-filter-container .search-filter-content.notHidden {
  margin-bottom: 1.714em; }

/* **** end of block **** */
.siderail-container {
  background: #0b3254;
  color: #ffffff;
  margin-bottom: 1.714em;
  /* Specific Elements */ }
.siderail-container .siderail-title {
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-align: center;
  padding: 0.5em;
  margin-bottom: 0; }
.siderail-container .siderail-content {
  color: #666666;
  background: #f4f5f5;
  padding: 1.5em 1em; }
.siderail-container.pink .siderail-content, .siderail-container.pink a, .siderail-container.teal .siderail-content, .siderail-container.teal a, .siderail-container.aqua .siderail-content, .siderail-container.aqua a {
  color: #ffffff; }
.siderail-container.pink {
  background: #8a0049; }
.siderail-container.pink .siderail-content {
  background: #ba0063; }
.siderail-container.pink .siderail-content .button-link.pink {
  background: #8a0049; }
.no-touch .siderail-container.pink .siderail-content .button-link.pink:hover {
  background: #ed007e; }
.siderail-container.teal {
  background: #427e85; }
.siderail-container.teal .siderail-content {
  background: #6daeb6; }
.siderail-container.aqua {
  background: #004d5d; }
.siderail-container.aqua .siderail-content {
  background: #048c9a; }
.siderail-container.aqua .siderail-content .button-link.aqua {
  background: #004d5d; }
.no-touch .siderail-container.aqua .siderail-content .button-link.aqua:hover {
  background: #05b9cc; }
.siderail-container.events {
  background: #f68420; }
.siderail-container.tweets .tweet-container, .siderail-container.tweets .facebook-container, .siderail-container.facebook .tweet-container, .siderail-container.facebook .facebook-container {
  font-size: 13px;
  font-size: 1.3rem;
  background: #ffffff;
  padding: 0.5em;
  color: #666666;
  margin-bottom: 1.714em; }
.siderail-container.tweets .tweet-container a, .siderail-container.tweets .facebook-container a, .siderail-container.facebook .tweet-container a, .siderail-container.facebook .facebook-container a {
  color: #13487c !important; }
.siderail-container.tweets .tweet-container *:last-child, .siderail-container.tweets .facebook-container *:last-child, .siderail-container.facebook .tweet-container *:last-child, .siderail-container.facebook .facebook-container *:last-child {
  margin-bottom: 0; }
.siderail-container.facebook .siderail-content {
  background: #0b3254; }

/* ***************************************************************
PAGE PARTS
******************** */
/* the contact info boxes in the right rail of sub-pages */
.contact ul {
  padding: 0;
  list-style: none; }

/* the header for the contact boxes that toggles visibility of contact-content on small screens */
.contact-trigger {
  font-size: inherit;
  line-height: 1.5;
  background: #0b3254;
  color: #ffffff;
  padding: 0.5em 2em 0.5em 0.5em;
  position: relative; }
.contact-trigger:after {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e809';
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  margin: 0; }

/* the actual contact information in contact-box */
.contact-content {
  max-height: 0;
  overflow: hidden; }
.contact-content.show {
  max-height: 999px; }

/* the first groiup of links in the contact-content */
.contact-main-links li {
  margin: 0 0 1em 0; }
.contact-main-links a {
  font-weight: bold; }
.contact-main-links a:before {
  font-size: 25px;
  font-size: 2.5rem;
  margin-right: 0.5em;
  color: #007cc3;
  width: 1em; }
.contact-main-links a[href^="tel"] {
  font-size: 28px;
  font-size: 2.8rem;
  color: #007cc3;
  font-weight: normal; }
.contact-main-links.compact li {
  margin: 0 0 0.75em 0; }
.contact-main-links.compact a {
  font-size: 13px;
  font-size: 1.3rem; }
.contact-main-links.compact a:before {
  font-size: 23px;
  font-size: 2.3rem; }

/* the smaller, second group of links in contact-content */
.contact-sub-links a:after {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e826'; }

/* the header for the quicklinks boxes that toggles visibility of quicklinks-content on small screens */
.quicklinks-trigger {
  padding: 0.5em;
  text-align: center; }
.quicklinks-trigger:after {
  display: none; }

/* the actual quicklinks information in quicklinks-box */
.quicklinks-content {
  max-height: none; }

.quicklinks {
  margin-bottom: 1.714em;
  background: #007cc3 !important; }
.quicklinks ul {
  padding: 0;
  list-style: none; }
.quicklinks *:last-child {
  margin-bottom: 0; }
.quicklinks .quicklinks-header {
  font-size: inherit;
  line-height: 1.5;
  background: #0b3254;
  text-align: center;
  color: #ffffff;
  padding: 0.5em 2em 0.5em 0.5em;
  position: relative;
  text-transform: uppercase; }
.quicklinks .quicklinks-content {
  padding: 0 1em 1em 1em; }
.quicklinks .quicklinks-content a {
  position: relative;
  font-weight: bold;
  color: #ffffff;
  padding: 0.5em 0 0.5em 2em;
  display: block; }
.quicklinks .quicklinks-content a:before {
  font-size: 20px;
  font-size: 2rem;
  margin-right: 0.5em;
  width: 1em;
  position: absolute;
  left: 0; }

/* ***** DOCTORS ***** */
.doctor-details, .team-details {
  zoom: 1;
  margin-bottom: 1.714em !important; }
.doctor-details:after, .team-details:after {
  content: "";
  display: table;
  clear: both; }
.doctor-details .headshot, .team-details .headshot {
  margin-bottom: 1em; }
.doctor-details .subtitle, .team-details .subtitle {
  font-size: 16px;
  font-size: 1.6rem;
  color: #808080;
  margin-bottom: 1.714em; }
.doctor-details .subtitle span, .team-details .subtitle span {
  display: block; }
.doctor-details .contact-info, .team-details .contact-info {
  margin-top: 1em; }
.doctor-details .contact-info span, .team-details .contact-info span {
  display: block;
  width: 100%;
  margin-bottom: 0.25em; }
.doctor-details .map, .team-details .map {
  margin-bottom: 1.714em; }
.doctor-details.last, .team-details.last {
  margin-bottom: 0 !important; }

.social-link:before {
  border-radius: 50%;
  background: #0b3254;
  color: #ffffff;
  height: 1em;
  width: 1em;
  padding: 0.5em;
  margin-top: 0.25em; }
.social-link:hover:before {
  background: #114d81; }

/* ***** FAQs ***** */
.FAQs ul {
  padding: 0;
  margin-bottom: 2.5em; }
.FAQs ul li {
  list-style-type: none;
  margin: 0;
  display: block;
  padding: 0.75em 0;
  border-bottom: 1px solid #c9cece; }
.FAQs ul li:first-child {
  border-top: 1px solid #c9cece; }
.FAQs ul .hiddenContent {
  color: #808080;
  margin: 0.75em 0 1em 2em; }
.FAQs ul .icon-plus:before {
  background: #007cc3;
  color: #ffffff;
  border: 1px solid #808080;
  width: 1em;
  margin-right: 0.5em;
  float: left; }
.FAQs h6.hiddenTriggerClick {
  margin-bottom: 0; }

/** AZ Listing **/
.conditions-search .h4, .conditions-search .h5, .conditions-search .light {
  color: #ffffff !important; }

.AZ-quicklinks .AZ-trigger {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
  background: #007cc3;
  color: #ffffff;
  margin-bottom: 1.714em;
  display: inline-block;
  border-radius: 3px;
  padding: 0.5em; }
.AZ-quicklinks .AZ-trigger:after {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e809';
  margin-left: 0.5em; }
.AZ-quicklinks .AZ-trigger.active {
  color: #007cc3;
  background: #f4f5f5;
  margin-bottom: 0;
  border-radius: 3px 3px 0 0; }
.AZ-quicklinks .AZ-trigger.active:after {
  content: '\e812'; }
.AZ-quicklinks .AZ-select {
  background: #f4f5f5;
  border-radius: 0 3px 3px 3px;
  padding: 0.5em;
  margin-bottom: 1.714em; }
.AZ-quicklinks .AZ-select a, .AZ-quicklinks .AZ-select span {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  background: #007cc3;
  color: #ffffff;
  text-align: center;
  margin: 0.25em;
  padding: .5em 0;
  width: 3em; }
.AZ-quicklinks .AZ-select a.disabled, .AZ-quicklinks .AZ-select span.disabled {
  color: #7b7b7b;
  background: #cbcaca; }

.AZ-listing {
  margin-bottom: 3.428em; }
.AZ-listing .letter .AZ-top-link {
  float: right;
  color: #808080; }
.AZ-listing .letter .AZ-top-link:before {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e827';
  font-weight: bold;
  line-height: .85;
  background: #e1e4e4;
  border-radius: 50%;
  padding: .1em;
  margin-right: 0.25em; }
.AZ-listing .letter ul {
  margin-bottom: 0; }

.symptom-checker {
  border-bottom: 3px solid #c9cece; }

.symptom-checker-initialize {
  background: #006598;
  background: -webkit-gradient(linear, left top 30%, left bottom, from(#e2eef5), to(#006598));
  background: -webkit-linear-gradient(top, #e2eef5 30%, #006598);
  background: -moz-linear-gradient(top, #e2eef5 30%, #006598);
  background: -o-linear-gradient(top, #e2eef5 30%, #006598);
  background: linear-gradient(to bottom, #e2eef5 30%, #006598);
  text-align: center;
  padding: 2em 1em;
  margin: 0 -1em; }
.symptom-checker-initialize img {
  max-height: 240px; }

/***********************************************
  MY ACCOUNT
*********************/
.my-account-header {
  background: #007cc3;
  color: #ffffff;
  zoom: 1; }
.my-account-header:after {
  content: "";
  display: table;
  clear: both; }
.my-account-header .logo-column, .my-account-header .name-column {
  width: 49%;
  display: inline-block;
  vertical-align: top; }
.my-account-header .logo {
  background: #ffffff;
  padding: 1em; }
.my-account-header .name-column {
  padding-top: 1.5em;
  padding-bottom: 1em;
  text-align: right; }
.my-account-header .name-column h1 {
  margin-bottom: 0;
  color: #ffffff; }
.my-account-header .my-account {
  width: 100%;
  background: #3d3d3d;
  color: #808080;
  padding: 0.5em;
  text-transform: uppercase;
  font-weight: bold; }

#my-account-center {
  width: 100%;
  min-width: 55em;
  background: #ffffff;
  border-top: 1px solid #d9dddd;
  padding-top: 3em; }
#my-account-center .profile-review {
  position: relative;
  right: 0; }
#my-account-center .profile-review.fixed {
  position: fixed; }
#my-account-center .photo-upload .button-link {
  float: left;
  margin-right: 1em; }
#my-account-center .photo-upload img {
  display: block;
  border: 1px solid #f4f5f5;
  margin-top: 1em; }
#my-account-center legend {
  text-transform: uppercase;
  margin-bottom: 1em;
  font-size: 14px;
  font-size: 1.4rem; }
#my-account-center legend.label-style {
  text-transform: none; }
#my-account-center fieldset label, #my-account-center fieldset a {
  padding-left: 1em; }
#my-account-center p.block span {
  display: block; }
#my-account-center .formRow.inline-form.no-label > :first-child {
  margin-left: 199px; }

.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

div.freeTxt-container a {
  text-decoration: underline; }

/*********************
SUPPLEMENTAL FORMATTING STYLES LIKE TEXT-CENTER, SMALL, UNDERLINE ETC. IN _supplemental-styles.scss
*********************/
/******************************************************************
Site Name: CHAM
Author: Katie Murray / Eric Boyer
Created: 8/20/2014
Last Updated / by:
Stylesheet: Supplemental Styles Stylesheet
******************************************************************/
/******************************************************************
SUPPLEMENTAL FORMATTING STYLES
******************************************************************/
.clearfix {
  zoom: 1; }
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.clear-both {
  clear: both; }

.clear-left {
  clear: left; }

.clear-right {
  clear: right; }

/* TEXT */
.red-text {
  color: #ee2f3a; }

.green-text {
  color: #82b639; }

.blue-text {
  color: #007cc3; }

.dark-blue-text {
  color: #0b3254; }

.dark-grey-text {
  color: #333333; }

.pink-text {
  color: #ba0063; }

.yellow-text {
  color: #f9b106; }

.grey-text {
  color: #808080; }

.white-text {
  color: #ffffff; }

.strike-through {
  text-decoration: line-through; }

.bold, .strong {
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; }

/** fonts **/
.brand-font {
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif; }

.brand-font-light {
  font-family: "FrutigerLTPro-Light", Arial, Helvetica, sans-serif; }

.brand-font-bold {
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif; }

.brand-font {
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif; }

/** alignment **/
.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

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

.text-right-sm, .text-right-med {
  text-align: left; }

.middle {
  vertical-align: middle; }

/** size **/
.small {
  font-size: 75%; }

.medium {
  font-size: 90%; }

.large {
  font-size: 125%; }

.xlarge {
  font-size: 150%; }

/* POSITION & DISPLAY */
.left {
  float: left; }

.right {
  float: right; }

.inline {
  display: inline; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.table {
  display: table; }

.full-width {
  width: 100%; }

/* RESPONSIVE */
.hide-mobile {
  display: none; }

.hide-tablet-mobile {
  display: none; }

.hide-tablet {
  display: none; }

.hidden {
  display: none !important; }

.visible {
  display: block !important; }

.nowrap {
  white-space: nowrap; }

.underline {
  border-bottom: 1px solid #c9cece;
  padding-bottom: 1.714em; }
.underline.thick {
  border-bottom-width: 2px; }
.underline.darker {
  border-bottom-color: #808080; }
.underline.blue {
  border-bottom-color: #9adaff; }

.overline {
  border-top: 1px solid #c9cece;
  padding-top: 1.714em; }
.overline.thick {
  border-top-width: 2px; }
.overline.darker {
  border-top-color: #808080; }
.overline.cozy {
  padding-top: 1.14267em; }

.h-line {
  position: relative;
  text-align: center; }
.h-line span {
  background: #ffffff;
  padding: 0 0.75em;
  position: relative;
  z-index: 2; }
.h-line:before {
  content: "";
  border-top: 1px solid #c9cece;
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 1; }
.h-line.blue span {
  background: #d2e8f5; }
.h-line.blue:before {
  border-top-color: #a0ceea; }

[disabled], .disabled {
  opacity: .5;
  cursor: default;
  pointer-events: none; }

/* visually hide something that needs to be on the page like for screen readers for the blind*/
.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

/* SPACING */
.no-margin {
  margin: 0 !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.no-padd {
  padding: 0 !important; }

.bottom-margin {
  margin-bottom: 1.714em; }
.bottom-margin.cozy {
  margin-bottom: 1.14267em; }
.bottom-margin.compact {
  margin-bottom: 0.57133em; }
.bottom-margin.spaced {
  margin-bottom: 2.571em; }
.bottom-margin.distant {
  margin-bottom: 3.428em; }

.top-margin {
  margin-top: 1.714em; }
.top-margin.cozy {
  margin-top: 1.14267em; }
.top-margin.compact {
  margin-top: 0.57133em; }
.top-margin.spaced {
  margin-top: 2.571em; }
.top-margin.distant {
  margin-top: 3.428em; }

.flush-lr {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important; }

.vertical-padding {
  zoom: 1;
  padding-top: 1em;
  padding-bottom: 1em; }
.vertical-padding:after {
  content: "";
  display: table;
  clear: both; }

.cozy {
  margin-bottom: 1.14267em; }

.compact {
  margin-bottom: 0.57133em; }

.spaced {
  margin-bottom: 2.571em; }

.distant {
  margin-bottom: 3.428em; }

h1.cozy, .h1.cozy {
  margin-bottom: 0.5em; }
h1.compact, .h1.compact {
  margin-bottom: 0.25em; }

h2.cozy, .h2.cozy {
  margin-bottom: 0.59267em; }
h2.compact, .h2.compact {
  margin-bottom: 0.29633em; }

h3.cozy, .h3.cozy {
  margin-bottom: 0.72733em; }
h3.compact, .h3.compact {
  margin-bottom: 0.36367em; }

h4.cozy, .h4.cozy {
  margin-bottom: 0.44467em; }
h4.compact, .h4.compact {
  margin-bottom: 0.22233em; }

h5.cozy, .h5.cozy {
  margin-bottom: 0.5em; }
h5.compact, .h5.compact {
  margin-bottom: 0.25em; }

h6.cozy, .h6.cozy {
  margin-bottom: 0.53333em; }
h6.compact, .h6.compact {
  margin-bottom: 0.26667em; }

.auto-width {
  width: auto !important; }

/*********************
PRINT STYLES
*********************/
.hero img {
  margin-bottom: 1em; }
.hero .hero-content-container {
  margin: 0 auto;
  /*set width to the max percentage of screen you want the content to take up. default is set above in variables*/
  width: 95%;
  /*set max-width to the widest you want your content to display. default is set above in variables*/
  max-width: 77.143em;
  position: relative; }

/*the div that addthis will be within when implemented by dev. Pro account needed for styling as comped*/
.addthis_custom_sharing {
  display: none; }

/*for quotes like on "our team" section of T6 without using actual blockquote*/
.quote-style {
  font-size: 22px;
  font-size: 2.2rem;
  color: #0b3254;
  font-family: "FrutigerLTPro-Light", Arial, Helvetica, sans-serif; }
.quote-style:before, .quote-style:after {
  content: '\201d'; }

/*Quality & safety images on T6*/
/*conditions search box like on T6*/
.conditions-search {
  background: #0b3254;
  color: #ffffff;
  padding: 1em;
  margin-bottom: 1em; }
.conditions-search h4, .conditions-search a {
  color: #ffffff; }
.conditions-search *:last-child {
  margin-bottom: 0; }

.media {
  border-left: 7px solid #f4f5f5;
  padding-left: 1em;
  margin-bottom: 1.714em; }
.media figure {
  text-align: left; }
.media figure img {
  height: 120px; }
.media.underline {
  border-bottom-width: 0; }

.calendar-date {
  color: #000000;
  text-align: center;
  padding: 0.5em 0.75em;
  background: #ffffff;
  border: 1px solid #cbcaca;
  max-width: 90px; }
.calendar-date .month {
  text-transform: uppercase;
  line-height: 2;
  display: block;
  background: #f68420;
  color: #ffffff;
  margin: -0.5em -0.75em 0.5em -0.75em; }
.calendar-date .day {
  font-size: 38px;
  font-size: 3.8rem;
  line-height: 1;
  display: block;
  min-width: 1.25em; }

/******Move into forms.scss*****/
.req {
  color: #ee2f3a;
  font-weight: bold;
  font-size: 110%;
  line-height: 1; }

.formBody h4 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: .3em;
  color: #666666;
  line-height: inherit; }

/*****add .labelItems to label style in forms.scss and also change the font-size to 16*****/
.labelItems {
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  margin-bottom: .3em;
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
  color: #666666; }

/*****incorporate into .section styles in base-styles.scss*****/
.section.feature {
  position: relative; }
.section.feature .header-tab {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important; }
.section.feature figure {
  margin: 0 -1em 1em -1em; }
.section.feature .content {
  padding-bottom: 1em; }
.section.feature .content *:last-child {
  margin-bottom: 0; }

.slab-link {
  display: block;
  padding: 0.75em;
  margin-bottom: 1.714em;
  background: #cbcaca; }
.slab-link:before {
  font-size: 125%;
  background: #0b3254;
  color: #ffffff;
  width: 1em;
  padding: .15em;
  margin-right: 0.5em; }

/*****info in T19. Acts like a table in larger screens*****/
.info-block {
  margin-bottom: 1.714em; }

.info-block-header, .info-block-details {
  margin-bottom: 0.5em; }

.info-block-header {
  font-weight: bold; }
.info-block-header:after {
  content: ':';
  display: inline-block;
  margin-left: .15em; }

/*****need to replace blockquote styling in base-styles.scss*****/
blockquote, blockquote.left, blockquote.right {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "FrutigerLTPro-Light", Arial, Helvetica, sans-serif;
  float: none;
  display: block;
  border-top: 3px solid #ba0063;
  border-bottom: 3px solid #ba0063;
  margin: 0 0 1.714em 0;
  position: relative;
  padding: 0.5em 0;
  color: #ba0063; }

/* pink slab pagination like on T16 */
.pagination .result-count, .pagination .pageNumbers {
  margin-right: -4px; }
.pagination.pagination-slab {
  padding: 0.5em;
  background: #ba0063;
  color: #ffffff; }
.pagination.pagination-slab .result-count {
  font-weight: normal;
  color: #ffffff; }
.pagination.pagination-slab .prev:before, .pagination.pagination-slab .next:before {
  font-family: "fontello";
  font-size: 115%;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  height: 1em;
  width: 1em;
  text-align: center;
  opacity: 0.95;
  line-height: 1em;
  vertical-align: -.05em;
  content: '\e822';
  font-size: 125%;
  background: #0b3254;
  color: #ffffff;
  width: 1em;
  padding: .15em;
  margin: 0; }
.pagination.pagination-slab .prev:after, .pagination.pagination-slab .next:after {
  display: none; }
.pagination.pagination-slab .next:before {
  content: '\e823'; }
.pagination.pagination-slab select {
  font-size: 13px;
  font-size: 1.3rem;
  margin: 0 0.25em 0 0.25em;
  width: auto;
  border-radius: 0;
  border-width: 0; }

.row.tight [class*=column] {
  padding-left: 0.5em;
  padding-right: 0.5em; }
.row .row.tight {
  margin-right: -0.5em;
  margin-left: -0.5em; }

/*comments section*/
.comment-container {
  margin-bottom: 1.714em;
  border-top: 3px solid #c9cece; }
.comment-container .comment {
  padding: 1.714em 0;
  border-bottom: 1px solid #c9cece;
  margin: 0; }
.comment-container .comment .comment-info {
  font-size: 13px;
  font-size: 1.3rem;
  display: block;
  text-align: right;
  margin: -1em 0 1em 0; }
.comment-container .comment .comment-info a {
  display: inline-block;
  margin-left: 0.5em; }
.comment-container .comment .comment-poster {
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
  display: block;
  color: #333333; }

.map-block {
  text-align: center;
  zoom: 1;
  margin: 0 -1em 1.714em -1em; }
.map-block:after {
  content: "";
  display: table;
  clear: both; }
.map-block .map-block-image {
  display: none; }
.map-block .map-block-map {
  position: relative;
  padding-bottom: 50%;
  height: 0;
  overflow: hidden; }
.map-block .map-block-map .iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }

.patient-stories .patient-story {
  background: #048c9a;
  color: #ffffff;
  padding: 1em;
  margin-bottom: 1.714em; }
.patient-stories .patient-story figure {
  margin: -1em -1em 1em -1em; }
.patient-stories .patient-story h3, .patient-stories .patient-story h4, .patient-stories .patient-story a {
  color: #ffffff; }
.patient-stories .patient-story h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
  margin-bottom: 0.5em; }
.patient-stories .patient-story h4 {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif;
  margin: 0; }
.patient-stories .patient-story > *:last-child {
  margin-bottom: 0; }
.patient-stories .column:nth-child(6n+2) .patient-story {
  background: #82b639; }
.patient-stories .column:nth-child(6n+3) .patient-story {
  background: #007cc3; }
.patient-stories .column:nth-child(6n+4) .patient-story {
  background: #0b3254; }
.patient-stories .column:nth-child(6n+5) .patient-story {
  background: #f68420; }
.patient-stories .column:nth-child(6n+6) .patient-story {
  background: #ba0063; }

.secondrymain-nav-toggle {
  background: #0b3254;
  color: #fff;
  padding: 0.75em 1em;
  display: block;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  height: 4.25em; }

.secondrymain-nav-toggle:after {
  font-size: 35px;
  font-size: 3.5rem;
  content: '\e800';
  display: inline-block;
  font-family: "fontello";
  line-height: 1.15; }

.secondrymain-nav-toggle.active {
  background: #007cc3; }

.secondrymain-nav-toggle.active:after {
  content: ""; }

.no-touch .secondrymain-nav-toggle:hover {
  color: #0b3254;
  text-decoration: none;
  color: #fff; }

.secondrymain-nav {
  display: none;
  background: #007cc3; }

.secondrymain-nav.active {
  display: block;
  position: relative;
  z-index: 1001;
  width: 100%;
  margin-top: 0.5em; }

.secondrymain-nav.active li {
  display: block; }

.secondrymain-nav ul.main {
  padding: 0;
  margin: 0;
  -webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5); }

.secondrymain-nav ul.main li {
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0; }

.secondrymain-nav ul.main li a {
  color: #fff;
  display: block;
  padding: 1em;
  border-bottom: 1px solid #008cdd;
  line-height: 1; }

.secondrymain-nav ul.main li.selected > a {
  color: #fff; }

.secondrymain-nav ul.main li a.sub-nav-toggle {
  position: absolute;
  right: 0;
  top: 0;
  border-bottom: none;
  width: 60px;
  text-align: center; }

.secondrymain-nav ul.main li a.sub-nav-toggle:before {
  font-size: 20px;
  font-size: 2rem;
  content: '\e811';
  font-family: "fontello";
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.15em; }

.secondrymain-nav ul.main li a.sub-nav-toggle.active:before {
  content: ""; }

.secondrymain-nav ul.main li ul {
  display: none;
  margin-left: 0;
  padding: 0; }

.secondrymain-nav ul.main li ul.active {
  display: block;
  background: #0096ec;
  margin: 0; }

.secondrymain-nav ul.main li ul li {
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  list-style: none;
  margin: 0;
  font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif; }

.secondrymain-nav ul.main li ul li a.sub-nav-toggle:before {
  content: '\e811';
  color: #fff; }

.secondrymain-nav ul.main li ul li a.sub-nav-toggle.active:before {
  content: '\e809';
  color: #fff; }

.secondrymain-nav ul.main li ul li ul.active {
  background: #fff; }

.secondrymain-nav ul.main li ul li ul li a {
  font-weight: normal;
  color: #007cc3;
  border-bottom-color: #72b3ec;
  padding: 1em 1.5em; }

.secondrymain-nav ul.main li ul li ul li a.sub-nav-toggle:before {
  content: '\e829';
  color: #007cc3 !important; }

.secondrymain-nav ul.main li ul li ul li a.sub-nav-toggle.active:before {
  content: ""; }

.secondrymain-nav ul.main li ul li ul li ul.active {
  background: #f4f5f5; }

.secondrymain-nav ul.main li ul li ul li ul li a {
  border-bottom-color: #fff; }

.secondrymain-nav ul.main li ul li ul li ul li a:before {
  content: '–';
  margin-right: 0.25em; }

.secondrymain-nav ul.main li ul .menu-callout ul, .secondrymain-nav ul.main li ul .menu-callout img, .secondrymain-nav ul.main li ul.no-mobile, .secondrymain-nav ul.main li ul .no-mobile {
  display: none; }

.secondrymain-nav ul.main .mobile-utility {
  display: block;
  background: #0b3254; }

.secondrymain-nav ul.main .mobile-utility a {
  border-bottom: 1px solid #004b76; }

.secondrymain-nav ul.main .mobile-utility ul.active {
  background: #0e3f6b; }

.secondrymain-nav ul.main .mobile-utility ul.active li ul.active {
  background: #fff; }

.secondrymain-nav ul.main .mobile-utility ul.active li ul.active li a {
  border-bottom-color: #c3e9ff; }

.secondrymain-nav ul.main .mobile-utility ul.active li ul.active li a:before {
  content: '–';
  margin-right: 0.25em; }

.secondrymain-nav-toggle {
  z-index: 99999 !important; }

.no-touch .secondrymain-nav-toggle:hover {
  color: #0b3254;
  text-decoration: none;
  color: #fff;
  z-index: 99999; }

.secondrymain-nav.active {
  display: block;
  position: relative;
  z-index: 1001;
  width: 100%;
  margin-top: 4.3em; }

.secondrymain-nav-toggle.active {
  background: #007cc3;
  top: -99%; }

@media only screen and (min-width: 775px) {
  .secondrymain-nav-toggle {
    display: none; }

  .secondrymain-nav {
    display: inline-block;
    background: transparent;
    vertical-align: middle;
    text-align: left;
    width: 74.5%;
    height: auto; }

  .secondrymain-nav ul.main {
    margin: 0;
    box-shadow: none;
    margin-left: -4px; }

  .secondrymain-nav ul.main > li {
    /*height: 4.1em;*/
    height: 5.1em;
    max-width: 40em;
    /*max-width: 14em;   15.5em*/
    width: 30%;
    font-size: 16px;
    font-size: 1.4rem;
    vertical-align: middle;
    display: table-cell;
    border-right: 1px solid #0089d7;
    text-align: center; }

  .secondrymain-nav ul.main > li:hover {
    background: #005c90; }

  .secondrymain-nav ul.main > li > a {
    color: #fff;
    padding: 0.55em;
    text-align: center; }

  .secondrymain-nav ul.main > li > a span {
    display: block; }

  .no-touch .secondrymain-nav ul.main > li > a:hover {
    color: #fff;
    background: #005c90; }

  .secondrymain-nav ul.main li a {
    border: none; }

  .secondrymain-nav ul.main li ul .menu-callout ul, .secondrymain-nav ul.main li ul .menu-callout img {
    display: inline-block; }

  .secondrymain-nav ul.main li ul li a {
    font-size: 13.5px;
    font-size: 1.35rem;
    color: #727477;
    padding: 0.25em 0; }

  .no-touch .secondrymain-nav ul.main li ul li a:hover {
    color: #005c90; }

  .secondrymain-nav ul.main li .mega-menu {
    -webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5);
    /*min-width: 30em;*/
    min-width: 18em;
    background: #fff;
    border: 10px solid #005c90;
    padding: 1em;
    /*margin: 0.5em 0 0 0;*/
    /*margin: 1em 0 0 0;*/
    position: absolute;
    z-index: 1;
    top: 70px; }

  .secondrymain-nav ul.main li .mega-menu .menu-row {
    /*width: 100%;*/
    /*width: 49.5%;*/
    float: left;
    display: inline-block; }

  .secondrymain-nav ul.main li .mega-menu .menu-row li {
    display: block;
    text-align: left; }

  .secondrymain-nav ul.main li .mega-menu .menu-row li ul {
    display: block; }

  .secondrymain-nav ul.main li .mega-menu .menu-row li ul li ul {
    display: none; }

  .no-touch .secondrymain-nav ul.main li .mega-menu .menu-row li ul li:hover ul {
    display: block;
    position: absolute; }

  .secondrymain-nav ul.main li .mega-menu.menu-right {
    right: 0; }

  .secondrymain-nav ul.main li .mega-menu.pediatric {
    width: 40em;
    /* 22em*/ }

  .secondrymain-nav ul.main li .mega-menu.pediatricSingle {
    width: 20em;
    /* 22em*/ }

  .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row {
    /*width: 35.5%;*/ }

  .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row.main {
    /*width: 49.25%;*/
    /*100%;*/ }

  .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row .submenu-row {
    width: 100%;
    display: inline-block;
    float: left;
    padding-right: 1em; }

  .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row > li a {
    font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #007cc3;
    margin-bottom: 1em; }

  .secondrymain-nav ul.main li .mega-menu.pediatricSingle .menu-row > li a {
    font-family: "FrutigerLTPro-Bold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #007cc3;
    margin-bottom: 1em; }

  .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row > li ul {
    margin: 0; }

  .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row > li ul li span {
    display: block;
    border-bottom: 3px solid #fff; }

  .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row > li ul li a {
    font-family: "FrutigerLTCom-Roman", Arial, Helvetica, sans-serif;
    text-transform: none;
    color: gray;
    margin: 0;
    margin-left: -0.25em;
    padding: 0.25em; }

  .no-touch .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row > li ul li a:hover {
    color: #005c90; }

  .no-touch .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row > li ul li:hover span.flyout {
    border-bottom-color: #005c90; }

  .no-touch .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row > li ul li:hover a {
    color: #005c90; }

  .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row > li ul li ul {
    background: #fff;
    position: absolute;
    z-index: 10 !important;
    top: -50%;
    left: 100%;
    margin-top: 0;
    border: 3px solid #005c90;
    padding: 0.75em;
    width: 16em; }

  .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row > li ul li ul .submenu-row {
    padding-right: 0.5em; }

  .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row > li ul li ul li {
    border-bottom: none; }

  .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row > li ul li ul li a {
    font-size: 12px;
    font-size: 1.2rem; }

  .no-touch .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row > li ul li ul li a:hover {
    color: #007cc3; }

  .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row > li ul li ul li a:after {
    content: '>';
    display: inline-block;
    margin-left: 0.25em; }

  .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row > li ul li ul li a:before {
    display: none; }

  .no-touch .secondrymain-nav ul.main li:hover .mega-menu {
    display: block; }

  .secondrymain-nav ul.main li.current > a {
    background: #005c90;
    color: #fff; }

  .secondrymain-nav ul.main li.no-mobile, .secondrymain-nav ul.main li .no-mobile {
    display: inline-block; }

  .secondrymain-nav ul.main li .menu-button {
    width: 100%;
    clear: both; }

  .no-touch .secondrymain-nav ul.main li .menu-button li:hover {
    border-bottom-color: #fff !important; }

  .secondrymain-nav ul.main li .menu-button li a {
    background-color: #007cc3;
    color: #fff;
    border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    background: #f68420;
    text-transform: uppercase !important;
    display: inline-block !important;
    color: #fff !important;
    padding: 0.5em 1em !important;
    margin-top: 1.5em !important; }

  .no-touch .secondrymain-nav ul.main li .menu-button li a:hover {
    background-color: #007cc3;
    color: #fff;
    border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    background: #f68420;
    border: none !important;
    color: #fff !important; }

  .secondrymain-nav ul.main .mobile-utility {
    display: none; }

  .secondrymain-nav {
    width: 80.5%; }

  .secondrymain-nav ul.main > li {
    width: 40em;
    /*width: 14em;     15.5em*/ } }
div.secondary .secondrymain-nav ul.main li .mega-menu {
  display: none; }
div.secondary .secondrymain-nav ul.main li .mega-menu.active {
  display: block; }

div.secondary a.sub-nav-toggle_new {
  position: absolute;
  right: 0;
  top: 0;
  border-bottom: none !important;
  width: 60px;
  text-align: center; }
div.secondary a.sub-nav-toggle_new:before {
  font-size: 20px;
  font-size: 2rem;
  content: '\e811';
  font-family: "fontello";
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: .15em; }
div.secondary a.sub-nav-toggle_new.active:before {
  content: '\e809'; }

div.mobile-secondary-nav-container {
  display: none; }

.hero .page-title {
  position: relative;
  z-index: 9;
  width: 80%; }

.hero .page-title p {
  margin-bottom: 2px;
  font-size: 1.6rem;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5); }

.hero-content .page-title {
  margin-bottom: 0px;
  overflow: hidden; }

.secondrymain-nav-toggle {
  top: 0px; }

.contact-trigger {
  z-index: 1; }

div.secondary {
  margin-right: 16px;
  background-color: #fff; }

ul li.selected-category > a {
  color: #000; }

@media only screen and (min-width: 775px) {
  .hero {
    margin-bottom: 14px; }

  .hero-content .page-title {
    margin-bottom: 46px; }

  div.secondary {
    background: rgba(11, 50, 84, 0.85);
    margin-top: -60px;
    margin-right: auto; }

  div.secondary .secondrymain-nav ul.main {
    flex-direction: row;
    table-layout: fixed;
    display: flex;
    align-items: center;
    justify-content: center; }

  div.secondary .secondrymain-nav ul.main li .mega-menu {
    padding: 1em 1em 0 1em;
    z-index: 1;
    top: 46px; }

  div.secondary .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row > li ul {
    margin: 0px; }

  div.secondary .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row ul li a {
    margin-top: 3px;
    margin-bottom: 0px; }

  div.secondary .secondrymain-nav ul.main li .mega-menu.pediatric .menu-row > li a {
    margin-bottom: 5px; }

  div.secondary .secondrymain-nav ul.main li .mega-menu .menu-row {
    margin-bottom: 12px; }

  div.secondary .secondrymain-nav ul.main > li {
    height: 46px;
    font-size: 16px;
    border-right: 1px solid #0b3254;
    line-height: 31px;
    padding-top: 9px;
    width: 20%;
    display: inline-block; }

  div.secondary .secondrymain-nav ul.main > li.current {
    background: #005c90; }

  div.secondary .secondrymain-nav ul.main > li > a {
    display: inline-block;
    padding: 0px; }
  div.secondary .secondrymain-nav ul.main > li > a.sub-nav-toggle_new {
    display: none; }

  div.secondary .secondrymain-nav ul.main li .menu-button li a {
    background: rgba(11, 50, 84, 0.85); }

  .contact-trigger {
    width: 100%; }

  .secondary-nav ul li ul {
    padding: 0 0 0 15px !important; }

    /*div.secondary .secondrymain-nav ul.main li a {
padding: .55em 0 .55em .55em;
}*/
  .no-touch .secondrymain-nav ul.main > li > a {
    padding: 0; }

  .no-touch .secondrymain-nav ul.main > li > a:hover {
    padding: 0; } }
.mobile-contact-container {
  display: block; }
@media only screen and (min-width: 775px) {
  .mobile-contact-container {
    display: none; } }
.mobile-contact-container .contact.secondary {
  margin-bottom: 20px;
  margin-right: 0; }
.mobile-contact-container .contact.secondary .contact .contact-container {
  font-size: inherit;
  line-height: 1.5;
  background: #0b3254;
  color: #ffffff;
  padding: 0.5em 2em 0.5em 0.5em;
  position: relative;
  z-index: 1; }
.mobile-contact-container .contact-content.show-always {
  max-height: 999px; }

.header-content.secondary {
  display: none; }
@media only screen and (min-width: 775px) {
  .header-content.secondary {
    display: block; } }

.secondary-nav {
  padding-top: 0; }
.secondary-nav .secondary-nav-trigger {
  display: none; }
.secondary-nav ul.hiddenContent {
  display: block; }
.secondary-nav ul.hiddenContent li a {
  padding: 0.5em 0;
  margin: 0; }
.secondary-nav ul.hiddenContent li .secondary-nav-toggle {
  display: none; }
.secondary-nav ul.hiddenContent li ul {
  padding: 0.5em 0 0.5em 1em; }
.secondary-nav ul.hiddenContent li ul li a {
  padding: 0.25em 0; }
.secondary-nav.hero-nav {
  border-top: none;
  font-family: "FrutigerLTCom-Roman",Arial,Helvetica,sans-serif; }

.secondary-nav.hero-nav ul, .secondary-nav.hero-nav ul.open {
  padding: 0;
  display: block; }

.secondary-nav.hero-nav ul li, .secondary-nav.hero-nav ul.open li {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  list-style: none;
  margin: 0; }

.secondary-nav.hero-nav ul li a, .secondary-nav.hero-nav ul.open li a {
  background: transparent;
  text-shadow: none;
  border: none;
  font-size: inherit;
  padding: 0.5em 0;
  display: block; }

.secondary-nav.hero-nav ul li ul, .secondary-nav.hero-nav ul.open li ul {
  margin: 0.25em 0 0.25em 1em; }

.secondary-nav.hero-nav ul li ul li, .secondary-nav.hero-nav ul.open li ul li {
  border-bottom: none; }

.secondary-nav.hero-nav ul li.selected, .secondary-nav.hero-nav ul.open li.selected {
  display: block; }

.secondary-nav.hero-nav ul li.selected a, .secondary-nav.hero-nav ul li.selected .no-touch a:hover, .secondary-nav.hero-nav ul li.selected a.active, .secondary-nav.hero-nav ul.open li.selected a, .secondary-nav.hero-nav ul.open li.selected .no-touch a:hover, .secondary-nav.hero-nav ul.open li.selected a.active {
  background: transparent;
  text-shadow: none;
  border: none;
  padding: 0.5em 0;
  font-size: inherit;
  color: #666;
  text-align: center;
  cursor: default;
  pointer-events: none; }

.secondary-nav.hero-nav ul li.selected a:after, .secondary-nav.hero-nav ul li.selected .no-touch a:hover:after, .secondary-nav.hero-nav ul li.selected a.active:after, .secondary-nav.hero-nav ul.open li.selected a:after, .secondary-nav.hero-nav ul.open li.selected .no-touch a:hover:after, .secondary-nav.hero-nav ul.open li.selected a.active:after {
  display: none; }

.secondary-nav.hero-nav.hero-nav ul, .secondary-nav.hero-nav.hero-nav ul.open {
  display: table;
  width: 100%;
  background: #007cc3; }

.secondary-nav.hero-nav.hero-nav ul li, .secondary-nav.hero-nav.hero-nav ul.open li {
  display: table-cell;
  text-align: center;
  border-left: 1px solid #0089d7; }

.secondary-nav.hero-nav.hero-nav ul li:first-child, .secondary-nav.hero-nav.hero-nav ul.open li:first-child {
  border-width: 0; }

.secondary-nav.hero-nav.hero-nav ul li a, .secondary-nav.hero-nav.hero-nav ul.open li a {
  color: #fff;
  padding: 1.5em 0; }

.no-touch .secondary-nav.hero-nav.hero-nav ul li a:hover, .no-touch .secondary-nav.hero-nav.hero-nav ul.open li a:hover {
  background: #005c90; }

.secondary-nav.hero-nav.hero-nav ul li.selected a, .secondary-nav.hero-nav.hero-nav ul.open li.selected a {
  background: #005c90; }

@media print {
  /******************************************************************
  Site Name: Site Name
  Author: UI Developer Name(s)
  Stylesheet: Print Stylesheet
  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    box-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
    /* show link href values on printed pages*/
    /* show titles*/ }
  a:after, a:visited:after {
    content: " (" attr(href) ")"; }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")"; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; }

  /* hide content people who print don't need to see*/
  nav {
    display: none; } }

/*# sourceMappingURL=base.css.map */