@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-size: 1em;
  line-height: 1.4;
  background: #fff;
  background: #004687 url(img/bg-squares.png) repeat center top !important; }

.no-svg body {
  background: #fff; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

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

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents 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 */ }

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

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

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

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses 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.75em;
  margin: 2.33em 0; }

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

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

blockquote {
  margin: 1em 40px; }

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

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

/*
 * Addresses margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0; }

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

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

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/*
 * Addresses `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

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

/*
 * Prevents `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
   ========================================================================== */
/*
 * Addresses margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/*
 * Addresses paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/*
 * Corrects list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

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

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects 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. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves 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 */ }

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

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
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],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes 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. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `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; }

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

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

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves 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; }

/*=== Print ===*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  .site-header {
    display: none !important; }

  .site-content-append {
    display: none !important; }

  .light-blue-module {
    display: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

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

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

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

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

  @page {
    margin: 0.5cm; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
/*=== Typography ===*/
/*
14 / 16 =       0.875em         (14px equivalent)
16 / 16 =       1em             (16px equivalent)
18 / 16 =       1.125em         (18px equivalent)
21 / 16 =       1.3125em        (21px equivalent)
24 / 16 =       1.5em           (24px equivalent)
30 / 16 =       1.875em         (30px equivalent)
*/
html,
button,
input,
select,
textarea {
  font-family: 'Droid Sans', sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  color: #004687; }
  h1 span,
  h2 span,
  h3 span,
  h4 span,
  h5 span,
  h6 span {
    color: #737373;
    font-weight: 300;
    font-size: .65em;
    line-height: 1em; }

h1 {
  font-size: 2em;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: .75em; }
  @media (min-width: 40em) {
    h1 {
      font-size: 3em;
      margin-bottom: .5em;
      border-bottom: 1px solid #aeaeae; } }

h2 {
  font-size: 2.0625em;
  line-height: 1em;
  /* 48 / 36 */
  margin-bottom: .6666666666666667em;
  /* 24 / 36 */ }

h3 {
  font-size: 1.5em;
  /* 24 / 16 */
  line-height: 1em;
  /* 24 / 24 */
  margin-bottom: 1em;
  /* 24 / 24 */ }

h4 {
  font-size: 1.3125em;
  /* 21 / 16 */
  line-height: 1.142857142857143em;
  /* 24 / 21 */
  margin-bottom: 1.142857142857143em;
  /* 24 / 21 */ }

h5 {
  font-size: 1.125em;
  /* 18 / 16 */
  line-height: 1.333333333333333em;
  /* 24 / 18 */
  margin-bottom: 1.333333333333333em;
  /* 24 / 18 */ }

h6 {
  font-size: 1em;
  /* 16 / 16 */
  line-height: 1.5em;
  /* 24 / 16 */
  margin-bottom: 1.5em;
  /* 24 / 16 */ }

p {
  line-height: 1.75em;
  /* 24 / 16 */
  margin-top: 0;
  margin-bottom: 1.5em;
  /* 24 / 16 */ }

.centered-header {
  text-align: center;
  margin-top: 0;
  border-bottom: 1px solid #aeaeae;
  padding-bottom: 0.875em; }

.large-blue {
  font-size: 1.5625em;
  color: #004687;
  font-weight: 300;
  margin: 0;
  line-height: 1.5em;
  margin-bottom: 0.5em; }

.text-large {
  font-size: 1.125em; }

@media (min-width: 40em) {
  .emph {
    font-size: 1.3125em;
    color: #004687;
    margin-bottom: 1.2em; } }

a {
  color: #5595d3;
  text-decoration: none; }
  a:visited {
    color: #5595d3; }
  a:hover {
    text-decoration: none;
    color: #004687; }

.site-header .logo {
  float: left;
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 57.35098%; }
  .site-header .logo:last-child {
    margin-right: 0; }
  .site-header .logo img {
    float: left; }
.site-header .utility-nav {
  display: block;
  overflow: hidden; }
.site-header .utility-nav-links {
  display: none; }
.site-header .btn-red-cta {
  display: none; }
.site-header .phone span {
  display: none; }
@media (min-width: 40em) {
  .site-header .logo {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
    padding-top: 1.5em; }
    .site-header .logo:last-child {
      margin-right: 0; }
  .site-header .utility-nav {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 65.88078%;
    margin-right: 0; }
    .site-header .utility-nav:last-child {
      margin-right: 0; }
  .site-header .utility-nav-links {
    display: block;
    margin-bottom: 1em; }
  .site-header .social-wrap {
    float: right;
    width: 11em;
    padding-top: .4em;
    margin-right: .5em; }
  .site-header .phone {
    text-align: right;
    margin-top: .4em;
    margin-right: 1em; }
  .site-header .btn-red-cta {
    float: right;
    display: block;
    font-size: .75em;
    clear: right; }
  .site-header .inner-wrap {
    padding-top: 0; } }
@media (min-width: 60em) {
  .site-header .logo {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 23.23176%;
    padding-top: 2em; }
    .site-header .logo:last-child {
      margin-right: 0; }
  .site-header .utility-nav {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 74.41059%;
    margin-right: 0; }
    .site-header .utility-nav:last-child {
      margin-right: 0; }
  .site-header .utility-nav-links {
    margin-bottom: 2em; }
  .site-header .phone span {
    display: inline; }
  .site-header .btn-red-cta {
    font-size: 1em; } }

.site-content {
  background: #fff; }

.site-content-primary {
  background: #fff; }
  @media (min-width: 60em) {
    .site-content-primary {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 74.41059%; }
      .site-content-primary:last-child {
        margin-right: 0; } }

.site-content-wrap {
  background: #fff;
  overflow: hidden; }

.site-footer {
  text-align: center; }
  .site-footer .social-wrap {
    overflow: hidden;
    margin-bottom: 0.5em; }
    .site-footer .social-wrap a {
      float: left;
      width: 20%;
      text-align: center; }
      .site-footer .social-wrap a:hover {
        opacity: .75; }
    .site-footer .social-wrap span {
      height: 2.5em;
      width: 2.5em;
      border-radius: 100%;
      background: #003466;
      display: block;
      margin: 0 auto;
      line-height: 2.5em; }
    .site-footer .social-wrap img {
      display: inline-block;
      width: 60%;
      height: auto;
      vertical-align: middle; }
  .site-footer p {
    font-size: 0.875em; }
  @media (min-width: 40em) {
    .site-footer .social-wrap {
      width: 18em; } }

@media (min-width: 40em) {
  .footer-contact {
    text-align: left; }

  .footer-logo {
    margin-right: 0;
    margin-right: 0 !important;
    text-align: right; }
    .footer-logo img {
      float: right;
      clear: both;
      display: block;
      margin-bottom: 0.5em; }
    .footer-logo p {
      clear: both; } }
/*=============== Wraps and Modules ===============*/
.inner-wrap {
  *zoom: 1;
  max-width: 81.25em;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5em 1em 1.5em 1em; }
  .inner-wrap:before, .inner-wrap:after {
    content: " ";
    display: table; }
  .inner-wrap:after {
    clear: both; }
  @media (min-width: 40em) {
    .inner-wrap {
      padding: 2em 1.5em 2em 1.5em; } }

.dark-module {
  color: white; }
  .dark-module a {
    color: white; }
    .dark-module a:visited {
      color: white; }
    .dark-module a:hover {
      color: white;
      text-decoration: none; }

.light-blue-module {
  background: #f7fafd;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb; }
  .light-blue-module a {
    color: black; }
    .light-blue-module a:visited {
      color: black; }
    .light-blue-module a:hover {
      color: black;
      text-decoration: none; }
  .light-blue-module > *:first-child {
    margin-top: 0; }

.light-module {
  background: #fff; }
  .light-module a {
    color: black; }
    .light-module a:visited {
      color: black; }
    .light-module a:hover {
      color: black;
      text-decoration: none; }
  .light-module > *:first-child {
    margin-top: 0; }

/*=============== Layout Patterns ===============*/
.col-2 {
  overflow: hidden; }
  @media (min-width: 40em) {
    .col-2 > * {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 48.82117%; }
      .col-2 > *:last-child {
        margin-right: 0; }
      .col-2 > *:nth-child(2n) {
        margin-right: 0; }
      .col-2 > *:nth-child(2n+1) {
        clear: left; } }

.col-2-mobile {
  overflow: hidden; }
  .col-2-mobile > * {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .col-2-mobile > *:last-child {
      margin-right: 0; }
    .col-2-mobile > *:nth-child(2n) {
      margin-right: 0; }
    .col-2-mobile > *:nth-child(2n+1) {
      clear: left; }

.col-3 {
  overflow: hidden; }
  .col-3 > * {
    margin-bottom: 1.5em;
    display: block;
    position: relative; }
    @media (min-width: 40em) {
      .col-3 > * {
        margin-bottom: 0;
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 31.76157%; }
        .col-3 > *:last-child {
          margin-right: 0; }
        .col-3 > *:nth-child(3n) {
          margin-right: 0; }
        .col-3 > *:nth-child(3n+1) {
          clear: left; } }

.col-3-mobile {
  overflow: hidden; }
  .col-3-mobile > * {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%; }
    .col-3-mobile > *:last-child {
      margin-right: 0; }
    .col-3-mobile > *:nth-child(3n) {
      margin-right: 0; }
    .col-3-mobile > *:nth-child(3n+1) {
      clear: left; }

.col-4 {
  overflow: hidden; }
  @media (min-width: 40em) {
    .col-4 > * {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 23.23176%; }
      .col-4 > *:last-child {
        margin-right: 0; }
      .col-4 > *:nth-child(4n) {
        margin-right: 0; }
      .col-4 > *:nth-child(4n+1) {
        clear: left; } }

.col-4-mobile {
  overflow: hidden; }
  .col-4-mobile > * {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 23.23176%; }
    .col-4-mobile > *:last-child {
      margin-right: 0; }
    .col-4-mobile > *:nth-child(4n) {
      margin-right: 0; }
    .col-4-mobile > *:nth-child(4n+1) {
      clear: left; }

.col-2-4 {
  overflow: hidden; }
  .col-2-4 > * {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .col-2-4 > *:last-child {
      margin-right: 0; }
    .col-2-4 > *:nth-child(2n) {
      margin-right: 0; }
    .col-2-4 > *:nth-child(2n+1) {
      clear: left; }
    @media (min-width: 40em) {
      .col-2-4 > * {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 23.23176%; }
        .col-2-4 > *:nth-child(2n) {
          margin-right: 2.35765%; }
        .col-2-4 > *:nth-child(2n+1) {
          clear: none; }
        .col-2-4 > *:last-child {
          margin-right: 0; }
        .col-2-4 > *:nth-child(4n) {
          margin-right: 0; }
        .col-2-4 > *:nth-child(4n+1) {
          clear: left; } }

.col-2-5 {
  overflow: hidden; }
  .col-2-5 > * {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .col-2-5 > *:last-child {
      margin-right: 0; }
    .col-2-5 > *:nth-child(2n) {
      margin-right: 0; }
    .col-2-5 > *:nth-child(2n+1) {
      clear: left; }
    @media (min-width: 40em) {
      .col-2-5 > * {
        display: block;
        float: left;
        margin-right: 5.85151%;
        width: 15.3188%; }
        .col-2-5 > *:nth-child(2n) {
          margin-right: 2.35765%; }
        .col-2-5 > *:nth-child(2n+1) {
          clear: none; }
        .col-2-5 > *:last-child {
          margin-right: 0; }
        .col-2-5 > *:nth-child(5n) {
          margin-right: 0; }
        .col-2-5 > *:nth-child(5n+1) {
          clear: left; } }

.col-2-6 {
  overflow: hidden; }
  .col-2-6 > * {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%; }
    .col-2-6 > *:last-child {
      margin-right: 0; }
    .col-2-6 > *:nth-child(3n) {
      margin-right: 0; }
    .col-2-6 > *:nth-child(3n+1) {
      clear: left; }
    @media (min-width: 40em) {
      .col-2-6 > * {
        display: block;
        float: left;
        margin-right: 5.85151%;
        width: 15.3188%; }
        .col-2-6 > *:nth-child(3n) {
          margin-right: 2.35765%; }
        .col-2-6 > *:nth-child(3n+1) {
          clear: none; }
        .col-2-6 > *:last-child {
          margin-right: 0; }
        .col-2-6 > *:nth-child(5n) {
          margin-right: 0; }
        .col-2-6 > *:nth-child(5n+1) {
          clear: left; } }

.col-2-3 {
  overflow: hidden; }
  .col-2-3 > * {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .col-2-3 > *:last-child {
      margin-right: 0; }
    .col-2-3 > *:nth-child(2n) {
      margin-right: 0; }
    .col-2-3 > *:nth-child(2n+1) {
      clear: left; }
    @media (min-width: 40em) {
      .col-2-3 > * {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 31.76157%; }
        .col-2-3 > *:nth-child(2n) {
          margin-right: 2.35765%; }
        .col-2-3 > *:nth-child(2n+1) {
          clear: none; }
        .col-2-3 > *:last-child {
          margin-right: 0; }
        .col-2-3 > *:nth-child(3n) {
          margin-right: 0; }
        .col-2-3 > *:nth-child(3n+1) {
          clear: left; } }

.col-2-55 {
  overflow: hidden; }
  .col-2-55 > * {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .col-2-55 > *:last-child {
      margin-right: 0; }
    .col-2-55 > *:nth-child(2n) {
      margin-right: 0; }
    .col-2-55 > *:nth-child(2n+1) {
      clear: left; }
    @media (min-width: 40em) {
      .col-2-55 > * {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 31.76157%; }
        .col-2-55 > *:nth-child(2n) {
          margin-right: 2.35765%; }
        .col-2-55 > *:nth-child(2n+1) {
          clear: none; }
        .col-2-55 > *:last-child {
          margin-right: 0; }
        .col-2-55 > *:nth-child(3n) {
          margin-right: 0; }
        .col-2-55 > *:nth-child(3n+1) {
          clear: left; } }
    @media (min-width: 60em) {
      .col-2-55 > * {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 18.11388%; }
        .col-2-55 > *:nth-child(3n) {
          margin-right: 2.35765%; }
        .col-2-55 > *:nth-child(3n+1) {
          clear: none; }
        .col-2-55 > *:last-child {
          margin-right: 0; }
        .col-2-55 > *:nth-child(5n) {
          margin-right: 0; }
        .col-2-55 > *:nth-child(5n+1) {
          clear: left; } }

.col-2-3-4 {
  overflow: hidden; }
  .col-2-3-4 > * {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .col-2-3-4 > *:last-child {
      margin-right: 0; }
    .col-2-3-4 > *:nth-child(2n) {
      margin-right: 0; }
    .col-2-3-4 > *:nth-child(2n+1) {
      clear: left; }
    @media (min-width: 40em) {
      .col-2-3-4 > * {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 31.76157%; }
        .col-2-3-4 > *:nth-child(2n) {
          margin-right: 2.35765%; }
        .col-2-3-4 > *:nth-child(2n+1) {
          clear: none; }
        .col-2-3-4 > *:last-child {
          margin-right: 0; }
        .col-2-3-4 > *:nth-child(3n) {
          margin-right: 0; }
        .col-2-3-4 > *:nth-child(3n+1) {
          clear: left; } }
    @media (min-width: 60em) {
      .col-2-3-4 > * {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 23.23176%; }
        .col-2-3-4 > *:nth-child(3n) {
          margin-right: 2.35765%; }
        .col-2-3-4 > *:nth-child(3n+1) {
          clear: none; }
        .col-2-3-4 > *:last-child {
          margin-right: 0; }
        .col-2-3-4 > *:nth-child(4n) {
          margin-right: 0; }
        .col-2-3-4 > *:nth-child(4n+1) {
          clear: left; } }

.col-74 {
  overflow: hidden; }
  @media (min-width: 40em) {
    .col-74 > *:first-child {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 57.35098%; }
      .col-74 > *:first-child:last-child {
        margin-right: 0; }
    .col-74 > *:last-child {
      margin-left: 8.5298%;
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 31.76157%; }
      .col-74 > *:last-child:last-child {
        margin-right: 0; } }

@media (min-width: 40em) {
  .col-7_4 > *:first-child {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 57.35098%; }
    .col-7_4 > *:first-child:last-child {
      margin-right: 0; }
  .col-7_4 > *:last-child {
    margin-right: 0;
    margin-left: 8.5298%;
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%; }
    .col-7_4 > *:last-child:last-child {
      margin-right: 0; } }

@media (min-width: 40em) {
  .last {
    margin-right: 0 !important; } }

@media (min-width: 40em) {
  .col1 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 6.17215%; }
    .col1:last-child {
      margin-right: 0; }

  .col2 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 14.70196%; }
    .col2:last-child {
      margin-right: 0; }

  .col3 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 23.23176%; }
    .col3:last-child {
      margin-right: 0; }

  .col4 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%; }
    .col4:last-child {
      margin-right: 0; }

  .col5 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 40.29137%; }
    .col5:last-child {
      margin-right: 0; }

  .col6 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .col6:last-child {
      margin-right: 0; }

  .col7 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 57.35098%; }
    .col7:last-child {
      margin-right: 0; }

  .col8 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 65.88078%; }
    .col8:last-child {
      margin-right: 0; }

  .col9 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 773.85454%; }
    .col9:last-child {
      margin-right: 0; }

  .col10 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 82.94039%; }
    .col10:last-child {
      margin-right: 0; }

  .col11 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 91.4702%; }
    .col11:last-child {
      margin-right: 0; }

  .col12 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%; }
    .col12:last-child {
      margin-right: 0; }

  .col-last {
    margin-right: 0; }

  .col1-shift {
    margin-left: 8.5298%; } }
/*=============== Inner Wrap ===============*/
.inner-wrap {
  *zoom: 1;
  max-width: 81.25em;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5em 1em 1.5em 1em; }
  .inner-wrap:before, .inner-wrap:after {
    content: " ";
    display: table; }
  .inner-wrap:after {
    clear: both; }
  @media (min-width: 40em) {
    .inner-wrap {
      padding: 2em 1.5em 2em 1.5em; } }

/*=============== Main Nav ===============*/
.menu, .menu > ul ul {
  clear: both;
  padding: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

@media (min-width: 40em) {
  transition: 0; }
.js .menu, .js .menu > ul ul {
  overflow: hidden;
  max-height: 0;
  margin: 0; }

.menu.active, .js .menu > ul ul.active {
  max-height: 55em; }

.menu > ul {
  padding: 0;
  margin: 0; }
.menu li a {
  display: block; }
.menu li.has-subnav {
  position: relative; }
  .menu li.has-subnav > a:after {
    content: '+';
    position: absolute;
    top: 1em;
    right: 1em;
    display: block; }
  .menu li.has-subnav > a.active:after {
    content: "-"; }

@media (min-width: 40em) {
  .js .menu, .js .menu > ul ul {
    max-height: none;
    overflow: visible; }

  .js .menu > ul ul {
    display: none; }

  .menu.active, .js .menu > ul ul.active {
    display: block; }

  .js .menu > ul li:hover > ul {
    display: block; }

  .menu li.has-subnav > a:after {
    content: ">"; }
  .menu .level-1 li.has-subnav {
    position: relative; }
    .menu .level-1 li.has-subnav > a:after {
      content: "";
      display: block;
      position: absolute;
      top: .25em;
      right: 4%;
      width: 0.625em;
      height: 0.625em;
      background-image: url(img/ico-arrowdown-red.svg);
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 100% 100%; }
  .menu > ul > li {
    display: inline-block;
    position: relative; }
  .menu > ul ul {
    position: absolute;
    top: 0;
    left: 12em;
    width: 17em; }
    .menu > ul ul li {
      position: relative; }
  .menu > ul ul.level-2 {
    top: 1.5em;
    left: 0; }
    .menu > ul ul.level-2 li.has-subnav {
      position: relative; }
      .menu > ul ul.level-2 li.has-subnav > a:after {
        content: ">";
        display: block;
        position: absolute;
        color: #c21219;
        top: .75em;
        right: 4%;
        width: 0.625em;
        height: 0.625em;
        background-image: none;
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 100% 100%; }
  .menu > ul ul.level-3 {
    top: 1.5em;
    left: 17em;
    top: -1px; } }
@media (min-width: 40em) {
  .no-svg .menu .level-1 li.has-subnav > a:after {
    background-image: url(img/ico-arrowdown-red.png); } }

@media (min-width: 60em) {
  .menu li.has-subnav > a:after {
    content: ">"; }
  .menu .level-1 li.has-subnav {
    position: relative; }
    .menu .level-1 li.has-subnav > a:after {
      content: "";
      display: block;
      position: absolute;
      top: .25em;
      right: 7%;
      width: 0.8125em;
      height: 0.8125em;
      background-image: url(img/ico-arrowdown-red.svg);
      background-repeat: no-repeat;
      background-position: right center; } }
.menu-link {
  width: 2em;
  height: 1.625em;
  float: right;
  margin: 4px 4px 0 0; }
  .menu-link span {
    display: block;
    height: 1.625em;
    text-indent: -9999em;
    background: url(img/ico-nav.svg) center center no-repeat; }

.no-svg .menu-link span {
  background: url(img/ico-nav.png) center center no-repeat; }

.menu a {
  color: white;
  text-decoration: none; }

.level-1 > li {
  border-top: 1px solid #003466; }
  .level-1 > li a {
    padding: 1em 2em 1em 1em; }
  .level-1 > li:first-child {
    border-top: 0; }
.level-1 li.has-subnav .active {
  background: #003466; }

.level-2 {
  z-index: 1; }
  .level-2 li {
    border-top: 1px solid #003466; }
    .level-2 li a {
      font-size: .8em;
      background-color: #004687;
      text-align: left;
      background-image: url(img/ico-arrow.svg);
      background-position: 95% 50%;
      background-repeat: no-repeat;
      background-size: 0.625em 1.125em; }

.no-svg .level-2 li a {
  background-image: url(img/ico-arrow.png); }

@media (min-width: 40em) {
  .menu {
    padding-top: 2.5em;
    font-size: .75em; }

  .level-1 {
    text-align: center; }
    .level-1 > li {
      border-top: 0;
      display: block !important;
      border-radius: 5px;
      float: left; }
      .level-1 > li a {
        font-size: 1.125em;
        padding: 0;
        border-radius: 5px; }

  .level-2 li {
    border-top: 1px solid #fff; }
    .level-2 li a {
      font-size: .75em;
      padding: .8em 1.8em;
      background-color: #003466;
      text-align: left;
      border-radius: 0px; }
      .level-2 li a:hover {
        background-color: #004687; } }
@media (min-width: 60em) {
  .menu {
    margin-top: 2em !important;
    font-size: 1em; }

  .level-1 {
    text-align: center; } }
@media (min-width: 40em) {
  .nav-item-1 {
    width: 14%;
    text-align: left; }
    .nav-item-1 > a:after {
      right: 5% !important; }

  .nav-item-2 {
    width: 13.7%; }

  .nav-item-3 {
    width: 12%; }

  .nav-item-4 {
    width: 17%; }

  .nav-item-5 {
    width: 14%; }

  .nav-item-6 {
    width: 10%; }

  .nav-item-7 {
    width: 12%; }

  .nav-item-8 {
    width: 7%;
    text-align: right; } }
@media (min-width: 60em) {
  .nav-item-1 {
    text-align: left; }
    .nav-item-1 > a:after {
      right: 12% !important; } }
/*=============== Utility Nav ===============*/
.utility-nav-links {
  float: right; }
  .utility-nav-links a {
    font-size: 0.75em;
    background-color: #003466;
    display: block;
    float: left;
    padding: .75em 1.5em .6em 1.5em;
    margin-left: 2px;
    background-position: .85em center;
    background-repeat: no-repeat;
    text-indent: -9999em;
    color: white;
    text-decoration: none; }
    .utility-nav-links a:visited {
      color: white; }
    .utility-nav-links a:hover {
      color: #aeaeae; }
    @media (min-width: 60em) {
      .utility-nav-links a {
        padding: .75em 1em .6em 2.75em;
        text-indent: 0; } }

.utility-nav-home {
  background-image: url(img/ico-home.svg); }

.utility-nav-about {
  background-image: url(img/ico-info.svg); }

.utility-nav-contact {
  background-image: url(img/ico-contact.svg); }

.utility-nav-search {
  background-image: url(img/ico-search.svg); }

.utility-nav-download {
  background-image: url(/img/ico-download-small.png); }

.no-svg .utility-nav-home {
  background-image: url(img/ico-home.png); }
.no-svg .utility-nav-about {
  background-image: url(img/ico-info.png); }
.no-svg .utility-nav-contact {
  background-image: url(img/ico-contact.png); }
.no-svg .utility-nav-search {
  background-image: url(img/ico-search.png); }
.no-svg .utility-nav-download {
  background-image: url(/img/ico-download-small.png); }

.language {
  text-align: right;
  float: right;
  color: white;
  font-size: .75em;
  padding-top: .5em;
  margin-right: .85em; }
  .language img {
    float: right;
    display: block;
    width: 3.4em;
    padding-left: .5em; }
  .language a {
    color: white;
    text-decoration: none; }
    .language a:visited {
      color: white; }
    .language a:hover {
      color: #aeaeae; }
  .language span {
    padding-top: 1em;
    line-height: 2.5em;
    display: none !important; }
  @media (min-width: 40em) {
    .language {
      float: right; }
      .language img {
        width: 4em; } }
  @media (min-width: 60em) {
    .language span {
      display: inline !important; } }

.phone {
  font-size: 1.5em;
  display: none;
  color: white;
  text-decoration: none; }
  .phone span {
    color: #aeaeae; }
  .phone:visited {
    color: white; }
  .phone:hover {
    color: #aeaeae; }
  @media (min-width: 40em) {
    .phone {
      display: block;
      float: right; } }

/*=============== Logo ===============*/
/*=============== Social Media ===============*/
.social-wrap {
  overflow: hidden; }
  .social-wrap a {
    float: left;
    width: 20%;
    text-align: center; }
    .social-wrap a:hover {
      opacity: .75; }
  .social-wrap span {
    height: 1.4375em;
    width: 1.4375em;
    border-radius: 100%;
    background: #003466;
    display: block;
    margin: 0 auto; }
  .social-wrap img {
    display: inline-block;
    width: 60%;
    height: auto;
    vertical-align: middle; }

/*=============== Industries ===============*/
.industries-item {
  text-align: center; }
  .industries-item h3 {
    font-size: 1.3125em;
    margin: 0.5em 0 0 0;
    font-weight: normal; }
  .industries-item img {
    border-radius: 100%;
    padding: 1em; }

.industries-item-1 {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 48.82117%; }
  .industries-item-1:last-child {
    margin-right: 0; }
  @media (min-width: 40em) {
    .industries-item-1 {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 31.76157%; }
      .industries-item-1:last-child {
        margin-right: 0; } }
  @media (min-width: 60em) {
    .industries-item-1 {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 18.11388%; }
      .industries-item-1:last-child {
        margin-right: 0; } }

.industries-item-2 {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-right: 0; }
  .industries-item-2:last-child {
    margin-right: 0; }
  @media (min-width: 40em) {
    .industries-item-2 {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 31.76157%; }
      .industries-item-2:last-child {
        margin-right: 0; } }
  @media (min-width: 60em) {
    .industries-item-2 {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 18.11388%; }
      .industries-item-2:last-child {
        margin-right: 0; } }

.industries-item-3 {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 48.82117%; }
  .industries-item-3:last-child {
    margin-right: 0; }
  @media (min-width: 40em) {
    .industries-item-3 {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 31.76157%;
      margin-right: 0; }
      .industries-item-3:last-child {
        margin-right: 0; } }
  @media (min-width: 60em) {
    .industries-item-3 {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 18.11388%; }
      .industries-item-3:last-child {
        margin-right: 0; } }

.industries-item-4 {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-right: 0; }
  .industries-item-4:last-child {
    margin-right: 0; }
  @media (min-width: 40em) {
    .industries-item-4 {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 31.76157%; }
      .industries-item-4:last-child {
        margin-right: 0; } }
  @media (min-width: 60em) {
    .industries-item-4 {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 18.11388%; }
      .industries-item-4:last-child {
        margin-right: 0; } }

.industries-item-5 {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-right: 0; }
  .industries-item-5:last-child {
    margin-right: 0; }
  @media (min-width: 40em) {
    .industries-item-5 {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 31.76157%;
      margin-right: 0; }
      .industries-item-5:last-child {
        margin-right: 0; } }
  @media (min-width: 60em) {
    .industries-item-5 {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 18.11388%;
      margin-right: 0; }
      .industries-item-5:last-child {
        margin-right: 0; } }

/*=============== Intro Module ===============*/
.site-intro {
  background: white !important; }

.site-intro-h1 {
  text-transform: none; }
  @media (min-width: 40em) {
    .site-intro-h1 {
      margin-bottom: .75em; } }

.site-intro-cta {
  clear: both;
  margin: 0 auto;
  width: 20em; }

.site-intro-item {
  background: #5595d3;
  padding: 1em;
  margin-bottom: 1.5em;
  overflow: hidden;
  position: relative; }
  .site-intro-item .btn-grey {
    font-size: 0.75em;
    padding: 0 .5em;
    line-height: 1.8em;
    margin-top: 1.5em;
    color: white; }
    
    .site-intro-item .my-btn-red {
    font-size: 0.75em;
    padding: 0 .5em;
    line-height: 1.8em;
    /*margin-top: 1.5em;*/
    color: white; }
    
  @media (min-width: 40em) {
    .site-intro-item .btn-grey { position: absolute; }      
    .site-intro-item .my-btn-red { position: relative; }
      }

.site-intro-item-header {
  color: #fff;
  font-size: 1.4375em;
  border-bottom: 1px solid #3b70a2;
  margin: 0 0 .3em 0;
  padding: 0 0 0.5em 0;
  font-weight: 300; }

.site-intro-item-text {
  font-size: 0.8125em;
  color: #c9d9ec;
  margin-top: 0; }

.site-intro-item-1 {
  height: 25em;
  background-color: #00519b;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00519b), color-stop(100%, #2f74b6));
  background-image: -webkit-linear-gradient(#00519b, #2f74b6);
  background-image: linear-gradient(#00519b, #2f74b6); }
  @media (min-width: 60em) {
    .site-intro-item-1 {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 31.76157%; }
      .site-intro-item-1:last-child {
        margin-right: 0; } }

.site-intro-item-2 {
  background-color: #5595d3;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5595d3), color-stop(100%, #2d6fae));
  background-image: -webkit-linear-gradient(#5595d3, #2d6fae);
  background-image: linear-gradient(#5595d3, #2d6fae); }
  @media (min-width: 40em) {
    .site-intro-item-2 {
      height: 10.3125em; }
      .site-intro-item-2 img {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0; }
      .site-intro-item-2 .site-intro-item-cta {
        clear: both; }
      .site-intro-item-2 .btn-grey {
        bottom: 1em;
        left: 1.3em; }
        
      .site-intro-item-2 .site-intro-item-header {
        display: block;
        float: left;
        margin-right: 3.57866%;
        width: 61.158%;
        clear: both; }
        .site-intro-item-2 .site-intro-item-header:last-child {
          margin-right: 0; }
      .site-intro-item-2 .site-intro-item-text {
        display: block;
        float: left;
        margin-right: 3.57866%;
        width: 61.158%;
        clear: both; }
        .site-intro-item-2 .site-intro-item-text:last-child {
          margin-right: 0; } }

.site-intro-item-3 {
  background-color: #00519b;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00519b), color-stop(100%, #2f74b6));
  background-image: -webkit-linear-gradient(#00519b, #2f74b6);
  background-image: linear-gradient(#00519b, #2f74b6); }
  @media (min-width: 40em) {
    .site-intro-item-3 {
      height: 13.25em;
      display: block;
      float: left;
      margin-right: 3.57866%;
      width: 48.21067%; }
      .site-intro-item-3 img {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0; }
      .site-intro-item-3:last-child {
        margin-right: 0; }
      .site-intro-item-3 .btn-grey {
        bottom: 1em;
        right: 1.3em; }
        
      .site-intro-item-3 .my-btn-red {
        bottom: 1em;
        right: 1.3em; }
        
        }

.site-intro-item-4 {
  background-color: #5595d3;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5595d3), color-stop(100%, #2d6fae));
  background-image: -webkit-linear-gradient(#5595d3, #2d6fae);
  background-image: linear-gradient(#5595d3, #2d6fae); }
  @media (min-width: 40em) {
    .site-intro-item-4 {
      height: 13.25em;
      display: block;
      float: left;
      margin-right: 3.57866%;
      width: 48.21067%; }
      .site-intro-item-4 img {
        display: block;
        position: absolute;
        left: 1em;
        bottom: .5em; }
      .site-intro-item-4:last-child {
        margin-right: 0; }
      .site-intro-item-4 .btn-grey {
        bottom: 1em;
        right: 1.3em; }
        site-intro-item-4 .my-btn-red {
        bottom: 1em;
        right: 1.3em; }
        }

@media (min-width: 60em) {
  .site-intro-items-wrap {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 65.88078%; }
    .site-intro-items-wrap:last-child {
      margin-right: 0; } }

/*=============== Product Carousel ===============*/
.product-carousel-item {
  text-decoration: none;
  overflow: hidden;
  display: block; }
  .product-carousel-item:visited {
    text-decoration: none; }

.product-carousel-item-header {
  font-size: 0.75em;
  text-align: center;
  color: white;
  border-bottom: 0; }

.product-carousel-img img {
  width: 16.875em !important;
  height: auto; }

/*=============== Design Patterns ===============*/
.btn-red {
  border: 0;
  color: white;
  border-radius: .25em;
  padding: 0.5em 1em;
  color: white;
  text-decoration: none;
  background: #c21219;
  border-bottom: 4px solid #a70f15;
  border-radius: 3px; }
  .btn-red:visited {
    color: white;
    text-decoration: none; }
  .btn-red:hover {
    background: #a70f15; }
  .btn-red.small {
    font-size: .75em; }

.btn-red-cta a {
  font-size: 1.375em;
  display: block;
  text-align: center;
  border: 0;
  color: white;
  text-decoration: none;
  background: #c21219;
  border-bottom: 4px solid #a70f15;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: white;
  padding: 0.5em 1em; }
  .btn-red-cta a:visited {
    color: white;
    text-decoration: none; }
  .btn-red-cta a:hover {
    background: #a70f15; }
  .btn-red-cta a.small {
    font-size: .75em; }
  @media (min-width: 40em) {
    .btn-red-cta a {
      display: inline-block;
      text-align: center; } }

.btn-blue-cta-download a {
  font-size: 1.375em;
  color: white;
  text-decoration: none;
  display: block;
  width: 100%;
  border: 0;
  background-color: #004687;
  background-image: url(img/ico-download.svg);
  background-position: .65em center;
  background-repeat: no-repeat;
  max-width: 13.75em;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: white;
  padding: 0.5em 1em 0.5em 3.5em; }
  .btn-blue-cta-download a:visited {
    color: white; }
  .btn-blue-cta-download a:hover {
    color: white;
    background-color: #5595d3;
    background-position: .65em bottom; }
  .btn-blue-cta-download a.small {
    font-size: .75em; }
  @media (min-width: 40em) {
    .btn-blue-cta-download a {
      float: left; } }

.no-svg .btn-blue-cta-download a {
  background-image: url(img/ico-download.png); }

.btn-grey {
  color: #fff !important;
  background: #aeaeae;
  display: block;
  border-radius: 3px;
  border-bottom: 3px solid #888888;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  
  }
  
  .btn-grey:visited {
    color: #fff !important; }
  .btn-grey:hover {
    background-color: #bbbbbb !important; }
    
    
.my-btn-red {
  color: #fff !important;
  background: #c21219;
  display: block;
  border-radius: 3px;
  border-bottom: 3px solid #c21219;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  float: right !important;
  }
  
.my-btn-red:visited {
    color: #fff !important; }
.my-btn-red:hover {
    background-color: #c21219 !important; }

.arrowright {
  padding-right: 2em !important;
  background-image: url(img/ico-arrowright.svg);
  background-repeat: no-repeat;
  background-position: 96% center;
  background-size: 1em 1em; }
  .arrowright:hover {
    background-position: 99% center; }

.no-svg .arrowright {
  background-image: url(img/ico-arrowright.png); }

.featured-img {
  margin-bottom: 1.5em;
  overflow: hidden;
  display: block; }
  @media (min-width: 40em) {
    .featured-img {
      float: right;
      width: 40%; } }
  @media (min-width: 60em) {
    .featured-img {
      display: block;
      float: left;
      margin-right: 2.35765%;
      width: 23.23176%;
      margin-right: 0;
      float: right;
      background: #fff; }
      .featured-img:last-child {
        margin-right: 0; } }

.featured-img-caption {
  margin-top: 1.2em;
  font-size: 0.875em; }
  .featured-img-caption ul {
    padding-left: 1.2em; }
    .featured-img-caption ul li {
      margin-bottom: .5em; }

.featured-img-caption-header {
  color: #004687;
  font-size: 1.2em;
  margin: 0 0 0 0; }

@media (min-width: 40em) {
  .site-background {
    background-image: url(img/site-intro-bg.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #eef1f5;
    background-attachment: fixed; } }

/*=============== Tables ===============*/
.table {
  display: block;
  width: 100%;
  margin: 0 0 1em 0;
  background: #f2f9ff; }

.thead {
  display: block; }

.row {
  display: block;
  width: 100%; }

.cell {
  display: block;
  border: 0.2em solid white;
  padding: .5em .8em;
  vertical-align: top; }
  .cell p {
    font-size: .95em;
    margin: .5em 0; }
  .cell > ul {
    margin: .5em 0; }
    .cell > ul > li {
      margin-bottom: 0 !important; }
      .cell > ul > li ul {
        padding: 0 0 0 1.8em; }
  .cell input, .cell select {
    width: 100%; }

.col {
  display: table-column; }

.spec-col-1 {
  width: 100%; }

.spec-col-2 {
  width: 100%; }

@media (min-width: 40em) {
  .table {
    display: table; }

  .thead {
    display: table-header-group; }

  .row {
    display: table-row; }

  .cell {
    display: table-cell; }
    .cell p {
      font-size: .95em; }

  .spec-col-1 {
    width: 30%; }

  .spec-col-2 {
    width: 70%; } }
/*=============== Tables ===============*/
.product-grid-item {
  padding: 1em;
  background-color: #fdfdfd;
  margin-bottom: 1em;
  text-decoration: none; }
  .product-grid-item:hover {
    background-color: #eeeeee; }

.product-grid-item-title {
  margin-top: 1em;
  margin-bottom: 0;
  text-align: center;
  text-decoration: none; }

/*=============== Other ===============*/
@media (min-width: 60em) {
  .site-content-append {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 74.41059%; }
    .site-content-append:last-child {
      margin-right: 0; } }
.site-content-append p {
  margin-bottom: 0;
  font-size: 0.875em; }

.print {
  display: none; }
  @media (min-width: 40em) {
    .print {
      display: inline; } }

/*=============== Search ===============*/
.white-popup-block {
  position: relative;
  margin: 0 auto;
  max-width: 650px;
  margin: 0 auto;
  float: none !important; }

.search-table {
  display: table;
  width: 100%;
  padding: 0; }

.search-row {
  display: table-row;
  width: 100%; }

.search-cell1 {
  display: table-cell;
  padding-right: 0.4375em; }

.search-cell2 {
  display: table-cell;
  width: 4em;
  background: #004687; }

.search-text {
  width: 100%;
  height: 2.030769230769231em;
  border: 1px solid #fff;
  float: left;
  padding-left: .5em; }

.search-submit {
  width: 100%;
  height: 1.625em;
  border: 0;
  float: right;
  background: url(img/ico-search.svg) no-repeat center center; }

.no-svg .search-submit {
  background: url(img/ico-search.png) no-repeat center center; }

@media (min-width: 40em) {
  .search {
    float: right; }

  .search-text {
    width: 100%;
    height: 1.5em;
    border: 1px solid #fff;
    float: left;
    padding-left: .5em;
    line-height: 1.2em; }
    .search-text::-webkit-input-placeholder {
      color: black;
      text-transform: uppercase; }
    .search-text:-moz-placeholder {
      /* Firefox 18- */
      color: black;
      text-transform: uppercase; }
    .search-text::-moz-placeholder {
      /* Firefox 19+ */
      color: black;
      text-transform: uppercase; }
    .search-text:-ms-input-placeholder {
      color: black;
      text-transform: uppercase; }

  .search-submit {
    width: 100%;
    height: 1.5em;
    border: 0;
    float: right;
    background: url(img/ico-search.svg) no-repeat center center; } }
@media (min-width: 60em) {
  .search-text {
    width: 100%;
    height: 3em;
    border: 1px solid #fff;
    float: left;
    padding-left: .5em; }

  .search-submit {
    width: 100%;
    height: 3em;
    border: 0;
    float: right;
    background: url(img/ico-search.svg) no-repeat center center; } }
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.clearboth {
  display: block;
  clear: both; }

.alignright {
  display: block;
  float: right; }

.alignleft {
  display: block;
  float: left; }

.aligncenter {
  display: block;
  margin: 0 auto; }

.desktop {
  display: none; }
  @media screen and (min-width: 60em) {
    .desktop {
      display: block; } }

.desktop-text {
  display: none; }
  @media screen and (min-width: 60em) {
    .desktop-text {
      display: inline; } }

@media screen and (min-width: 40em) {
  .mobile {
    display: none; } }

.tablet {
  display: none; }
  @media screen and (min-width: 40em) {
    .tablet {
      display: block; } }

.tablet-text {
  display: none; }
  @media screen and (min-width: 40em) {
    .tablet-text {
      display: inline; } }

.nomargintop {
  margin-top: 0; }

.block {
  display: block; }

.br {
  font-style: normal; }
  @media (min-width: 40em) {
    .br {
      display: block; } }

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none; }

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

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0; }

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

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

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

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

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

* html .slides {
  height: 1%; }

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

/* FlexSlider Default Theme
*********************************/
.flexslider {
  position: relative;
 /*
&:before {
  content:'';
  display:block;
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  width:10em;
  background:red;
} */ }
  .flexslider:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 10em; }

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

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

.flexslider .slides {
  zoom: 1; }

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

/* Direction Nav */
.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease; }

.flex-direction-nav .flex-prev {
  font-size: .5em;
  left: -50px;
  display: block;
  text-indent: -999em;
  display: block;
  height: 4.0625em;
  width: 4.0625em;
  border-radius: 100%;
  background-image: url(img/ico-arrowleft-red.svg);
  background-position: center center;
  background-color: none;
  background-size: 2.1875em 2.1875em;
  background-repeat: no-repeat;
  border-bottom: 0; }

.flex-direction-nav .flex-next {
  font-size: .5em;
  right: -50px;
  text-indent: -999em;
  display: block;
  height: 4.0625em;
  width: 4.0625em;
  border-radius: 100%;
  background-image: url(img/ico-arrowright-red.svg);
  background-position: center center;
  background-color: none;
  background-size: 2.1875em 2.1875em;
  background-repeat: no-repeat;
  border-bottom: 0; }

.flexslider:hover .flex-prev {
  opacity: 1;
  left: 10px; }

.flexslider:hover .flex-next {
  opacity: 1;
  right: 10px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default; }

/* Pause/Play */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004'; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-pauseplay a.flex-play:before {
  content: '\f003'; }

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

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

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default; }

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

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

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

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

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

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

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

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

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

.mfp-align-top .mfp-container:before {
  display: none; }

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

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

.mfp-ajax-cur {
  cursor: progress; }

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

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

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

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

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus {
  opacity: 1; }

.mfp-close:active {
  top: 1px; }

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

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

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

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

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

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

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

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

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

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

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */ }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* ==================== New style Added ======================= */
.product-grid-item a p {
  font-size: 1em; }

.product-grid-item p {
  font-size: 0.875em;
  text-align: center; }

.product-grid-item ul {
  font-size: 0.875em;
  margin-left: 0;
  padding-left: 14%; }

.new_window_icon {
  display: inline;
  margin-right: 5px; }

.right_img {
  float: right;
  margin-bottom: 20px;
  margin-left: 20px; }

.site-content-primary ul {
  padding: 0 0 15px 0;
  margin: 0;
  list-style-type: none; }

.site-content-primary ul li {
  background: url(/img/bullet.jpg) no-repeat left 7px;
  padding-left: 14px; }

.light-module a {
  color: #000000;
  text-decoration: none; }

.product-grid-content {
  text-align: center;
  width: 100%; }

@media screen and (min-width: 640px) {
  .download_pdf ul {
    float: left;
    width: 50%; }

  .download_pdf ul li {
    list-style-type: none; }

  .download_pdf img {
    float: left;
    margin: 3px 3px 0 0; } }
@media (min-width: 220px) and (max-width: 640px) {
  .download_pdf ul {
    float: left;
    width: 100%; }

  .download_pdf ul li {
    list-style-type: none; }

  .download_pdf img {
    float: left;
    margin: 3px 3px 0 0; } }
.site-footer .code_easy {
  font-family: Brisk Extended;
  font-size: 1.1em;
  font-weight: bold;
  padding-top: 1.625em; }

.videos {
  overflow: hidden; }

.videos section {
  float: left;
  width: 50%;
  margin: 0.625em 0 1.25em 0; }

.video_wrapper {
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 1.5625em;
  position: relative;
  width: 100%; }

.video_wrapper object {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 95%; }

.video_wrapper embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

@media (max-width: 30em) {
  .videos section {
    width: 100%; }

  .video_wrapper object {
    width: 100%; } }
.video .single_video {
  float: right;
  margin-left: 0.625em; }

@media (max-width: 59.9375em) {
  .video .single_video {
    width: 100%;
    margin: 0 0 0.625em 0; } }
.sitemap ul {
  margin: 0.25em 0 0.25em 0;
  /* 4px 0px 4px 0px / 16 = 0.25em 0 0.25em 0 */ }

.sitemap li {
  list-style-type: none; }

.sitemap ul li {
  list-style-type: disc; }

.sitemap ul li ul li {
  list-style-type: circle; }
/* =============================================================================
   Search Style Start
* ============================================================================= */
#search .txt_search{
font-size: 1em;
} 
#search .search_box_01{
 width:5.66666666666667em;
 font-size: 1em;
 height: 24px;
 margin-top:3px;
   }
#search {
   padding-bottom:0.1875em;            /* Base Font = 16px >>>  3px /16px = 0.1875em */
   padding-left:0.6875em;             /* Base Font = 16px >>>  11px /16px = 0.6875em */
   padding-right:0.625em;            /* Base Font = 16px >>>  10px /16px = 0.625em */
}
.txt_center{
 text-align: center;
}
.active_search {
   padding-top:0.5625em;                 /* Base Font = 16px >>>  9px /16px = 0.5625em */
}
.active_search form {
   background:url(/images/divde_topnav_bg.jpg) repeat-x top left;
   padding-top:0.75em;                    /* Base Font = 16px >>>  12px /16px = 0.75em */
   padding-bottom:1.125em;                /* Base Font = 16px >>>  18px /16px = 1.125em */
}
  .search_txt {
   color: #000000;
   display: block;
   font-family: 'Droid Sans',sans-serif;
   font-style: normal;
   text-decoration: none;
   padding-bottom:0.1666666666666667em;       /* Base Font = 12px >>>  2px /12px = 0.1666666666666667em */
   padding-top:0.1666666666666667em;          /* Base Font = 12px >>>  2px /12px = 0.1666666666666667em */
}
#search select {
   color: #000000;
   font-family: 'Droid Sans',sans-serif;
   font-size: 0.75em;                   /* Base Font = 16px >>>  12px /16px = 0.75em */
   height:1.666666666666667em;         /* Base Font = 12px >>>  20px /12px = 1.666666666666667em */
   margin:0.1666666666666667em 0.4166666666666667em 0.3333333333333333em 0;              /* Base Font = 12px >>>  2px 5px 4px 0 /12px = 0.1666666666666667em 0.4166666666666667em 0.3333333333333333em 0*/
   vertical-align: top;
   min-width: 46.5%;                         /* of contant area */
}
#search .search_box {
   color: #000000;
   font-family: 'Droid Sans',sans-serif;
   font-size: 0.75em;                   /* Base Font = 16px >>>  12px /16px = 0.75em */
   height:20px;          
   margin: 0.25em 0 0.3333333333333333em 0;  /* Base Font = 12px >>>  3px 0 4px 0 /12px = 0 0 0.3333333333333333em 0*/
   width: 35%;                      /* Base Font = 12px >>>  110px /12px = 9.166666666666667em*/
}
#search input[type="image"] {
   vertical-align: middle;
   margin-left:2px;
   font-size: 0.75em;                /* of contant area */
}
@media only screen and (min-width:30em) {
.active_search {
 padding:0;
}
.active_search form {
 padding:0;
 background:none;
}
.search_txt {
 display: block;
 margin-right:0.4166666666666667em;       
 padding-top:0.25em;                      
 vertical-align: top;
 }
#search select {
 margin-top:3px;        
 min-width:6.66666666666667em;                         
}
#search .search_box {
 width:6.833333333333333em;
 height:20px;          
}
#search .search_box_01 {
 width:9.833333333333333em;
 height:24px;          
}
 }
@media screen and (min-width:50.0625em) {
/* =============================================================================
   Search Style Start
* ============================================================================= */
#search {
 position:inherit;
 display: block;
 padding: 0.875em 0 0.5625em 1.125em;                 /* Base Font = 16px >>> 14px 0 9px 18px/16px =  0.875em 0 0.5625em 1.125em*/
}
.search_txt {
 padding-bottom:0.4166666666666667em;                    /* Base Font = 12px >>>  5px /12px = 0.4166666666666667em */
 padding-top: 0;
}
#search select {
 margin-bottom:0.5833333333333333em;                    /* Base Font = 12px >>>  7px /12px = 0.5833333333333333em */
 margin-left:0.0833333333333333em;                      /* Base Font = 12px >>>  1px /12px = 0.0833333333333333em */
width:9.5em;
 }
#search .search_box {
 margin: 0 0 0.5833333333333333em 0.0833333333333333em;
 height:20px;
 width:9.5em;
 }
#search .search_box_01 {
 margin: 0 0 0.5833333333333333em 0.0833333333333333em;
 height:24px;
 width:18.5em;
vertical-align: top;
  }
 }
@media only screen and (min-width:29.875em) and (max-width:32.4375em) {
/**478px/16px=29.875em and  /**519px/16px=32.4375em**/
#search select {
 margin-top:0.0833333333333333em;         /* Base Font = 12px >>>  1px /12px = 0.0833333333333333em*/
 min-width:10em;                         /* Base Font = 12px >>>  120px /12px = 10em */ 
}
#search .search_box {
 width:9.5em;
 height:20px;      
}
#search .search_box_01 {
 width:9.5em;
 height:24px;
      
}   
}
.list_item{
line-height: 2.125em;
}
 /* =============================================================================
   Search Style end
* ============================================================================= */
 
.aligncenter{  text-align: center}