/*! normalize.css v1.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * 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 font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * 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;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * 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 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ 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 6+.
 * 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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * 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.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 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 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/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;
}

/* ============================================ */
/* This file has a mobile-to-desktop breakpoint */
/* ============================================ */
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
}
}
@media screen {
  .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .grid-container:before, .clearfix:before,
  .grid-container:after,
  .clearfix:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .grid-container:after, .clearfix:after {
    clear: both;
  }

  .grid-container, .clearfix {
    /* <IE7> */
    *zoom: 1;
    /* </IE7> */
  }

  .grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    /* <IE7> */
    *padding-left: 0;
    *padding-right: 0;
    /* </IE7> */
  }
  .grid-5 > *, .mobile-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .grid-66 > *, .mobile-grid-66 > * {
    /* <IE7> */
    *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
    *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
    /* </IE7> */
  }

  .grid-parent {
    padding-left: 0;
    padding-right: 0;
  }

  body {
    min-width: 320px;
  }
}
@media screen and (max-width: 767px) {
  .mobile-grid-100:before,
  .mobile-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .mobile-grid-100:after {
    clear: both;
  }

  .mobile-grid-100 {
    /* <IE7> */
    *zoom: 1;
    /* </IE7> */
  }

  .mobile-push-5,
  .mobile-pull-5, .mobile-push-10,
  .mobile-pull-10, .mobile-push-15,
  .mobile-pull-15, .mobile-push-20,
  .mobile-pull-20, .mobile-push-25,
  .mobile-pull-25, .mobile-push-30,
  .mobile-pull-30, .mobile-push-35,
  .mobile-pull-35, .mobile-push-40,
  .mobile-pull-40, .mobile-push-45,
  .mobile-pull-45, .mobile-push-50,
  .mobile-pull-50, .mobile-push-55,
  .mobile-pull-55, .mobile-push-60,
  .mobile-pull-60, .mobile-push-65,
  .mobile-pull-65, .mobile-push-70,
  .mobile-pull-70, .mobile-push-75,
  .mobile-pull-75, .mobile-push-80,
  .mobile-pull-80, .mobile-push-85,
  .mobile-pull-85, .mobile-push-90,
  .mobile-pull-90, .mobile-push-95,
  .mobile-pull-95, .mobile-push-33,
  .mobile-pull-33, .mobile-push-66,
  .mobile-pull-66 {
    position: relative;
  }

  .hide-on-mobile {
    display: none !important;
  }

  .mobile-grid-5 {
    float: left;
    width: 5%;
    /* <IE7> */
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-5 {
    margin-left: 5%;
  }

  .mobile-suffix-5 {
    margin-right: 5%;
  }

  .mobile-push-5 {
    left: 5%;
    /* <IE7> */
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-5 {
    left: -5%;
    /* <IE7> */
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-10 {
    float: left;
    width: 10%;
    /* <IE7> */
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-10 {
    margin-left: 10%;
  }

  .mobile-suffix-10 {
    margin-right: 10%;
  }

  .mobile-push-10 {
    left: 10%;
    /* <IE7> */
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-10 {
    left: -10%;
    /* <IE7> */
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-15 {
    float: left;
    width: 15%;
    /* <IE7> */
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-15 {
    margin-left: 15%;
  }

  .mobile-suffix-15 {
    margin-right: 15%;
  }

  .mobile-push-15 {
    left: 15%;
    /* <IE7> */
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-15 {
    left: -15%;
    /* <IE7> */
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-20 {
    float: left;
    width: 20%;
    /* <IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-20 {
    margin-left: 20%;
  }

  .mobile-suffix-20 {
    margin-right: 20%;
  }

  .mobile-push-20 {
    left: 20%;
    /* <IE7> */
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-20 {
    left: -20%;
    /* <IE7> */
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-25 {
    float: left;
    width: 25%;
    /* <IE7> */
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-25 {
    margin-left: 25%;
  }

  .mobile-suffix-25 {
    margin-right: 25%;
  }

  .mobile-push-25 {
    left: 25%;
    /* <IE7> */
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-25 {
    left: -25%;
    /* <IE7> */
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-30 {
    float: left;
    width: 30%;
    /* <IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-30 {
    margin-left: 30%;
  }

  .mobile-suffix-30 {
    margin-right: 30%;
  }

  .mobile-push-30 {
    left: 30%;
    /* <IE7> */
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-30 {
    left: -30%;
    /* <IE7> */
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-35 {
    float: left;
    width: 35%;
    /* <IE7> */
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-35 {
    margin-left: 35%;
  }

  .mobile-suffix-35 {
    margin-right: 35%;
  }

  .mobile-push-35 {
    left: 35%;
    /* <IE7> */
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-35 {
    left: -35%;
    /* <IE7> */
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-40 {
    float: left;
    width: 40%;
    /* <IE7> */
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-40 {
    margin-left: 40%;
  }

  .mobile-suffix-40 {
    margin-right: 40%;
  }

  .mobile-push-40 {
    left: 40%;
    /* <IE7> */
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-40 {
    left: -40%;
    /* <IE7> */
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-45 {
    float: left;
    width: 45%;
    /* <IE7> */
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-45 {
    margin-left: 45%;
  }

  .mobile-suffix-45 {
    margin-right: 45%;
  }

  .mobile-push-45 {
    left: 45%;
    /* <IE7> */
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-45 {
    left: -45%;
    /* <IE7> */
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-50 {
    float: left;
    width: 50%;
    /* <IE7> */
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-50 {
    margin-left: 50%;
  }

  .mobile-suffix-50 {
    margin-right: 50%;
  }

  .mobile-push-50 {
    left: 50%;
    /* <IE7> */
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-50 {
    left: -50%;
    /* <IE7> */
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-55 {
    float: left;
    width: 55%;
    /* <IE7> */
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-55 {
    margin-left: 55%;
  }

  .mobile-suffix-55 {
    margin-right: 55%;
  }

  .mobile-push-55 {
    left: 55%;
    /* <IE7> */
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-55 {
    left: -55%;
    /* <IE7> */
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-60 {
    float: left;
    width: 60%;
    /* <IE7> */
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-60 {
    margin-left: 60%;
  }

  .mobile-suffix-60 {
    margin-right: 60%;
  }

  .mobile-push-60 {
    left: 60%;
    /* <IE7> */
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-60 {
    left: -60%;
    /* <IE7> */
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-65 {
    float: left;
    width: 65%;
    /* <IE7> */
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-65 {
    margin-left: 65%;
  }

  .mobile-suffix-65 {
    margin-right: 65%;
  }

  .mobile-push-65 {
    left: 65%;
    /* <IE7> */
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-65 {
    left: -65%;
    /* <IE7> */
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-70 {
    float: left;
    width: 70%;
    /* <IE7> */
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-70 {
    margin-left: 70%;
  }

  .mobile-suffix-70 {
    margin-right: 70%;
  }

  .mobile-push-70 {
    left: 70%;
    /* <IE7> */
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-70 {
    left: -70%;
    /* <IE7> */
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-75 {
    float: left;
    width: 75%;
    /* <IE7> */
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-75 {
    margin-left: 75%;
  }

  .mobile-suffix-75 {
    margin-right: 75%;
  }

  .mobile-push-75 {
    left: 75%;
    /* <IE7> */
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-75 {
    left: -75%;
    /* <IE7> */
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-80 {
    float: left;
    width: 80%;
    /* <IE7> */
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-80 {
    margin-left: 80%;
  }

  .mobile-suffix-80 {
    margin-right: 80%;
  }

  .mobile-push-80 {
    left: 80%;
    /* <IE7> */
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-80 {
    left: -80%;
    /* <IE7> */
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-85 {
    float: left;
    width: 85%;
    /* <IE7> */
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-85 {
    margin-left: 85%;
  }

  .mobile-suffix-85 {
    margin-right: 85%;
  }

  .mobile-push-85 {
    left: 85%;
    /* <IE7> */
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-85 {
    left: -85%;
    /* <IE7> */
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-90 {
    float: left;
    width: 90%;
    /* <IE7> */
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-90 {
    margin-left: 90%;
  }

  .mobile-suffix-90 {
    margin-right: 90%;
  }

  .mobile-push-90 {
    left: 90%;
    /* <IE7> */
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-90 {
    left: -90%;
    /* <IE7> */
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-95 {
    float: left;
    width: 95%;
    /* <IE7> */
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-95 {
    margin-left: 95%;
  }

  .mobile-suffix-95 {
    margin-right: 95%;
  }

  .mobile-push-95 {
    left: 95%;
    /* <IE7> */
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-95 {
    left: -95%;
    /* <IE7> */
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-33 {
    float: left;
    width: 33.33333%;
    /* <IE7> */
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-33 {
    margin-left: 33.33333%;
  }

  .mobile-suffix-33 {
    margin-right: 33.33333%;
  }

  .mobile-push-33 {
    left: 33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-33 {
    left: -33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-66 {
    float: left;
    width: 66.66667%;
    /* <IE7> */
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-66 {
    margin-left: 66.66667%;
  }

  .mobile-suffix-66 {
    margin-right: 66.66667%;
  }

  .mobile-push-66 {
    left: 66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-66 {
    left: -66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .grid-100:before,
  .grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .grid-100:after {
    clear: both;
  }

  .grid-100 {
    /* <IE7> */
    *zoom: 1;
    /* </IE7> */
  }

  .push-5,
  .pull-5, .push-10,
  .pull-10, .push-15,
  .pull-15, .push-20,
  .pull-20, .push-25,
  .pull-25, .push-30,
  .pull-30, .push-35,
  .pull-35, .push-40,
  .pull-40, .push-45,
  .pull-45, .push-50,
  .pull-50, .push-55,
  .pull-55, .push-60,
  .pull-60, .push-65,
  .pull-65, .push-70,
  .pull-70, .push-75,
  .pull-75, .push-80,
  .pull-80, .push-85,
  .pull-85, .push-90,
  .pull-90, .push-95,
  .pull-95, .push-33,
  .pull-33, .push-66,
  .pull-66 {
    position: relative;
  }

  .hide-on-desktop {
    display: none !important;
  }

  .grid-5 {
    float: left;
    width: 5%;
    /* <IE7> */
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-5 {
    margin-left: 5%;
  }

  .suffix-5 {
    margin-right: 5%;
  }

  .push-5 {
    left: 5%;
    /* <IE7> */
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-5 {
    left: -5%;
    /* <IE7> */
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-10 {
    float: left;
    width: 10%;
    /* <IE7> */
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-10 {
    margin-left: 10%;
  }

  .suffix-10 {
    margin-right: 10%;
  }

  .push-10 {
    left: 10%;
    /* <IE7> */
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-10 {
    left: -10%;
    /* <IE7> */
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-15 {
    float: left;
    width: 15%;
    /* <IE7> */
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-15 {
    margin-left: 15%;
  }

  .suffix-15 {
    margin-right: 15%;
  }

  .push-15 {
    left: 15%;
    /* <IE7> */
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-15 {
    left: -15%;
    /* <IE7> */
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-20 {
    float: left;
    width: 20%;
    /* <IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-20 {
    margin-left: 20%;
  }

  .suffix-20 {
    margin-right: 20%;
  }

  .push-20 {
    left: 20%;
    /* <IE7> */
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-20 {
    left: -20%;
    /* <IE7> */
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-25 {
    float: left;
    width: 25%;
    /* <IE7> */
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-25 {
    margin-left: 25%;
  }

  .suffix-25 {
    margin-right: 25%;
  }

  .push-25 {
    left: 25%;
    /* <IE7> */
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-25 {
    left: -25%;
    /* <IE7> */
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-30 {
    float: left;
    width: 30%;
    /* <IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-30 {
    margin-left: 30%;
  }

  .suffix-30 {
    margin-right: 30%;
  }

  .push-30 {
    left: 30%;
    /* <IE7> */
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-30 {
    left: -30%;
    /* <IE7> */
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-35 {
    float: left;
    width: 35%;
    /* <IE7> */
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-35 {
    margin-left: 35%;
  }

  .suffix-35 {
    margin-right: 35%;
  }

  .push-35 {
    left: 35%;
    /* <IE7> */
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-35 {
    left: -35%;
    /* <IE7> */
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-40 {
    float: left;
    width: 40%;
    /* <IE7> */
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-40 {
    margin-left: 40%;
  }

  .suffix-40 {
    margin-right: 40%;
  }

  .push-40 {
    left: 40%;
    /* <IE7> */
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-40 {
    left: -40%;
    /* <IE7> */
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-45 {
    float: left;
    width: 45%;
    /* <IE7> */
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-45 {
    margin-left: 45%;
  }

  .suffix-45 {
    margin-right: 45%;
  }

  .push-45 {
    left: 45%;
    /* <IE7> */
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-45 {
    left: -45%;
    /* <IE7> */
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-50 {
    float: left;
    width: 50%;
    /* <IE7> */
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-50 {
    margin-left: 50%;
  }

  .suffix-50 {
    margin-right: 50%;
  }

  .push-50 {
    left: 50%;
    /* <IE7> */
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-50 {
    left: -50%;
    /* <IE7> */
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-55 {
    float: left;
    width: 55%;
    /* <IE7> */
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-55 {
    margin-left: 55%;
  }

  .suffix-55 {
    margin-right: 55%;
  }

  .push-55 {
    left: 55%;
    /* <IE7> */
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-55 {
    left: -55%;
    /* <IE7> */
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-60 {
    float: left;
    width: 60%;
    /* <IE7> */
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-60 {
    margin-left: 60%;
  }

  .suffix-60 {
    margin-right: 60%;
  }

  .push-60 {
    left: 60%;
    /* <IE7> */
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-60 {
    left: -60%;
    /* <IE7> */
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-65 {
    float: left;
    width: 65%;
    /* <IE7> */
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-65 {
    margin-left: 65%;
  }

  .suffix-65 {
    margin-right: 65%;
  }

  .push-65 {
    left: 65%;
    /* <IE7> */
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-65 {
    left: -65%;
    /* <IE7> */
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-70 {
    float: left;
    width: 70%;
    /* <IE7> */
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-70 {
    margin-left: 70%;
  }

  .suffix-70 {
    margin-right: 70%;
  }

  .push-70 {
    left: 70%;
    /* <IE7> */
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-70 {
    left: -70%;
    /* <IE7> */
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-75 {
    float: left;
    width: 75%;
    /* <IE7> */
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-75 {
    margin-left: 75%;
  }

  .suffix-75 {
    margin-right: 75%;
  }

  .push-75 {
    left: 75%;
    /* <IE7> */
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-75 {
    left: -75%;
    /* <IE7> */
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-80 {
    float: left;
    width: 80%;
    /* <IE7> */
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-80 {
    margin-left: 80%;
  }

  .suffix-80 {
    margin-right: 80%;
  }

  .push-80 {
    left: 80%;
    /* <IE7> */
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-80 {
    left: -80%;
    /* <IE7> */
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-85 {
    float: left;
    width: 85%;
    /* <IE7> */
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-85 {
    margin-left: 85%;
  }

  .suffix-85 {
    margin-right: 85%;
  }

  .push-85 {
    left: 85%;
    /* <IE7> */
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-85 {
    left: -85%;
    /* <IE7> */
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-90 {
    float: left;
    width: 90%;
    /* <IE7> */
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-90 {
    margin-left: 90%;
  }

  .suffix-90 {
    margin-right: 90%;
  }

  .push-90 {
    left: 90%;
    /* <IE7> */
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-90 {
    left: -90%;
    /* <IE7> */
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-95 {
    float: left;
    width: 95%;
    /* <IE7> */
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-95 {
    margin-left: 95%;
  }

  .suffix-95 {
    margin-right: 95%;
  }

  .push-95 {
    left: 95%;
    /* <IE7> */
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-95 {
    left: -95%;
    /* <IE7> */
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-33 {
    float: left;
    width: 33.33333%;
    /* <IE7> */
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-33 {
    margin-left: 33.33333%;
  }

  .suffix-33 {
    margin-right: 33.33333%;
  }

  .push-33 {
    left: 33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-33 {
    left: -33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-66 {
    float: left;
    width: 66.66667%;
    /* <IE7> */
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-66 {
    margin-left: 66.66667%;
  }

  .suffix-66 {
    margin-right: 66.66667%;
  }

  .push-66 {
    left: 66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-66 {
    left: -66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-100 {
    clear: both;
    width: 100%;
  }
}

.ui-palette {
  color: white;
  margin: 0;
  padding: 15px;
  text-transform: uppercase;
}
.ui-palette dt {
  display: block;
  font-weight: 500;
  opacity: 0.8;
}
.ui-palette dd {
  font-weight: 200;
  margin-left: 0;
  opacity: 0.8;
}

.ui-palette-base {
  background-color: #333333;
}

.ui-palette-base-dark {
  background-color: #666666;
}

.ui-palette-base {
  background-color: #333333;
}

.ui-palette-inverse {
  color: #333333;
  background-color: #eeeeee;
}

.ui-palette-hover {
  background-color: #666666;
}

.ui-palette-disabled {
  background-color: #cccccc;
}

.ui-file-input {
  width: 290px;
  position: relative;
}

.ui-file-input input[type="file"].hidden {
  width: 100%;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  zoom: 1;
}

.ui-fake-file {
  width: 190px;
  float: left;
}

.ui-fake-file input {
  width: 100%;
}

.ui-file-input .ui-button {
  width: 100px;
  float: right;
}

.ui-textarea {
  min-height: 132px;
}

.ui-textarea,
.ui-input,
.ui-file-input input,
.ui-uneditable-input {
  border: 2px solid #333333;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  padding: 10px 2% 8px 0;
  text-indent: 15px;
}
.ui-textarea:-moz-placeholder,
.ui-input:-moz-placeholder,
.ui-file-input input:-moz-placeholder,
.ui-uneditable-input:-moz-placeholder {
  color: #cccccc;
}
.ui-textarea::-webkit-input-placeholder,
.ui-input::-webkit-input-placeholder,
.ui-file-input input::-webkit-input-placeholder,
.ui-uneditable-input::-webkit-input-placeholder {
  color: #cccccc;
}
.ui-textarea.placeholder,
.ui-input.placeholder,
.ui-file-input input.placeholder,
.ui-uneditable-input.placeholder {
  color: #cccccc;
}

.ui-input[disabled],
.ui-input[readonly],
.ui-file-input input[disabled],
.ui-file-input input[readonly],
.ui-textarea[disabled],
.ui-textarea[readonly] {
  background-color: #cccccc;
  border-color: transparent;
  color: #cccccc;
  cursor: default;
}

.ui-input,
.ui-textarea,
.ui-uneditable-input {
  width: 98%;
}

select {
  margin: 0;
  padding: 0;
  font-size: 0.75em;
  outline: none;
  font-family: inherit;
}

.ui-select {
  background: white url(../app/Resources/public/images/ui/select.html) no-repeat center right;
  border: 2px solid #333333;
  height: 36px;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.ui-select select {
  width: 115%;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 10px 0 8px 10px;
  text-indent: 1px;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  border: none;
}

.ui-select select option {
  padding: 4px 0 4px 4px;
}

.lt-ie8 .ui-select {
  border: none;
}

.lt-ie8 .ui-select select {
  width: 100%;
  background-color: white;
  border: solid 1px #cccccc;
  padding: 0.3em 0.5em;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
  .ui-select {
    background-image: url(../app/Resources/public/images/ui/selectx2.html);
    background-size: 28px 8px;
  }
}

.ui-button {
  border: none;
  background: #333333;
  color: #eeeeee;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
}
.ui-button:hover, .ui-button:focus {
  background-color: #666666;
  color: #eeeeee;
}
.ui-button:active, .ui-button.active {
  background-color: #666666;
  color: rgba(238, 238, 238, 0.75);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui-button.ui-disabled, .ui-button[disabled] {
  background-color: #cccccc;
  color: #eeeeee;
}
.ui-button.ui-button-large {
  padding-bottom: 11px;
  padding-top: 11px;
}

.ui-button[type="reset"], .ui-button[type="submit"] {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.ui-checkbox,
.ui-radio {
  cursor: pointer;
  margin-bottom: 12px;
  padding: 3px 0 0 30px;
  position: relative;
  display: block;
}
.ui-checkbox:hover,
.ui-radio:hover {
  color: #666666;
}
.ui-checkbox input,
.ui-radio input {
  cursor: pointer;
  outline: none !important;
  zoom: 1;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  left: 0;
  top: 0;
  width: 96%;
  height: 20px;
  left: -999em;
}
.ui-checkbox.checked .icon,
.ui-radio.checked .icon {
  background-position: 0 bottom;
  opacity: 1;
  display: block\9;
}
.ui-checkbox.checked .icon-to-fade,
.ui-radio.checked .icon-to-fade {
  opacity: 0;
  display: none\9;
}
.ui-checkbox.disabled,
.ui-radio.disabled {
  color: #cccccc;
  cursor: default;
}
.ui-checkbox.disabled .icon,
.ui-radio.disabled .icon {
  opacity: 0;
  display: none\9;
}
.ui-checkbox.disabled .icon-to-fade,
.ui-radio.disabled .icon-to-fade {
  background-position: 0 top;
  opacity: 0.25;
  display: block\9;
}
.ui-checkbox.disabled.checked .icon,
.ui-radio.disabled.checked .icon {
  background-position: 0 bottom;
  opacity: 0.25;
  display: block\9;
}
.ui-checkbox.disabled.checked .icon-to-fade,
.ui-radio.disabled.checked .icon-to-fade {
  opacity: 0;
  display: none\9;
}
.ui-checkbox .icon,
.ui-checkbox .icon-to-fade,
.ui-radio .icon,
.ui-radio .icon-to-fade {
  background: url("../app/Resources/public/images/ui/checkbox.html") 0 top no-repeat;
  display: block;
  height: 20px;
  left: 0;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 20px;
}
.ui-checkbox .icon,
.ui-radio .icon {
  opacity: 0;
  top: 0;
  z-index: 2;
  display: none\9;
}

.ui-radio .icon,
.ui-radio .icon-to-fade {
  background-image: url("../app/Resources/public/images/ui/radio.html");
}

/* FOR PUTTING RADIOS && CHECKBOXES INLINE WITH EACH OTHER */
.ui-row {
  float: left;
  display: inline;
  width: 100px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
  .ui-checkbox .icon {
    background-image: url("../app/Resources/public/images/ui/checkbox-2x.html");
    background-size: 40px 40px;
  }

  .ui-radio .icon,
  .ui-radio .icon-to-fade {
    background-image: url("../app/Resources/public/images/ui/radio-2x.html");
    background-size: 55px 110px;
  }
}

/* User-agent Overrides */
/* ==================== */

html,
body {
    -ms-overflow-x: hidden;
        overflow-x: hidden;
}

.img {
    max-width: 100%;
}

.img img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

nav {
    margin: 0;
    padding: 0;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

summary {
    cursor: pointer;
}

table {
    width: 100%;
}

td, th {
    border: 1px solid #ccc;
}

th {
    text-align: left;
    cursor: default;
}

/* Common Elements */
/* =============== */

a.i-dont-know-my-zip {
    color: #666;
    font-size: 12px;
    line-height: 1;
    margin: 10px 0 30px;
    border-bottom: 1px dotted transparent;
    clear: both;
    display: inline-block;
}

a.i-dont-know-my-zip:hover {
    color: #666;
    border-bottom: 1px dotted #666;
}

.zip-right {
    text-align: right;
    float: right;

}

.stuck {
    position: fixed;
}

.grid-container {
    max-width: 940px;
    margin: 0 auto;
}

#page-container > article.content {
    padding: 2em 0;
    position: relative;
}

#page-container > article.content {
    background: #eef8fc;
    background: -moz-linear-gradient(top,  #eef8fc 0%, #9fd7ef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef8fc), color-stop(100%,#9fd7ef));
    background: -webkit-linear-gradient(top,  #eef8fc 0%,#9fd7ef 100%);
    background: -o-linear-gradient(top,  #eef8fc 0%,#9fd7ef 100%);
    background: -ms-linear-gradient(top,  #eef8fc 0%,#9fd7ef 100%);
    background: linear-gradient(to bottom,  #eef8fc 0%,#9fd7ef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef8fc', endColorstr='#9fd7ef',GradientType=0 );
    padding: 40px 0 50px;
    margin: 0;
}

.ui-bg{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #d8e1e6;
    padding: 40px;
}

.ui-bg-primary{
    background: #FFFFFF;
}

.ui-bg-secondary{
    color: #FFFFFF;
    background: #0095d5;
}
.ui-bg-secondary a {
    color: #FFFFFF;
    font-family: "proxRegular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.ui-bg-secondary a:hover {
    color: #dcdcdc;
}

.ui-checkbox .icon, .ui-radio .icon {
    top: 2px;
}

.ui-checkbox .icon, .ui-checkbox .icon-to-fade, .ui-radio .icon, .ui-radio .icon-to-fade {
    top: 3px;
}

.ui-radio {
    top: -5px;
}

.ui-select-wide .ui-select {
    width: 100%;
    margin-top: 20px;
}

.ui-select-wide .ui-select select {
    width: 118%;
}

.text-arrow {
    font-family: "Capitals";
    font-size: 18px;
    padding-left: 5px;
}

.page-break {
    background: url("../bundles/mprcms/images/design/page-break.png") no-repeat left top;
    padding-top: 20px;
}

/* Header */
/* ====== */

#mobile-menu {
    display: none;
}

body header.primary nav li {
    display: inline;
}

body header.primary {
    margin-bottom: 0;
    background: #FFFFFF;
}

.default-phone-number {
    padding: 0 !important;
    display: inline-block;
}

/* BUTTONS */
.ui-btn {
    font-family: 'proxSemiBold';
    border: none;
    color: #FFFFFF;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    padding: 0 30px !important;
    line-height: 40px;
    /* IF ANCHOR INSTEAD OF BUTTON */
    display: inline-block;
    text-decoration: none;
}

.ui-btn-large {
    font-family: 'proxSemiBold';
    border: none;
    color: #FFFFFF;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 0 70px !important;
    line-height: 50px;
    /* IF ANCHOR INSTEAD OF BUTTON */
    display: inline-block;
    text-decoration: none;
}

.ui-btn-primary {
    text-shadow: -1px -1px 1px #287CA3;
    background: #38afe7;
    background: -moz-linear-gradient(top,  #38afe7 0%, #36a9df 41%, #33a1d4 70%, #349fd3 84%, #329ecf 86%, #329cd0 95%, #329ccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#38afe7), color-stop(41%,#36a9df), color-stop(70%,#33a1d4), color-stop(84%,#349fd3), color-stop(86%,#329ecf), color-stop(95%,#329cd0), color-stop(100%,#329ccc));
    background: -webkit-linear-gradient(top,  #38afe7 0%,#36a9df 41%,#33a1d4 70%,#349fd3 84%,#329ecf 86%,#329cd0 95%,#329ccc 100%);
    background: -o-linear-gradient(top,  #38afe7 0%,#36a9df 41%,#33a1d4 70%,#349fd3 84%,#329ecf 86%,#329cd0 95%,#329ccc 100%);
    background: -ms-linear-gradient(top,  #38afe7 0%,#36a9df 41%,#33a1d4 70%,#349fd3 84%,#329ecf 86%,#329cd0 95%,#329ccc 100%);
    background: linear-gradient(to bottom,  #38afe7 0%,#36a9df 41%,#33a1d4 70%,#349fd3 84%,#329ecf 86%,#329cd0 95%,#329ccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38afe7', endColorstr='#329ccc',GradientType=0 );
    border-top: 2px solid #addef5;
}

.ui-btn-primary:hover,
.ui-btn-primary:active,
.ui-btn-primary:focus {
    text-shadow: -1px -1px 1px #00678d;
    color: #ebf9ff;
    background: #329ccc;
    background: -moz-linear-gradient(top,  #329ccc 0%, #329cd0 5%, #329ecf 14%, #349fd3 16%, #33a1d4 30%, #36a9df 59%, #38afe7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#329ccc), color-stop(5%,#329cd0), color-stop(14%,#329ecf), color-stop(16%,#349fd3), color-stop(30%,#33a1d4), color-stop(59%,#36a9df), color-stop(100%,#38afe7));
    background: -webkit-linear-gradient(top,  #329ccc 0%,#329cd0 5%,#329ecf 14%,#349fd3 16%,#33a1d4 30%,#36a9df 59%,#38afe7 100%);
    background: -o-linear-gradient(top,  #329ccc 0%,#329cd0 5%,#329ecf 14%,#349fd3 16%,#33a1d4 30%,#36a9df 59%,#38afe7 100%);
    background: -ms-linear-gradient(top,  #329ccc 0%,#329cd0 5%,#329ecf 14%,#349fd3 16%,#33a1d4 30%,#36a9df 59%,#38afe7 100%);
    background: linear-gradient(to bottom,  #329ccc 0%,#329cd0 5%,#329ecf 14%,#349fd3 16%,#33a1d4 30%,#36a9df 59%,#38afe7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#329ccc', endColorstr='#38afe7',GradientType=0 );
    border-color: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 2px solid #2192c4;
}

.ui-btn-secondary {
    color: #7d7d7d !important;
    background: #f5f5f5;
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 3%, #ffffff 8%, #fcfcfc 18%, #fcfcfc 28%, #f6f6f6 46%, #f5f5f5 62%, #f2f2f2 64%, #f4f4f4 67%, #f1f1f1 69%, #f1f1f1 85%, #eeeeee 87%, #efefef 90%, #ececec 97%, #dadada 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(3%,#ffffff), color-stop(8%,#ffffff), color-stop(18%,#fcfcfc), color-stop(28%,#fcfcfc), color-stop(46%,#f6f6f6), color-stop(62%,#f5f5f5), color-stop(64%,#f2f2f2), color-stop(67%,#f4f4f4), color-stop(69%,#f1f1f1), color-stop(85%,#f1f1f1), color-stop(87%,#eeeeee), color-stop(90%,#efefef), color-stop(97%,#ececec), color-stop(100%,#dadada));
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#ffffff 3%,#ffffff 8%,#fcfcfc 18%,#fcfcfc 28%,#f6f6f6 46%,#f5f5f5 62%,#f2f2f2 64%,#f4f4f4 67%,#f1f1f1 69%,#f1f1f1 85%,#eeeeee 87%,#efefef 90%,#ececec 97%,#dadada 100%);
    background: -o-linear-gradient(top,  #f5f5f5 0%,#ffffff 3%,#ffffff 8%,#fcfcfc 18%,#fcfcfc 28%,#f6f6f6 46%,#f5f5f5 62%,#f2f2f2 64%,#f4f4f4 67%,#f1f1f1 69%,#f1f1f1 85%,#eeeeee 87%,#efefef 90%,#ececec 97%,#dadada 100%);
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#ffffff 3%,#ffffff 8%,#fcfcfc 18%,#fcfcfc 28%,#f6f6f6 46%,#f5f5f5 62%,#f2f2f2 64%,#f4f4f4 67%,#f1f1f1 69%,#f1f1f1 85%,#eeeeee 87%,#efefef 90%,#ececec 97%,#dadada 100%);
    background: linear-gradient(to bottom,  #f5f5f5 0%,#ffffff 3%,#ffffff 8%,#fcfcfc 18%,#fcfcfc 28%,#f6f6f6 46%,#f5f5f5 62%,#f2f2f2 64%,#f4f4f4 67%,#f1f1f1 69%,#f1f1f1 85%,#eeeeee 87%,#efefef 90%,#ececec 97%,#dadada 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dadada',GradientType=0 );
    border: 1px solid #c6c6c6;
    border-top: 1px solid #ddd;
    border-bottom: 2px solid #a6a6a6;
}

.ui-btn-secondary:hover,
.ui-btn-secondary:active,
.ui-btn-secondary:focus {
    color: #747474 !important;
    background: #dadada;
    background: -moz-linear-gradient(top,  #dadada 0%, #ececec 3%, #efefef 10%, #eeeeee 13%, #f1f1f1 15%, #f1f1f1 31%, #f4f4f4 33%, #f2f2f2 36%, #f5f5f5 38%, #f6f6f6 54%, #fcfcfc 72%, #fcfcfc 82%, #ffffff 92%, #ffffff 97%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(3%,#ececec), color-stop(10%,#efefef), color-stop(13%,#eeeeee), color-stop(15%,#f1f1f1), color-stop(31%,#f1f1f1), color-stop(33%,#f4f4f4), color-stop(36%,#f2f2f2), color-stop(38%,#f5f5f5), color-stop(54%,#f6f6f6), color-stop(72%,#fcfcfc), color-stop(82%,#fcfcfc), color-stop(92%,#ffffff), color-stop(97%,#ffffff), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #dadada 0%,#ececec 3%,#efefef 10%,#eeeeee 13%,#f1f1f1 15%,#f1f1f1 31%,#f4f4f4 33%,#f2f2f2 36%,#f5f5f5 38%,#f6f6f6 54%,#fcfcfc 72%,#fcfcfc 82%,#ffffff 92%,#ffffff 97%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #dadada 0%,#ececec 3%,#efefef 10%,#eeeeee 13%,#f1f1f1 15%,#f1f1f1 31%,#f4f4f4 33%,#f2f2f2 36%,#f5f5f5 38%,#f6f6f6 54%,#fcfcfc 72%,#fcfcfc 82%,#ffffff 92%,#ffffff 97%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #dadada 0%,#ececec 3%,#efefef 10%,#eeeeee 13%,#f1f1f1 15%,#f1f1f1 31%,#f4f4f4 33%,#f2f2f2 36%,#f5f5f5 38%,#f6f6f6 54%,#fcfcfc 72%,#fcfcfc 82%,#ffffff 92%,#ffffff 97%,#f5f5f5 100%);
    background: linear-gradient(to bottom,  #dadada 0%,#ececec 3%,#efefef 10%,#eeeeee 13%,#f1f1f1 15%,#f1f1f1 31%,#f4f4f4 33%,#f2f2f2 36%,#f5f5f5 38%,#f6f6f6 54%,#fcfcfc 72%,#fcfcfc 82%,#ffffff 92%,#ffffff 97%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#f5f5f5',GradientType=0 );
    border-color: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #c6c6c6;
    border-bottom: 2px solid #c6c6c6;
}

.ui-btn-tertiary {
    color: #FFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #006492;
    border-style: none;
    -webkit-box-shadow:  0px 1px 2px 1px rgba(4, 49, 70, 0.75);
    box-shadow:  0px 1px 2px 1px rgba(4, 49, 70, 0.75);
    padding: 0px 25px 0px 25px;
}

.ui-btn-tertiary:hover,
.ui-btn-tertiary:active,
.ui-btn-tertiary:focus {
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
       -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
    border-color: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Pages/Location Navigation */
/* ------------------------- */

.pages-location {
    background: #e8f5fb;
    color: #0397d6;
}

.pages-location .grid-container {
    max-width: 960px;
}

.pages-location .session-nav-list {
    text-align: right;
}

.pages-location a {
    text-decoration: none;
    display: inline;
    line-height: 30px;
    color: #0397d6;
}

.pages-location a.highlight-link {
  position: relative;
  padding: 2px 18px 2px 5px;
  background: #0095d5;
  font-weight: bold;
  border-radius: 3px;
  color: #FFFFFF;
}
.pages-location a.highlight-link:after {
  content: "";
  position: absolute;
  top: 7px;
  right: 6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #ffffff;
}

.pages-location .jobs-callout-link {
  display: inline;
  margin-right: 1rem;
  font-size: 12px;
  letter-spacing: .05em;
}

.pages-location .jobs-callout-link a.highlight-link:after {
  top: 5px;
}

.pages-location span {
    padding: 0 5px;
}

.pages-location .grid-50 {
    overflow: hidden;
    max-height: 50px;
}

.pages-location .current-location-name {
    padding: 0;
}

#header-links {
    float: left;
}

#header-location {
    float: right;
}

#header-location:first-child {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    font-size: 12px;
}

#header-location:first-child a {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    letter-spacing: .1em;
}

#header-location:last-child {
    font-family: "proxRegular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-align: right;
    font-size: 14px
}

#header-location:last-child a {
    font-family: "proxRegular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.pages-location #phone-number {
    display: inline;
}

.pages-location #phone-number a {
    padding: 0 17px 0 12px;
}

.pages-location #phone-number span {
    padding: 0;
}

.pages-location #phone-number span img {
    display: inline-block;
    vertical-align: middle;
}

.pages-location .current-location {
    display: inline-block;
    background: #c3ebff;
    padding: 0 19px;
}

.pages-location .current-location a:first-child, .pages-location .location-arrow {
    font-family: "proxSemiBold";
}

.pages-location .location-arrow {
    font-size: 20px;
}


/* Branding/Primary Navigation */
/* --------------------------- */

.branding-primary .grid-container {
    max-width: 960px;
    padding: 0 20px;
}

.branding-primary .branding-image {
    padding-right: 0;
}

.branding-primary .branding {
    padding: 19px 0 24px;
    display: block;
    max-width: 181px;
    float: left;
}

.branding-primary .branding img {
    margin: 0;
}

.branding-primary .primary {
    color: #0397d6;
    font-family: "proxRegular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 18px;

    margin-top: 33px;
    text-align: right;
    max-height: 100px;
}

.branding-primary .primary a {
    color: #0397d6;
    padding: 7px 12px;
}

.branding-primary .primary a:hover {
    color: #00658e;
}

.branding-primary .primary a.active {
    background: #edf8fe;
    -webkit-border-radius: 999px;
            border-radius: 999px;
}

.branding-primary .primary span {
    padding: 0 16px;
}

/* Primary CTA */
/* ----------- */

.primary-cta {
    background: #0095d5;
    padding: 20px 0;
}

.primary-cta.stuck {
    width: 100%;
    top: 0;
    z-index: 999; /* Yes, this is intentional */
    -webkit-box-shadow: 0px -2px 30px 1px rgba(0, 0, 0, .5);
    box-shadow: 0px -2px 30px 1px rgba(0, 0, 0, .5);
}

.primary-cta .grid-container > div {
}

.primary-cta .cta-message {
    margin: 0 auto;
    text-align: center;
    max-height: 40px;
    line-height: 40px;

    font-family: "proxLight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 21px;
    color: #FFFFFF;
}

.primary-cta .cta-message label {
    display: inline-block;
}

.primary-cta .cta-message strong {
    font-family: 'proxSemiBold';
    font-weight: bold;
}

.primary-cta input {
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #0095d5;
    margin: 0 20px 0 30px;
    /*line-height: 40px;*/
    padding: 0 12px 0 0;
    text-indent: 12px;
    font-family: "proxRegular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: none;
    font-size: 14px;
    height: 40px;
    vertical-align: top;
    width: 188px;
}

.primary-cta input::-webkit-input-placeholder {
    color: #0095d5;
}

.primary-cta input:-moz-placeholder {
    color: #0095d5;
}

.primary-cta input::-moz-placeholder {
    color: #0095d5;
}

.primary-cta input:-ms-input-placeholder {
    color: #0095d5;
}

.primary-cta button {
    font-family: "proxRegular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 21px;
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #FFFFFF;
    vertical-align: top;
    background: #006492;
    height: 40px;
    padding: 0 14px;
    line-height: 40px;
    letter-spacing: 1.5px;
    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .80);
    -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .80);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .80);
}

.primary-cta button:hover,
.primary-cta button:focus {
    background: #00547a;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Notifications */
/* ------------- */

.notices-container {
    background: #eef8fc;
}

.notices {
    margin: 0;
    background: #eef8fc;
    padding: 1em 0;
    list-style: none;
    font-weight: bold;
    text-align: left;
}

.notices li {
    border: 2px solid;
    border-radius: 10px;
    padding: 15px;
    padding-left: 8%;
    font-size: 15px;
}

.notices .notice-error {
    color: #ec3e21;
    border-color: #ec3e21;
    background-color: rgba(236, 62, 33, .12);
    background: rgba(236, 62, 33, .12) url("../bundles/mprcommon/images/error-icon.png") no-repeat 3% 50%;
}

.notices .notice-success {
    color: #6caa1c;
    border-color: #6caa1c;
    background-color: rgba(108, 170, 28, .12);
    background: rgba(108, 170, 28, .12) url("../bundles/mprcommon/images/success-icon.png") no-repeat 3% 50%;
}


/* TABLES */
/* ====== */

.ui-table {
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    background-color: #f2fafd;
    border: 1px solid #d8e1e6;
    padding: 20px 40px 0 40px;
    margin-bottom: 40px;
    font-size: 14px;
    color: #666666;
    border-collapse:collapse;
}

.ui-table th {
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    border:none;
    font-family: "proxRegular", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
    color: #0397d6;
    padding: 20px 45px 20px 45px;
    background-color: #FFFFFF;
}

.ui-table tr {

    border-bottom: 1px solid #d8e1e6;
}

.ui-table tr:nth-child(even),
.ui-table tr.even {
    background-color: #FFFFFF;
}

.ui-table tr:last-child {
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}

.ui-table tr:last-child td:first-child {
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    border-bottom-left-radius:10px
}

.ui-table tr:last-child td:last-child {
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
    border-bottom-right-radius:10px
}

.ui-table td {
    border:none;
    padding: 20px 45px 20px 45px;
    font-family: "proxRegular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.ui-table td a {
    text-decoration: none;
    color: #666666;
    border-bottom: 1px dotted transparent;
}

.ui-table td a:hover, a:active {
    border-color: #666666;
}

/* Footer */
/* ====== */

body footer.primary {
    margin: 0;
    padding: 0 0 15px;
    background: #FFFFFF;
}

body footer.primary .grid-container {
    max-width: 960px;
}

body footer.primary .main-footer {
    padding-bottom: 85px;
}

body footer.primary .branding img {
    margin: 0;
}

body footer.primary .grid-70 {
    padding-top: 10px;
}

body footer.primary .grid-70 nav {
    float: left;
}

body footer.primary h2 {
    margin: 0;
    font-family: 'proxSemiBold';
    font-size: 14px;
    color: #999;
    padding-bottom: 15px;
}

body footer.primary h2 a {
    color: #999;
    font-family: inherit;
}

body footer.primary h2 a:hover {
    color: #777;
}

body footer.primary li a {
    font-family: "proxRegular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 13px;
    line-height: 2em;
    color: #777;
}

body footer.primary li a:hover {
    color: #444;
}

body footer.primary .sub-footer .grid-75, .sub-footer .grid-25{
    padding: 0;
}

body footer.primary .social, footer .sub-footer-nav {
    overflow: hidden;
    float: left;
}

body footer.primary .social li {
    float: left;
    padding-right: 10px;
}

body footer.primary .social li:last-child {
    padding-right: 20px;
}

body footer.primary .sub-footer-nav, footer .grid-25 {
    padding-top: 10px;
}

body footer.primary .sub-footer-nav li {
    font-family: "proxRegular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #777;
    font-size: 13px;
    float: left;
}

body footer.primary .sub-footer-nav a {
    color: #777;
}

body footer.primary .sub-footer-nav a:hover {
    color: #444;
}

body footer.primary .sub-footer-nav span {
    padding: 0 10px;
}

body footer.primary .grid-25 {
    margin: 0;
    text-align: right;
}

body footer.primary .grid-25 p {
    font-size: 12px;
    color: #777;
}

/* Justin's added footer 04/02/15 */
/* MPR-1019 */

body footer.primary .maidpro-cares {
    background-color: #0095d5;
    height: 100px;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
}

body footer.primary .maidpro-cares > section {
    width: 450px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    padding: 10px 0;
}

body footer.primary .maidpro-cares > section > a {
    display: block;
    width: 100%;
    height: 100%;
}

body footer.primary .maidpro-cares h3 {
    background: url(../media/footerlinks/mp-cares-logo.png) no-repeat 22px center #fefdfd;
    border-radius: 8px;
    padding: 8px 8px;
    background-size: 33%;
    text-align: right;
    text-transform: none;
    font-size: .95em;
    font-weight: bold;
}

body footer.primary .maidpro-cares img {
    display: block;
    position: absolute;
    top: 10px;
    left: 180px;
    width: 60px;
}

body footer.primary .maidpro-cares p {
    color: #fefdfd;
    text-align: center;
    font-size: .95em;
    font-weight: bold;
}


/* Social */
/* -------*/

nav.social {
    margin-left: 10px;
}

.social li a{
    width:35px;
    height:35px;
    display:block;

}

.social-facebook{
    background: url("../bundles/mprcms/images/design/social.png");
}

.social-twitter{
    background: url("../bundles/mprcms/images/design/social.png") 137px 0px;
}

.social-youtube{
    background: url("../bundles/mprcms/images/design/social.png") 103px 0px;
}

.social-linkedin{
    background: url("../bundles/mprcms/images/design/social.png") 68px 0px;
}

.social-blogger{
        background: url("../bundles/mprcms/images/design/social.png") 35px 0px;
}

.social-facebook:hover{
    background: url("../bundles/mprcms/images/design/social-hover.png");
}

.social-twitter:hover{
    background: url("../bundles/mprcms/images/design/social-hover.png") 137px 0px;
}

.social-youtube:hover{
    background: url("../bundles/mprcms/images/design/social-hover.png") 103px 0px;
}

.social-linkedin:hover{
    background: url("../bundles/mprcms/images/design/social-hover.png") 68px 0px;
}

.social-blogger:hover{
    background: url("../bundles/mprcms/images/design/social-hover.png") 35px 0px;
}

.for-background {
    background: #eef8fc;
    background: -moz-linear-gradient(top,  #eef8fc 0%, #9fd7ef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef8fc), color-stop(100%,#9fd7ef));
    background: -webkit-linear-gradient(top,  #eef8fc 0%,#9fd7ef 100%);
    background: -o-linear-gradient(top,  #eef8fc 0%,#9fd7ef 100%);
    background: -ms-linear-gradient(top,  #eef8fc 0%,#9fd7ef 100%);
    background: linear-gradient(to bottom,  #eef8fc 0%,#9fd7ef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef8fc', endColorstr='#9fd7ef',GradientType=0 );
}

.for-border {
    border-top: 1.5px solid #c5e5f2;
    border-bottom: 2px solid #ffffff;
}

.response-error {
    color: #0095d5;
    font-size: 42px;
    text-align: center;
}

.response-error h1 {
    color: #0095d5;
    font-family: "proxSemiBold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    margin-bottom: 10px;
    margin-top: 1em !important; /* Important is required because of the ridiculous `h1:first-child` rule in type.css */
}

.response-error p {
    line-height: 1;
    margin-top: 0;
}

.response-error img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

 #page-container {
    position: relative;
}

.pagination {
    list-style: none;
    float: right;
    padding: 0;
    margin: 0;
}

.pagination li {
    display: inline;
    padding: 0;
    margin: 0;
}

.pagination li a {
    font-family: "proxRegular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    padding: 15px;
    max-width: 30px;
}

.pagination li a:hover {
    font-family: "proxSemiBold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.pagination li a:active,
.pagination li a.active {
    color: #006492;
    font-family: "proxSemiBold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

footer.primary .main-footer nav {
    margin: 1%;
    width: 18%;
    padding: 2%;
}

/* Mobile */

@media screen and (max-width: 920px) {

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

    /*#header-location {
        width: 100%;
        text-align: center;
    }*/

    header.primary .grid-container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .pages-location span {
        padding: 0 5px;
    }

    .pages-location #phone-number a {
        padding: 0 5px 0 20px;
    }

    .pages-location .overlay-locator {
        right: 15px !important;
    }

}

/* Mobile */

@media screen and (max-width: 767px) {

    #header-links {
        display: none;
    }

    html, body {
        min-width: 320px;
        line-height: 22px;
    }
    .branding-primary .branding {
        float: right;
    }

    .slide-out {
        min-width: 100% !important;
        height: 100% !important;
    }

    #mobile-menu {
        font-family: "proxRegular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 22px;
        width: 264px;
        height: 100%;
        position: absolute;
        top: 0;
        left: -264px;
        z-index: 1000;
        border-right: thin solid #17415c;
    }

    #mobile-menu ul li h2 {
        font-family: "proxRegular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 22px;
        line-height: 1.1em;
        text-transform: uppercase;
        margin: 0;
    }

    #mobile-menu ul li h2 a {
        color: #777777;
        padding: 15px;
    }

    #mobile-menu ul {
        margin: 0px 0 0 0;
        padding: 0;
        list-style: none;
        text-align: left;
    }

    #mobile-menu ul li a {
        color: #1081cb;
    }

    #mobile-menu ul li a:hover {
        color: #00658e;
    }

    #mobile-menu #menu-1 {
        color: #FFFFFF;
    }

    #mobile-menu #menu-1 li {
        border-bottom: thin solid #FFFFFF;
    }

    #mobile-menu #menu-1 li a {
        color: #FFFFFF;
        background: #1081cb;
        padding-left: 30px;
    }

    #mobile-menu #menu-1 li a:hover {
        color: #FFFFFF;
        background: #00658e;
    }

    #mobile-menu #menu-2 {

    }

    #mobile-menu #menu-2 li {
        border-bottom: thin solid #d3e8f5;
    }

    #mobile-menu #menu-2 li a {
        padding-left: 30px;
    }

    #mobile-menu #menu-3 {
        border-bottom: thin solid #d3e8f5;
    }

    #mobile-menu #menu-3 li {
    }

    #mobile-menu #menu-3 li a {
        padding-left: 30px;
    }

    #mobile-menu #menu-4 {
        border-bottom: thin solid #d3e8f5;
    }

    #mobile-menu #menu-4 li {
    }

    #mobile-menu #menu-4 li a {
        padding-left: 30px;
    }

    #mobile-menu ul li a {
        font-size: 16px;
        text-decoration: none;
        width: 234px;
        padding: 13px 0;
        display: block;
    }

    #mobile-menu ul li a:focus {
        outline: none;
    }

    #mobile-cover {
        width: 100%;
        height: 100%;
        background-color: rgba(0,100,146,.52);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
        display: none;
    }

    #mobile-menu-button {
        content: "";
        background: url("../bundles/mprcms/images/design/nav/menu-icon.png");
        height: 19px;
        width: 28px;
        position: absolute;
        top: 48px;
        left: 6%;
    }

    #mobile-menu-button:focus {
        outline: none;
    }

    #header-location {
        float: none;
        padding-top: 8px;
    }

    #header-location #phone-number .hide-on-tablet {
        display: inline;
    }

    .intro h1 {
        font-size: 27px;
        padding-top: 0 !important;
    }

    .intro h2 {
        font-size: 22px !important;
    }

    .pages-location {
        height: 48px;
    }

    .pages-location .session-nav-list {
        text-align: center;
        text-transform: uppercase;
    }

    .pages-location #phone-number a {
        font-size: 16px;
        padding: 0 0 0 5px;
    }

    .pages-location #phone-number span img {
        margin-top: -3px;
    }

    .branding-primary {
        position: relative;
    }

    .branding-primary .branding {
        margin-left: auto;
        margin-right: auto;
    }

    .primary-cta {
        height: 40px;
        padding: 5px 0;
        overflow: hidden;
    }

    .primary-cta .grid-container {
        padding: 0;
        max-width: 340px;
    }

    .primary-cta label {
        font-size: 14px;
        margin-right: 10px;
        display: none;
    }

    .primary-cta input {
        //display: none;
        margin: 5px 5px 0 0px;
        width: 200px;
        text-indent: 6px;
        font-size: 12px;
        height: 32px;

    }

    .primary-cta button {
        font-size: 14px;
        line-height: 32px;
        height: 30px;
        padding: 0 10px;
        margin: 5px 10px 5px 0;
        float: right;
    }

    /* Social */
    /* -------*/

    .sub-footer {
        width: 215px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .sub-footer .social {
        width: 235px;
        margin-left: 0;
    }

    .sub-footer .social li:last-of-type {
        padding-right: 0;
    }

    .sub-footer-nav {
        text-align: center;
    }

    body footer.primary .sub-footer-nav li {
        float: none;
        display: inline-block;
    }

    #sub-footer-copyright {
        text-align: center;
    }

    /* RESPONSIVE SUB NAV */
    /* ================== */

    /* Clearfix */
    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
    }
    .clearfix:after {
        clear: both;
    }
    .clearfix {
        *zoom: 1;
    }

    /* Basic Styles */
    nav.responsive-sub-menu {
        height: auto;
        width: 100%;
        background: ##fafdfe;
        font-size: 12pt;
        position: relative;
        z-index: 5;
        border-bottom: 0;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    nav.responsive-sub-menu ul {
        padding: 0;
        margin: 0 auto;
        height: 50px;
        width: 100%;
        height: auto;
        display: none;
        height: auto;
    }
    nav.responsive-sub-menu li {
        position: relative;
        display: block;
        float: none;
        width: 100%;
    }
    nav.responsive-sub-menu li a {
        color: #666666;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        border-bottom: 1px solid #c5e5f2;
    }
    nav.responsive-sub-menu li:last-child a {
        border-right: 0;
    }
    nav.responsive-sub-menu a {
        color: #666666;
        display: inline-block;
        text-decoration: none;
        line-height: 50px;
        text-align: left;
        width: 100%;
        text-indent: 25px;
    }
    nav.responsive-sub-menu a:hover, nav.responsive-sub-menu a:active {
        color: #FFFFFF;
        background-color: #0095d5;
    }
    .side-menu ul li a:hover:after,
    .side-menu ul li a:active:after,
    .side-menu ul li a.active:after {
        background: none;
    }
    nav.responsive-sub-menu a#sub-nav {
        font-family: "proxSemiBold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        color: #006492;
        text-transform: uppercase;
        display: block;
        width: 100%;
        position: relative;
        position: relative;
        background: #b5e6ff; /* Old browsers */
        background: -moz-linear-gradient(left,  #b5e6ff 0%, #c3ebff 15%, #c3ebff 85%, #b5e6ff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b5e6ff), color-stop(15%,#c3ebff), color-stop(85%,#c3ebff), color-stop(100%,#b5e6ff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  #b5e6ff 0%,#c3ebff 15%,#c3ebff 85%,#b5e6ff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  #b5e6ff 0%,#c3ebff 15%,#c3ebff 85%,#b5e6ff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  #b5e6ff 0%,#c3ebff 15%,#c3ebff 85%,#b5e6ff 100%); /* IE10+ */
        background: linear-gradient(to right,  #b5e6ff 0%,#c3ebff 15%,#c3ebff 85%,#b5e6ff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e6ff', endColorstr='#b5e6ff',GradientType=1 ); /* IE6-9 */
        -webkit-transition: all .5 ease-in-out;
        -moz-transition: all .5 ease-in-out;
        -ms-transition: all .5 ease-in-out;
        -o-transition: all .5 ease-in-out;
        transition: all .5 ease-in-out;
    }

    nav.responsive-sub-menu a#sub-nav #sub-nav-icon {
        content: "";
        background: url('../bundles/mprcommon/images/sub-nav-menu.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 25px;
        top: 10px;
        -webkit-transition: all .5 ease-in-out;
        -moz-transition: all .5 ease-in-out;
        -ms-transition: all .5 ease-in-out;
        -o-transition: all .5 ease-in-out;
        transition: all .5 ease-in-out;
    }

    nav.responsive-sub-menu a#sub-nav #sub-nav-icon.rotate2 {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-540deg);
        transform: rotate(-540deg)
    }

    .response-error p {
        font-size: 27px;
    }

}

/* 2X IMAGES */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
    #mobile-menu-button {
        background: url("../bundles/mprcms/images/design/nav/menu-icon-2x.png");
        background-size: 28px 19px;
    }

    .social-facebook{
        background: url("../bundles/mprcms/images/design/social-2x.png");
        background-size: 171px 35px;
    }

    .social-blogger{
        background: url("../bundles/mprcms/images/design/social-2x.png") 35px 0px;
        background-size: 171px 35px;
    }

    .social-youtube{
        background: url("../bundles/mprcms/images/design/social-2x.png") 103px 0px;
        background-size: 171px 35px;
    }

    .social-linkedin{
        background: url("../bundles/mprcms/images/design/social-2x.png") 69px 0px;
        background-size: 171px 35px;
    }

    .social-twitter{
        background: url("../bundles/mprcms/images/design/social-2x.png") 137px 0px;
        background-size: 171px 35px;
    }

    .social-facebook:hover{
        background: url("../bundles/mprcms/images/design/social-hover-2x.png");
        background-size: 171px 35px;
    }

    .social-blogger:hover{
        background: url("../bundles/mprcms/images/design/social-hover-2x.png") 35px 0px;
        background-size: 171px 35px;
    }

    .social-youtube:hover{
        background: url("../bundles/mprcms/images/design/social-hover-2x.png") 103px 0px;
        background-size: 171px 35px;
    }

    .social-linkedin:hover{
        background: url("../bundles/mprcms/images/design/social-hover-2x.png") 69px 0px;
        background-size: 171px 35px;
    }

    .social-twitter:hover{
        background: url("../bundles/mprcms/images/design/social-hover-2x.png") 137px 0px;
        background-size: 171px 35px;
    }

    nav.responsive-sub-menu a#sub-nav:after {
        background: url('../bundles/mprcommon/images/sub-nav-menu-2x.png') no-repeat;
        background-size: 30px 30px;
    }
}

@font-face {
    font-family: 'proxLight';
    src: url('../bundles/mprcms/fonts/Proxima_Nova_Light/proximanova-light-webfont.eot');
    src: url('../bundles/mprcms/fonts/Proxima_Nova_Light/proximanova-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../bundles/mprcms/fonts/Proxima_Nova_Light/proximanova-light-webfont.woff') format('woff'),
         url('../bundles/mprcms/fonts/Proxima_Nova_Light/proximanova-light-webfont.ttf') format('truetype'),
         url('../bundles/mprcms/fonts/Proxima_Nova_Light/proximanova-light-webfont.svg#proxima_nova_ltlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxRegular';
    src: url('../bundles/mprcms/fonts/Proxima_Nova_Regular/proximanova-reg-webfont.eot');
    src: url('../bundles/mprcms/fonts/Proxima_Nova_Regular/proximanova-reg-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../bundles/mprcms/fonts/Proxima_Nova_Regular/proximanova-reg-webfont.woff') format('woff'),
         url('../bundles/mprcms/fonts/Proxima_Nova_Regular/proximanova-reg-webfont.ttf') format('truetype'),
         url('../bundles/mprcms/fonts/Proxima_Nova_Regular/proximanova-reg-webfont.svg#proxima_nova_reg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxSemiBold';
    src: url('../bundles/mprcms/fonts/Proxima_Nova_SemiBold/ProximaNova-Sbold.eot');
    src: url('../bundles/mprcms/fonts/Proxima_Nova_SemiBold/ProximaNova-Sboldd41d.eot?#iefix') format('embedded-opentype'),
         url('../bundles/mprcms/fonts/Proxima_Nova_SemiBold/ProximaNova-Sbold.woff') format('woff'),
         url('../bundles/mprcms/fonts/Proxima_Nova_SemiBold/ProximaNova-Sbold.ttf') format('truetype'),
         url('../bundles/mprcms/fonts/Proxima_Nova_SemiBold/ProximaNova-Sbold.svg#proxima_nova_reg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Capitals';
    src: url('../bundles/mprcms/fonts/Capitals/capitals-webfont.eot');
    src: url('../bundles/mprcms/fonts/Capitals/capitals-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../bundles/mprcms/fonts/Capitals/capitals-webfont.woff') format('woff'),
         url('../bundles/mprcms/fonts/Capitals/capitals-webfont.ttf') format('truetype'),
         url('../bundles/mprcms/fonts/Capitals/capitals-webfont.svg#capitalsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.default-content {
    color: #F09 !important;
}

html {
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
}

body {
    font-size: 14px;
    font-family: "proxLight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 1.5;
    color: #444444;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h1 {
    color: #006492;
    font-size: 42px;
    text-transform: uppercase;
    line-height: 110%;
}

h1:first-child {
    margin-top: 0;
}

h2 {
    font-size: 32px;
    color: #0397d6;
    font-family: "proxLight", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 1.1em;
}

h3 {
    color: #0397d6;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 156%;
}

a {
    text-decoration: none;
    color: #0095d5;
    -moz-transition:color 0.4s;
    -webkit-transition:color 0.4s;
    -o-transition:color 0.4s;
    transition:color 0.4s;
}

a:hover {
    text-decoration: none;
    color: #00658e;
}

.content-intro {
    color: #444;
    font-size: 19px;
}

/* Mobile */

@media screen and (max-width: 767px) {

    body {
        line-height: 24px;
    }

    h1 {
        font-size: 27px;
        line-height: 36px;
    }

    h2 {
        font-size: 22px;
        line-height: 30px;
    }

}
/* Form Styles */
/* =========== */

/* Typography */
/* ---------- */

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
    color: #999;
    color: #444;
    font-size: 14px;
}

input,
textarea,
select {
    font-family: "proxLight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.form-field {
    text-align: right;
    margin-bottom: .75em;
    clear: both;
    overflow: hidden;
}

.form-field label {
    float: left;
    line-height: 1;
    width: 100%;
    text-align: left;
    margin-top: 2.25%;
}

.form-field label.required:after {
    content: '*';
    margin-left: 2%;
}

.form-errors {
    list-style: none;
    margin: 0;
    padding: 0;
    color: red;
}

.ui-input-list {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

.ui-input-list li {
    display: inline;
}

.ui-input-list li label {
}

input.state-loading {
    background-color: inherit;
    background-image: url('../bundles/mprcommon/images/loading-indicator.gif');
    background: #FFF url('../bundles/mprcommon/images/loading-indicator.gif') no-repeat 90% 50%;
}

input.state-loading {
    background-color: inherit;
    background-image: url('../bundles/mprcommon/images/loading-indicator.gif');
    background: #FFF url('../bundles/mprcommon/images/loading-indicator.gif') no-repeat 90% 50%;
}

input.state-success {
    color: #6caa1c;
    border-color: #6caa1c;
}

input.state-error {
    color: #ec3e21;
    border-color: #ec3e21;
}

.ui-input,
.ui-input input[type=text],
.ui-input input[type=email],
.ui-input input[type=password],
.ui-input input[type=number],
.ui-textarea,
.number-container {
    border: none;
    background: #fcfcfc;
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%);
    background: -o-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%);
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%);
    background: linear-gradient(to bottom,  #fcfcfc 0%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fefefe',GradientType=0 );
    border-top: 1px solid #b8b8b8;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 94%;
    padding: 9px 3%;
    overflow: hidden;
    display: block;
}

.ui-input:focus,
.ui-input input[type=text]:focus,
.ui-input input[type=email]:focus,
.ui-input input[type=password]:focus,
.ui-input input[type=number]:focus,
.ui-textarea:focus,
.number-container:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

textarea {
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

.number-container .ui-input input {
    border: none;
    width: 120%;
}

.ui-input input[type=text],
.ui-input input[type=email],
.ui-input input[type=password] {
    vertical-align: middle;
}

.ui-textarea {
    resize: none;
    height: 78px;
}

.select-container select {
    height: 21px;
    background: transparent url('../bundles/mprcms/images/design/select-arrow.png') 80% 35% no-repeat;
}

.number-container {
    padding: 0;
    width: 226px;
}

.number-container .ui-input input {
    padding: 0 14px;
}

.calendar .form-field {
    position: relative;
}

.calendar .ui-input,
.ui-calendar {
    background: #fff url('../bundles/mprcms/images/design/calendar-icon.png') no-repeat 95% 50%;
}

.pika-single {
    top: 30px !important;
    left: -15px !important;
}

/* FILE UPLOAD INPUT */
.ui-file-input {
  width: 290px;
  position: relative;
}

.ui-file-input input[type="file"].hidden {
  width: 100%;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  zoom: 1;
}

.ui-fake-file {
  width: 190px;
  float: left;
}

.ui-fake-file input {
  width: 100%;
}

.ui-file-input .ui-button {
  float: right;
}

.ui-file-input input{
    float: left;
    border: none;
    background: #fcfcfc;
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%);
    background: -o-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%);
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%);
    background: linear-gradient(to bottom,  #fcfcfc 0%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fefefe',GradientType=0 );
    border-top: 1px solid #b8b8b8;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 36px;
    width: 198px;
    padding: 0 14px;
    overflow: hidden;
}

/* FIREFOX ONLY */
@-moz-document url-prefix() {
    .select-container select {
        padding: 9px 0 0;
        line-height: normal;
    }
}

/* SELECT INPUTS */

div.label-container {
    float: left;
    width: 165px;
}

div.input-field {
    padding-bottom: 10px;
}

select {
    margin: 0;
    padding: 0;
}

.ui-select {
    background: #fcfcfc;
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%);
    background: -o-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%);
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%);
    background: linear-gradient(to bottom,  #fcfcfc 0%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fefefe',GradientType=0 );
    border-top: 1px solid #b8b8b8;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 94%;
    padding: 0 3%;
    overflow: hidden;
    display: block;
}

.ui-select select {
    width: 115%;
    color: #333;
    font-family: "proxLight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-indent: 1px;
    background-color: transparent;
    background-image: none;
    background: #fcfcfc url('../bundles/mprcms/images/design/select-arrow.png') 86% 50% no-repeat;
    -webkit-appearance: none;
    border: none;
    padding-left: 0;
}

div.ui-select select option {
    padding: 4px 0 4px 4px;
}

.lt-ie8 div.ui-select {
    border: none;
}

.lt-ie8 div.ui-select select {
    width: 100%;
    background-color: white;
    border: solid 1px #cccccc;
    padding: 0.3em 0.5em;
}

.ui-multiselect select {
    background: #fcfcfc;
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%);
    background: -o-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%);
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%);
    background: linear-gradient(to bottom,  #fcfcfc 0%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fefefe',GradientType=0 );
    border-top: 1px solid #b8b8b8;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 227px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    color: #333333;
    font-family: "proxLight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    padding: 10px 0 8px 10px;
    text-indent: 1px;
    background-color: #FFFFFF;
    background-image: none;
}

.ui-multiselect select option {
    padding: 4px 0 4px 4px;
}

.ui-checkbox .icon,
.ui-checkbox .icon-to-fade,
.ui-radio .icon,
.ui-radio .icon-to-fade {
  background: url("../bundles/mprcms/images/design/ui/checkbox.png") 0 top no-repeat;
  height: 20px;
  width: 19px;
}

.ui-radio .icon,
.ui-radio .icon-to-fade {
  background-image: url("../bundles/mprcms/images/design/ui/radio.png");
}

/* Select Focus State */
.focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

@media screen and (max-width: 767px) {

    .pika-single {
        top: 30px !important;
        left: 0px !important;
    }

}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
  .ui-checkbox .icon,
  .ui-checkbox .icon-to-fade, {
    background-image: url("../bundles/mprcms/images/design/ui/checkbox-2x.html");
    background-size: 19px 40px;
  }

  .ui-radio .icon,
  .ui-radio .icon-to-fade  {
    background-image: url("../bundles/mprcms/images/design/ui/radio-2x.png");
    background-size: 19px 40px;
  }
}

.ui-input,
.ui-textarea {
    color: #333;
    font-family: "proxLight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-indent: 0;
}

/* Modals and Overlays */
/* ------------------- */




.overlay {
    background: #FFF;
    padding: 10px 25px;
    border: 1px solid #CCC;
    position: absolute;
    box-shadow: 0 0 15px rgba(0,0,0,.25);
    border-radius: 5px;
    display: none;
}

.overlay .overlay-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 19px;
    overflow: hidden;
}

.overlay .overlay-close img {
    width: 20px;
    max-width: 38px;
    height: auto;
    position: absolute;
    left: 0;
}

.overlay .overlay-close:hover img {
    bottom: -1px;
}


/* MaidPro Locator */
/* =============== */

/* Map Overlay */
/* ----------- */
.locate-maidpro {
    width: 240px;
    text-align: center;
}

.locate-maidpro label {
    display: block;
    width: 200px;
    margin: 0 auto;
}

.locate-maidpro div {
    margin-bottom: 5px;
}

.locate-maidpro .form-field {
    margin-bottom: 25px;
}

.locate-maidpro h2 {
    font-family: "proxLight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 24px;
    line-height: 120%;
}

.locate-maidpro .ui-btn {
    width: 95%;
    margin-bottom: 10px;
}

/*.locate-maidpro .ui-input {
    width: 85%;
}*/

.locate-maidpro .form-field {
    text-align: center;
}

.locate-maidpro .i-dont-know-my-zip {
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
}

/* Header Location Changer */
/* ----------------------- */
#page-container>header .grid-container {
    position: relative;
}

.pages-location .overlay-locator {
    z-index: 10;
    right: 30px;
    border: none;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.25);
    background: #c3ebff;
    background: rgba(195, 235, 255, 0.93);
    top: 30px;
    padding: 19px;
    text-align: center;
}

/* Zip Locator */
/* =========== */





.zip-locator-error-message {
    display: none;
    background: #ffc6cb;
    border: 1px solid #600616;
    padding: 5px;
    color: #000;
    -webkit-border-radius: 5px;
            border-radius: 5px;
}

/* Free Estimate Modal */
/* =================== */
