/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HTML elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* The overflow-wrap is meant to prevent long/large words from breaking the mobile responsiveness of a page (e.g. horizontal scrolling). It is preferred to reduce font sizes on mobile to address this, with this CSS specifically helping with extreme scenarios where a reduction in font size is not possible. */

body {
  line-height: 1.4;
  overflow-wrap: break-word;
}

/* Handles word breaking for a few specific languages which handle breaks in words differently. If your content is not translated into these languages, you can safely remove this.  */

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}
button,
.button,
.hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

button:disabled,
.button:disabled,
.hs-button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


  /* Search button input field and suggestions */
  .body-container-wrapper .hs-search-field__button {
    padding: 15px;
  }

  .body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
    margin-left: 6px;
    margin-bottom: 0;
  }

  .body-container-wrapper .hs-search-field__button svg {
    height: 15px;
    fill: #fff;
  }

  .body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
    padding: 10px;
  }

  .body-container-wrapper .hs-search-field__suggestions li a {
    color: #494A52;
    padding: 0.35rem 0.7rem;
    text-decoration: none;
    transition: background-color 0.3s;
  }

/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* Header DND sections */

.header .dnd-section {
  padding: 0;
}

/* Header container */

.header__container {
  display: flex;
  justify-content: space-between;
}

.header__row-1 {
  padding-top: 1rem;
}

.header__row-1,
.header__row-2 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 1150px) and (min-width: 767px) {
  .header__column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .header__container {
    flex-direction: column;
    padding: 1rem 0 0;
  }

  .header__column {
    position: relative;
  }

  .header__row-1 {
    padding-top: 0;
  }

  .header__row-2 {
    justify-content: center;
    padding: 1.05rem;
  }
}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */

.header__logo {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: auto;
  max-width: 200px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .header__logo {
    margin: 0 auto;
    width: 100%;
  }
}

.header__logo img {
  max-width: 100%;
}

.header__logo .logo-company-name {
  font-size: 1.167rem;
  margin-top: 0.7rem;
}

.header__logo--main {
  padding-top: 1rem;
}

/* Search bar */

.header__search {
  padding: 0 1rem;
  width: auto;
}



  .hs-search-field__form {
    position: relative;
  }

  .header__search .hs-search-field__label {
    flex-basis: auto;
  }



.header__search .hs-search-field__input {
  
  height: 45px;
  padding: 0 0.7rem;
}



  .header__search .hs-search-field__button {
    padding: 0;
    fill: #000;
    background-color: transparent;
    border: none;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
  }

  .header__search .hs-search-field__button svg {
    height: 25px;
  }


.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

@media (min-width: 767px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

  .header__search label {
    margin: 0 1rem 0 0;
  }

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: 767px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}

/* Language switcher */

.header__language-switcher {
  cursor: pointer;
  padding-right: 1.4rem;
}

.header__language-switcher .lang_switcher_class {
  position: static;
}

.header__language-switcher .lang_list_class {
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  display: block;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 100px;
  padding-top: 0;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}

.header__language-switcher .lang_list_class:before {
  left: 70%;
  top: -25px;
}

.header__language-switcher .lang_list_class:after {
  left: 70%;
  top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 0.35rem 0.7rem;
}

.header__language-switcher .lang_list_class li:first-child {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  transition: background-color 0.3s;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  margin-bottom: 0.175rem;
  margin-left: 0.7rem;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494A52;
  content: "";
  display: block;
  height: 0px;
  margin-left: 0.7rem;
  margin-top: 0.175rem;
  width: 0px;
}

@media (max-width: 767px) {
  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    padding-left: 1.05rem;
    padding-right: 0;
  }

  .header__language-switcher .lang_list_class {
    border: none;
    box-shadow: unset;
    display: block;
    left: 30px;
    opacity: 1;
    padding: 0 1.05rem;
    top: 0;
    visibility: visible;
  }

  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 0.917rem;
  }

  .header__language-switcher--label-current {
    display: none;
  }

  .header__language-switcher .globe_class {
    background-image: none;
  }

  .header__language-switcher .lang_list_class li:hover{
    background-color: inherit;
  }

  .header__language-switcher .lang_list_class:before,
  .header__language-switcher .lang_list_class:after {
    content: none;
  }
    /* V1 lang switcher updates to keep "in line" w/ v0 mobile styles */
    .header__language-switcher .hs-language-switcher__menu {
        display: block;
        box-shadow:none!important;
        background: transparent;
    }
    .header__language-switcher .hs-language-switcher__menu a {
        font-size: 20px!important;
    }
    .header__language-switcher .hs-language-switcher__button {
        display: none;
    }
  }

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 767px) {
  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

  .header__navigation.open,
  .header__search.open,
  .header__language-switcher.open {
    background-color: #F8FAFC;
    display: block;
    left: 0;
    min-height: calc(100vh - 115px);
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 2;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    margin: 0 5vw;
    position: relative;
  }

  .header__navigation--toggle.hide,
  .header__search--toggle.hide,
  .header__language-switcher--toggle.hide {
    display: none;
  }

  .header__navigation--toggle.open,
  .header__search--toggle.open,
  .header__language-switcher--toggle.open {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }

  .header__navigation--toggle:after,
  .header__search--toggle:after,
  .header__language-switcher--toggle:after {
    display: none;
    font-size: 1.083rem;
    font-weight: 600;
    position: absolute;
    left: 40px;
    text-transform: uppercase;
    top: -10px;
  }

  .header__navigation--toggle.open:after,
  .header__search--toggle.open:after,
  .header__language-switcher--toggle.open:after {
    display: block;
    word-break: normal;
  }

  .header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__navigation--toggle:after {
    content: "Menu";
  }

  .header__language-switcher--toggle {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__language-switcher--toggle:after {
    content: "Language";
  }

  .header__search--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__search--toggle:after {
    content: "Search";
  }

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin-right: 0;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
  }
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/*
Swagelok css files
*/
/*! Noto Sans License at https://github.com/notofonts/noto-fonts/blob/main/LICENSE */

@font-face {
  font-family: 'Noto Sans';
  src: url(../fonts/NotoSans/NotoSans-Bold.woff2) format('woff2'), url(../fonts/NotoSans/NotoSans-Bold.woff) format('woff'), url(../fonts/NotoSans/NotoSans-Bold.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans';
  src: url(../fonts/NotoSans/NotoSans-BoldItalic.woff2) format('woff2'), url(../fonts/NotoSans/NotoSans-BoldItalic.woff) format('woff'), url(../fonts/NotoSans/NotoSans-BoldItalic.ttf) format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Noto Sans';
  src: url(../fonts/NotoSans/NotoSans-Italic.woff2) format('woff2'), url(../fonts/NotoSans/NotoSans-Italic.woff) format('woff'), url(../fonts/NotoSans/NotoSans-Italic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Noto Sans';
  src: url(../fonts/NotoSans/NotoSans-Regular.woff2) format('woff2'), url(../fonts/NotoSans/NotoSans-Regular.woff) format('woff'), url(../fonts/NotoSans/NotoSans-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansSC/NotoSansSC-Regular.eot);
  /* IE9 Compat Modes */
  src: local(''), url(../fonts/NotoSansSC/NotoSansSC-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(../fonts/NotoSansSC/NotoSansSC-Regular.woff2) format('woff2'), /* Super Modern Browsers */ url(../fonts/NotoSansSC/NotoSansSC-Regular.woff) format('woff'), /* Modern Browsers */ url(../fonts/NotoSansSC/NotoSansSC-Regular.svg#NotoSansSC) format('svg');
  /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSansSC/NotoSansSC-Bold.eot);
  /* IE9 Compat Modes */
  src: local(''), url(../fonts/NotoSansSC/NotoSansSC-Bold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(../fonts/NotoSansSC/NotoSansSC-Bold.woff2) format('woff2'), /* Super Modern Browsers */ url(../fonts/NotoSansSC/NotoSansSC-Bold.woff) format('woff'), /* Modern Browsers */ url(../fonts/NotoSansSC/NotoSansSC-Bold.svg#NotoSansSC) format('svg');
  /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansJP/NotoSansJP-Regular.eot);
  /* IE9 Compat Modes */
  src: local(''), url(../fonts/NotoSansJP/NotoSansJP-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(../fonts/NotoSansJP/NotoSansJP-Regular.woff2) format('woff2'), /* Super Modern Browsers */ url(../fonts/NotoSansJP/NotoSansJP-Regular.woff) format('woff'), /* Modern Browsers */ url(../fonts/NotoSansJP/NotoSansJP-Regular.svg#NotoSansJP) format('svg');
  /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSansJP/NotoSansJP-Bold.eot);
  /* IE9 Compat Modes */
  src: local(''), url(../fonts/NotoSansJP/NotoSansJP-Bold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(../fonts/NotoSansJP/NotoSansJP-Bold.woff2) format('woff2'), /* Super Modern Browsers */ url(../fonts/NotoSansJP/NotoSansJP-Bold.woff) format('woff'), /* Modern Browsers */ url(../fonts/NotoSansJP/NotoSansJP-Bold.svg#NotoSansJP) format('svg');
  /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSansKR/NotoSansKR-Bold.eot);
  /* IE9 Compat Modes */
  src: local(''), url(../fonts/NotoSansKR/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(../fonts/NotoSansKR/NotoSansKR-Bold.woff2) format('woff2'), /* Super Modern Browsers */ url(../fonts/NotoSansKR/NotoSansKR-Bold.woff) format('woff'), /* Modern Browsers */ url(../fonts/NotoSansKR/NotoSansKR-Bold.svg#NotoSansKR) format('svg');
  /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansKR/NotoSansKR-Regular.eot);
  /* IE9 Compat Modes */
  src: local(''), url(../fonts/NotoSansKR/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(../fonts/NotoSansKR/NotoSansKR-Regular.woff2) format('woff2'), /* Super Modern Browsers */ url(../fonts/NotoSansKR/NotoSansKR-Regular.woff) format('woff'), /* Modern Browsers */ url(../fonts/NotoSansKR/NotoSansKR-Regular.svg#NotoSansKR) format('svg');
  /* Legacy iOS */
}

/* ---------CSS RESET--------- */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
 h1, h2, h3, h4, h5, h6, p {
     text-rendering: optimizeLegibility 
}
 img, legend {
     border: 0 
}
 figure>img, header {
     width: 100% 
}
 article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
     display: block 
}
 audio, canvas, progress, video {
     display: inline-block;
     vertical-align: baseline 
}
 audio:not([controls]) {
     display: none;
     height: 0 
}
 [hidden], template {
     display: none 
}
 a {
     background-color: transparent 
}
 a:active, a:hover, :focus {
     outline: 0 
}
 a:hover {
     cursor: pointer 
}
 abbr[title] {
     border-bottom: 1px dotted #c4c7c8 
}
 b, optgroup, strong {
     font-weight: 700 
}
 dfn, em, i, .didyoumean .small  {
     font-style: italic 
}
 mark {
     background: #ff0;
}
 small {
     font-size: 80% 
}
 sub, sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline 
}
 sup {
     top: -.5em 
}
 sub {
     bottom: -.25em 
}
 svg:not(:root) {
     overflow: hidden 
}
 img {
	 border: 0
}
 hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
 pre, textarea {
     overflow: auto 
}
 code, kbd, pre, samp {
     font-family: Consolas, "Liberation Mono", Courier, monospace;
	 font-size: 1rem;
     font-weight: 400;
     color: #36424A;
     background-color: #f0f0f0;
     padding: .125rem .3125rem .0625rem 
}
 abbr, acronym {
     text-transform: uppercase;
     font-size: 90%;
     color: #36424A;
     cursor: help 
}
 abbr {
     text-transform: none 
}
 blockquote {
     padding: .5625rem 1.25rem 0 1.1875rem;
     border-left: 1px solid #c4c7c8 
}
 blockquote cite {
     display: block;
     font-size: .75rem;
     color: #595959 
}
 blockquote cite::before {
     content: "\2014 \0020" 
}
 blockquote cite a, blockquote cite a:visited {
     color: #595959 
}
 blockquote, blockquote p {
     line-height: 1.6;
     color: #595959 
}
 b, em, i, small, strong {
     line-height: inherit 
}
 button, input, optgroup, select, textarea {
     color: inherit;
     font: inherit;
     margin: 0 
}
 button {
	 overflow: visible
}
 button, select {
     text-transform: none 
}
 button, html input[type=button], input[type=reset], input[type=submit] {
     -webkit-appearance: button;
     cursor: pointer 
}
 button[disabled], html input[disabled] {
     cursor: default 
}
 button::-moz-focus-inner, input::-moz-focus-inner {
     border: 0;
     padding: 0 
}
 input {
     line-height: normal 
}
 input[type="checkbox"], input[type="radio"] {
     box-sizing: border-box;
     padding: 0 
}
 input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
     height: auto 
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
::-moz-placeholder {
	 opacity: 1;
	 filter:alpha(opacity=100)
}
 fieldset {
     border: 0.0625rem solid #828a8f;
     padding: 1.25rem;
     margin: 1.125rem 0 
}
 input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
     -webkit-appearance: none 
}
 legend {
     padding: 0 
}
 table {
	 border-collapse: collapse;
	 border-spacing: 0
}
 body, html, article, aside, section, figure, footer, header, main, menu, nav, blockquote, legend, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
     margin: 0;
     padding: 0 
} 
 body, html {
     height: 100%;
     font-size: 100% 
}
 *, ::after, ::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
}

/* ---------GRID--------- */

 meta.foundation-version {
     font-family: "/5.5.1/" 
}
 meta.foundation-mq-small {
     font-family: "/only screen/";
     width: 0 
}
 meta.foundation-mq-small-only {
     font-family: "/only screen and (max-width: 41.688em)/";
     width: 0 
}
 meta.foundation-mq-medium {
     font-family: "/only screen and (min-width:41.75em)/";
     width: 41.75em 
}
 meta.foundation-mq-medium-only {
     font-family: "/only screen and (min-width:41.75em) and (max-width:64em)/";
     width: 41.75em 
}
 meta.foundation-mq-large {
     font-family: "/only screen and (min-width:64.063em)/";
     width: 64.063em 
}
 meta.foundation-mq-large-only {
     font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
     width: 64.063em 
}
 meta.foundation-mq-xlarge {
     font-family: "/only screen and (min-width:90.063em)/";
     width: 90.063em 
}
 meta.foundation-mq-xlarge-only {
     font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
     width: 90.063em 
}
 meta.foundation-mq-xxlarge {
     font-family: "/only screen and (min-width:120.063em)/";
     width: 120.063em 
}
 meta.foundation-data-attribute-namespace {
     font-family: false 
}
 meta.foundation-mq-topbar {
     font-family: "/only screen and (min-width:41.75em)/";
     width: 41.75em 
}
 .row, select {
     width: 100% 
}
 .row, .bio-module {
	 max-width: 960px;
     margin: 0 auto;
     padding: 0 .625rem 
}
  @media only screen and (min-width:64em) {
     .row, .bio-module {
        padding: 0
    }
}
 .row.collapse>.column, .row.collapse>.columns {
     padding: 0
}
 .row.collapse .row {
     margin-left: 0;
     margin-right: 0 
}
 .row.collapse {
     padding: 0 
}
 .row .row {
     width: auto;
     max-width: none;
     margin: 0 -.625rem 
}
 .accordion::after, .accordion::before, .row .row.collapse::after, .row .row.collapse::before, .row .row::after, .row .row::before, .row::after, .row::before {
     display: table;
     content: " " 
}
 .row .row.collapse {
     width: auto;
     margin: 0;
     max-width: none 
}
 .column, .columns {
     padding-left: .625rem;
     padding-right: .625rem;
     width: 100%;
     float: left 
}
 [class*=column]+[class*=column].end, [class*=column]+[class*=column]:last-child {
     float: left 
}
 @media only screen {
     .column, .columns, .small-pull-0, .small-pull-1, .small-pull-10, .small-pull-11, .small-pull-2, .small-pull-3, .small-pull-4, .small-pull-5, .small-pull-6, .small-pull-7, .small-pull-8, .small-pull-9, .small-push-0, .small-push-1, .small-push-10, .small-push-11, .small-push-2, .small-push-3, .small-push-4, .small-push-5, .small-push-6, .small-push-7, .small-push-8, .small-push-9 {
         position: relative 
    }
     .small-push-0 {
         left: 0;
         right: auto 
    }
     .small-pull-0 {
         right: 0;
         left: auto 
    }
     .small-push-1 {
         left: 8.33333%;
         right: auto 
    }
     .small-pull-1 {
         right: 8.33333%;
         left: auto 
    }
     .small-push-2 {
         left: 16.66667%;
         right: auto 
    }
     .small-pull-2 {
         right: 16.66667%;
         left: auto 
    }
     .small-push-3 {
         left: 25%;
         right: auto 
    }
     .small-pull-3 {
         right: 25%;
         left: auto 
    }
     .small-push-4 {
         left: 33.33333%;
         right: auto 
    }
     .small-pull-4 {
         right: 33.33333%;
         left: auto 
    }
     .small-push-5 {
         left: 41.66667%;
         right: auto 
    }
     .small-pull-5 {
         right: 41.66667%;
         left: auto 
    }
     .small-push-6 {
         left: 50%;
         right: auto 
    }
     .small-pull-6 {
         right: 50%;
         left: auto 
    }
     .small-push-7 {
         left: 58.33333%;
         right: auto 
    }
     .small-pull-7 {
         right: 58.33333%;
         left: auto 
    }
     .small-push-8 {
         left: 66.66667%;
         right: auto 
    }
     .small-pull-8 {
         right: 66.66667%;
         left: auto 
    }
     .small-push-9 {
         left: 75%;
         right: auto 
    }
     .small-pull-9 {
         right: 75%;
         left: auto 
    }
     .small-push-10 {
         left: 83.33333%;
         right: auto 
    }
     .small-pull-10 {
         right: 83.33333%;
         left: auto 
    }
     .small-push-11 {
         left: 91.66667%;
         right: auto 
    }
     .small-pull-11 {
         right: 91.66667%;
         left: auto 
    }
     .column, .columns {
         padding-left: .625rem;
         padding-right: .625rem;
         float: left 
    }
	 .small-1half {
		 width: 4.16666%
	}
     .small-1 {
         width: 8.33333% 
    }
     .small-2 {
         width: 16.66667% 
    }
     .small-3 {
         width: 25% 
    }
     .small-4 {
         width: 33.33333% 
    }
     .small-5 {
         width: 41.66667% 
    }
     .small-6 {
         width: 50% 
    }
     .small-7 {
         width: 58.33333% 
    }
     .small-8 {
         width: 66.66667% 
    }
     .small-9 {
         width: 75% 
    }
     .small-10 {
         width: 83.33333% 
    }
     .small-11 {
         width: 91.66667% 
    }
     .small-12 {
         width: 100% 
    }
     .small-offset-0 {
         margin-left: 0!important 
    }
     .small-offset-1 {
         margin-left: 8.33333%!important 
    }
     .small-offset-2 {
         margin-left: 16.66667%!important 
    }
     .small-offset-3 {
         margin-left: 25%!important 
    }
     .small-offset-4 {
         margin-left: 33.33333%!important 
    }
     .small-offset-5 {
         margin-left: 41.66667%!important 
    }
     .small-offset-6 {
         margin-left: 50%!important 
    }
     .small-offset-7 {
         margin-left: 58.33333%!important 
    }
     .small-offset-8 {
         margin-left: 66.66667%!important 
    }
     .small-offset-9 {
         margin-left: 75%!important 
    }
     .small-offset-10 {
         margin-left: 83.33333%!important 
    }
     .small-offset-11 {
         margin-left: 91.66667%!important 
    }
     .small-reset-order {
         margin-left: 0;
         margin-right: 0;
         left: auto;
         right: auto;
         float: left 
    }
     .column.small-centered, .columns.small-centered {
         margin-left: auto;
         margin-right: auto;
         float: none 
    }
     .column.small-uncentered, .columns.small-uncentered {
         margin-left: 0;
         margin-right: 0;
         float: left 
    }
     .column.small-centered:last-child, .columns.small-centered:last-child {
         float: none 
    }
     .column.small-uncentered:last-child, .columns.small-uncentered:last-child {
         float: left 
    }
     .column.small-uncentered.opposite, .columns.small-uncentered.opposite {
         float: right 
    }
     .row.small-collapse>.column, .row.small-collapse>.columns {
         padding-left: 0;
         padding-right: 0 
    }
     .row.small-collapse .row {
         margin-left: 0;
         margin-right: 0 
    }
     .row.small-uncollapse>.column, .row.small-uncollapse>.columns {
         padding-left: .625rem;
         padding-right: .625rem;
         float: left 
    }
}
 @media only screen and (min-width:41.75em) {
     .column, .columns, .medium-pull-0, .medium-pull-1, .medium-pull-10, .medium-pull-11, .medium-pull-2, .medium-pull-3, .medium-pull-4, .medium-pull-5, .medium-pull-6, .medium-pull-7, .medium-pull-8, .medium-pull-9, .medium-push-0, .medium-push-1, .medium-push-10, .medium-push-11, .medium-push-2, .medium-push-3, .medium-push-4, .medium-push-5, .medium-push-6, .medium-push-7, .medium-push-8, .medium-push-9, .pull-0, .pull-1, .pull-10, .pull-11, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .push-0, .push-1, .push-10, .push-11, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9 {
         position: relative 
    }
     .medium-push-0 {
         left: 0;
         right: auto 
    }
     .medium-pull-0 {
         right: 0;
         left: auto 
    }
     .medium-push-1 {
         left: 8.33333%;
         right: auto 
    }
     .medium-pull-1 {
         right: 8.33333%;
         left: auto 
    }
     .medium-push-2 {
         left: 16.66667%;
         right: auto 
    }
     .medium-pull-2 {
         right: 16.66667%;
         left: auto 
    }
     .medium-push-3 {
         left: 25%;
         right: auto 
    }
     .medium-pull-3 {
         right: 25%;
         left: auto 
    }
     .medium-push-4 {
         left: 33.33333%;
         right: auto 
    }
     .medium-pull-4 {
         right: 33.33333%;
         left: auto 
    }
     .medium-push-5 {
         left: 41.66667%;
         right: auto 
    }
     .medium-pull-5 {
         right: 41.66667%;
         left: auto 
    }
     .medium-push-6 {
         left: 50%;
         right: auto 
    }
     .medium-pull-6 {
         right: 50%;
         left: auto 
    }
     .medium-push-7 {
         left: 58.33333%;
         right: auto 
    }
     .medium-pull-7 {
         right: 58.33333%;
         left: auto 
    }
     .medium-push-8 {
         left: 66.66667%;
         right: auto 
    }
     .medium-pull-8 {
         right: 66.66667%;
         left: auto 
    }
     .medium-push-9 {
         left: 75%;
         right: auto 
    }
     .medium-pull-9 {
         right: 75%;
         left: auto 
    }
     .medium-push-10 {
         left: 83.33333%;
         right: auto 
    }
     .medium-pull-10 {
         right: 83.33333%;
         left: auto 
    }
     .medium-push-11 {
         left: 91.66667%;
         right: auto 
    }
     .medium-pull-11 {
         right: 91.66667%;
         left: auto 
    }
     .column, .columns {
         padding-left: .625rem;
         padding-right: .625rem;
         float: left 
    }
	 .medium-1half {
		 width: 4.16666%
	}
     .medium-1 {
         width: 8.33333% 
    }
     .medium-2 {
         width: 16.66667% 
    }
     .medium-3 {
         width: 25% 
    }
     .medium-4 {
         width: 33.33333% 
    }
     .medium-5 {
         width: 41.66667% 
    }
     .medium-6 {
         width: 50% 
    }
     .medium-7 {
         width: 58.33333% 
    }
     .medium-8 {
         width: 66.66667% 
    }
     .medium-9 {
         width: 75% 
    }
     .medium-10 {
         width: 83.33333% 
    }
     .medium-11 {
         width: 91.66667% 
    }
     .medium-12 {
         width: 100% 
    }
     .medium-offset-0 {
         margin-left: 0!important 
    }
     .medium-offset-1 {
         margin-left: 8.33333%!important 
    }
     .medium-offset-2 {
         margin-left: 16.66667%!important 
    }
     .medium-offset-3 {
         margin-left: 25%!important 
    }
     .medium-offset-4 {
         margin-left: 33.33333%!important 
    }
     .medium-offset-5 {
         margin-left: 41.66667%!important 
    }
     .medium-offset-6 {
         margin-left: 50%!important 
    }
     .medium-offset-7 {
         margin-left: 58.33333%!important 
    }
     .medium-offset-8 {
         margin-left: 66.66667%!important 
    }
     .medium-offset-9 {
         margin-left: 75%!important 
    }
     .medium-offset-10 {
         margin-left: 83.33333%!important 
    }
     .medium-offset-11 {
         margin-left: 91.66667%!important 
    }
     .medium-reset-order {
         margin-left: 0;
         margin-right: 0;
         left: auto;
         right: auto;
         float: left 
    }
     .column.medium-centered, .columns.medium-centered {
         margin-left: auto;
         margin-right: auto;
         float: none 
    }
     .column.medium-uncentered, .columns.medium-uncentered {
         margin-left: 0;
         margin-right: 0;
         float: left 
    }
     .column.medium-centered:last-child, .columns.medium-centered:last-child {
         float: none 
    }
     .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child {
         float: left 
    }
     .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite {
         float: right 
    }
     .row.medium-collapse>.column, .row.medium-collapse>.columns {
         padding-left: 0;
         padding-right: 0 
    }
     .row.medium-collapse .row {
         margin-left: 0;
         margin-right: 0 
    }
     .row.medium-uncollapse>.column, .row.medium-uncollapse>.columns {
         padding-left: .625rem;
         padding-right: .625rem;
         float: left 
    }
     .push-0 {
         left: 0;
         right: auto 
    }
     .pull-0 {
         right: 0;
         left: auto 
    }
     .push-1 {
         left: 8.33333%;
         right: auto 
    }
     .pull-1 {
         right: 8.33333%;
         left: auto 
    }
     .push-2 {
         left: 16.66667%;
         right: auto 
    }
     .pull-2 {
         right: 16.66667%;
         left: auto 
    }
     .push-3 {
         left: 25%;
         right: auto 
    }
     .pull-3 {
         right: 25%;
         left: auto 
    }
     .push-4 {
         left: 33.33333%;
         right: auto 
    }
     .pull-4 {
         right: 33.33333%;
         left: auto 
    }
     .push-5 {
         left: 41.66667%;
         right: auto 
    }
     .pull-5 {
         right: 41.66667%;
         left: auto 
    }
     .push-6 {
         left: 50%;
         right: auto 
    }
     .pull-6 {
         right: 50%;
         left: auto 
    }
     .push-7 {
         left: 58.33333%;
         right: auto 
    }
     .pull-7 {
         right: 58.33333%;
         left: auto 
    }
     .push-8 {
         left: 66.66667%;
         right: auto 
    }
     .pull-8 {
         right: 66.66667%;
         left: auto 
    }
     .push-9 {
         left: 75%;
         right: auto 
    }
     .pull-9 {
         right: 75%;
         left: auto 
    }
     .push-10 {
         left: 83.33333%;
         right: auto 
    }
     .pull-10 {
         right: 83.33333%;
         left: auto 
    }
     .push-11 {
         left: 91.66667%;
         right: auto 
    }
     .pull-11 {
         right: 91.66667%;
         left: auto 
    }
}
 @media only screen and (min-width:64.063em) {
     .column, .columns, .large-pull-0, .large-pull-1, .large-pull-10, .large-pull-11, .large-pull-2, .large-pull-3, .large-pull-4, .large-pull-5, .large-pull-6, .large-pull-7, .large-pull-8, .large-pull-9, .large-push-0, .large-push-1, .large-push-10, .large-push-11, .large-push-2, .large-push-3, .large-push-4, .large-push-5, .large-push-6, .large-push-7, .large-push-8, .large-push-9, .pull-0, .pull-1, .pull-10, .pull-11, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .push-0, .push-1, .push-10, .push-11, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9 {
         position: relative 
    }
     .large-push-0 {
         left: 0;
         right: auto 
    }
     .large-pull-0 {
         right: 0;
         left: auto 
    }
     .large-push-1 {
         left: 8.33333%;
         right: auto 
    }
     .large-pull-1 {
         right: 8.33333%;
         left: auto 
    }
     .large-push-2 {
         left: 16.66667%;
         right: auto 
    }
     .large-pull-2 {
         right: 16.66667%;
         left: auto 
    }
     .large-push-3 {
         left: 25%;
         right: auto 
    }
     .large-pull-3 {
         right: 25%;
         left: auto 
    }
     .large-push-4 {
         left: 33.33333%;
         right: auto 
    }
     .large-pull-4 {
         right: 33.33333%;
         left: auto 
    }
     .large-push-5 {
         left: 41.66667%;
         right: auto 
    }
     .large-pull-5 {
         right: 41.66667%;
         left: auto 
    }
     .large-push-6 {
         left: 50%;
         right: auto 
    }
     .large-pull-6 {
         right: 50%;
         left: auto 
    }
     .large-push-7 {
         left: 58.33333%;
         right: auto 
    }
     .large-pull-7 {
         right: 58.33333%;
         left: auto 
    }
     .large-push-8 {
         left: 66.66667%;
         right: auto 
    }
     .large-pull-8 {
         right: 66.66667%;
         left: auto 
    }
     .large-push-9 {
         left: 75%;
         right: auto 
    }
     .large-pull-9 {
         right: 75%;
         left: auto 
    }
     .large-push-10 {
         left: 83.33333%;
         right: auto 
    }
     .large-pull-10 {
         right: 83.33333%;
         left: auto 
    }
     .large-push-11 {
         left: 91.66667%;
         right: auto 
    }
     .large-pull-11 {
         right: 91.66667%;
         left: auto 
    }
     .column, .columns {
         padding-left: .625rem;
         padding-right: .625rem;
         float: left 
    }
	 .large-1half {
		 width: 4.16666%
	}
     .large-1 {
         width: 8.33333% 
    }
     .large-2 {
         width: 16.66667% 
    }
     .large-3 {
         width: 25% 
    }
     .large-4 {
         width: 33.33333% 
    }
     .large-5 {
         width: 41.66667% 
    }
     .large-6 {
         width: 50% 
    }
     .large-7 {
         width: 58.33333% 
    }
     .large-8 {
         width: 66.66667% 
    }
     .large-9 {
         width: 75% 
    }
     .large-10 {
         width: 83.33333% 
    }
     .large-11 {
         width: 91.66667% 
    }
     .large-12 {
         width: 100% 
    }
     .large-offset-0 {
         margin-left: 0!important 
    }
     .large-offset-1 {
         margin-left: 8.33333%!important 
    }
     .large-offset-2 {
         margin-left: 16.66667%!important 
    }
     .large-offset-3 {
         margin-left: 25%!important 
    }
     .large-offset-4 {
         margin-left: 33.33333%!important 
    }
     .large-offset-5 {
         margin-left: 41.66667%!important 
    }
     .large-offset-6 {
         margin-left: 50%!important 
    }
     .large-offset-7 {
         margin-left: 58.33333%!important 
    }
     .large-offset-8 {
         margin-left: 66.66667%!important 
    }
     .large-offset-9 {
         margin-left: 75%!important 
    }
     .large-offset-10 {
         margin-left: 83.33333%!important 
    }
     .large-offset-11 {
         margin-left: 91.66667%!important 
    }
     .large-reset-order {
         margin-left: 0;
         margin-right: 0;
         left: auto;
         right: auto;
         float: left 
    }
     .column.large-centered, .columns.large-centered {
         margin-left: auto;
         margin-right: auto;
         float: none 
    }
     .column.large-uncentered, .columns.large-uncentered {
         margin-left: 0;
         margin-right: 0;
         float: left 
    }
     .column.large-centered:last-child, .columns.large-centered:last-child {
         float: none 
    }
     .column.large-uncentered:last-child, .columns.large-uncentered:last-child {
         float: left 
    }
     .column.large-uncentered.opposite, .columns.large-uncentered.opposite {
         float: right 
    }
     .row.large-collapse>.column, .row.large-collapse>.columns {
         padding-left: 0;
         padding-right: 0 
    }
     .row.large-collapse .row {
         margin-left: 0;
         margin-right: 0 
    }
     .row.large-uncollapse>.column, .row.large-uncollapse>.columns {
         padding-left: .625rem;
         padding-right: .625rem;
         float: left 
    }
     .push-0 {
         left: 0;
         right: auto 
    }
     .pull-0 {
         right: 0;
         left: auto 
    }
     .push-1 {
         left: 8.33333%;
         right: auto 
    }
     .pull-1 {
         right: 8.33333%;
         left: auto 
    }
     .push-2 {
         left: 16.66667%;
         right: auto 
    }
     .pull-2 {
         right: 16.66667%;
         left: auto 
    }
     .push-3 {
         left: 25%;
         right: auto 
    }
     .pull-3 {
         right: 25%;
         left: auto 
    }
     .push-4 {
         left: 33.33333%;
         right: auto 
    }
     .pull-4 {
         right: 33.33333%;
         left: auto 
    }
     .push-5 {
         left: 41.66667%;
         right: auto 
    }
     .pull-5 {
         right: 41.66667%;
         left: auto 
    }
     .push-6 {
         left: 50%;
         right: auto 
    }
     .pull-6 {
         right: 50%;
         left: auto 
    }
     .push-7 {
         left: 58.33333%;
         right: auto 
    }
     .pull-7 {
         right: 58.33333%;
         left: auto 
    }
     .push-8 {
         left: 66.66667%;
         right: auto 
    }
     .pull-8 {
         right: 66.66667%;
         left: auto 
    }
     .push-9 {
         left: 75%;
         right: auto 
    }
     .pull-9 {
         right: 75%;
         left: auto 
    }
     .push-10 {
         left: 83.33333%;
         right: auto 
    }
     .pull-10 {
         right: 83.33333%;
         left: auto 
    }
     .push-11 {
         left: 91.66667%;
         right: auto 
    }
     .pull-11 {
         right: 91.66667%;
         left: auto 
    }
}
 @media only screen {
     .hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-medium, .hide-for-medium-only, .hide-for-medium-up, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-down, .show-for-medium-down, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
         display: inherit!important 
    }
     .hide-for-large-down, .hide-for-medium-down, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-medium, .show-for-medium-only, .show-for-medium-up, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
         display: none!important 
    }
     .hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium-down, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
         position: static!important;
         height: auto;
         width: auto;
         overflow: visible;
         clip: auto 
    }
     .hidden-for-large-down, .hidden-for-medium-down, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-medium, .visible-for-medium-only, .visible-for-medium-up, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
         position: absolute!important;
         height: 1px;
         width: 1px;
         overflow: hidden;
         clip: rect(1px, 1px, 1px, 1px) 
    }
     table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-medium, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-down, table.show-for-medium-down, table.show-for-small, table.show-for-small-down, table.show-for-small-only, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
         display: table!important 
    }
     thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-medium, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-down, thead.show-for-medium-down, thead.show-for-small, thead.show-for-small-down, thead.show-for-small-only, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
         display: table-header-group!important 
    }
     tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-down, tbody.show-for-medium-down, tbody.show-for-small, tbody.show-for-small-down, tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
         display: table-row-group!important 
    }
     tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-medium, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-down, tr.show-for-medium-down, tr.show-for-small, tr.show-for-small-down, tr.show-for-small-only, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
         display: table-row 
    }
     td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-medium, td.hide-for-medium-only, td.hide-for-medium-up, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-down, td.show-for-medium-down, td.show-for-small, td.show-for-small-down, td.show-for-small-only, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-medium, th.hide-for-medium-only, th.hide-for-medium-up, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-down, th.show-for-medium-down, th.show-for-small, th.show-for-small-down, th.show-for-small-only, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
         display: table-cell!important 
    }
}
 @media only screen and (min-width:41.75em) {
     .hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-down, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
         display: inherit!important 
    }
     .hide-for-large-down, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
         display: none!important 
    }
     .hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
         position: static!important;
         height: auto;
         width: auto;
         overflow: visible;
         clip: auto 
    }
     .hidden-for-large-down, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
         position: absolute!important;
         height: 1px;
         width: 1px;
         overflow: hidden;
         clip: rect(1px, 1px, 1px, 1px) 
    }
     table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-down, table.show-for-medium, table.show-for-medium-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
         display: table!important 
    }
     thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-down, thead.show-for-medium, thead.show-for-medium-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
         display: table-header-group!important 
    }
     tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-down, tbody.show-for-medium, tbody.show-for-medium-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
         display: table-row-group!important 
    }
     tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-down, tr.show-for-medium, tr.show-for-medium-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
         display: table-row 
    }
     td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-down, td.show-for-medium, td.show-for-medium-down, td.show-for-medium-only, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-down, th.show-for-medium, th.show-for-medium-down, th.show-for-medium-only, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
         display: table-cell!important 
    }
}
 @media only screen and (min-width:64.063em) {
     .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
         display: inherit!important 
    }
     .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
         display: none!important 
    }
     .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
         position: static!important;
         height: auto;
         width: auto;
         overflow: visible;
         clip: auto 
    }
     .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
         position: absolute!important;
         height: 1px;
         width: 1px;
         overflow: hidden;
         clip: rect(1px, 1px, 1px, 1px) 
    }
     table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large, table.show-for-large-down, table.show-for-large-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
         display: table!important 
    }
     thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large, thead.show-for-large-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
         display: table-header-group!important 
    }
     tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large, tbody.show-for-large-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
         display: table-row-group!important 
    }
     tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large, tr.show-for-large-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
         display: table-row 
    }
     td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large, td.show-for-large-down, td.show-for-large-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large, th.show-for-large-down, th.show-for-large-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
         display: table-cell!important 
    }
}
 @media only screen and (min-width:90.063em) {
     .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-down {
         display: inherit!important 
    }
     .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-down, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
         display: none!important 
    }
     .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-down {
         position: static!important;
         height: auto;
         width: auto;
         overflow: visible;
         clip: auto 
    }
     .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
         position: absolute!important;
         height: 1px;
         width: 1px;
         overflow: hidden;
         clip: rect(1px, 1px, 1px, 1px) 
    }
     table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge, table.show-for-xlarge-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-down {
         display: table!important 
    }
     thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-down {
         display: table-header-group!important 
    }
     tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-down {
         display: table-row-group!important 
    }
     tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-down {
         display: table-row 
    }
     td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge, td.show-for-xlarge-down, td.show-for-xlarge-only, td.show-for-xlarge-up, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge, th.show-for-xlarge-down, th.show-for-xlarge-only, th.show-for-xlarge-up, th.show-for-xxlarge-down {
         display: table-cell!important 
    }
}
 @media only screen and (min-width:120.063em) {
     .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up {
         display: inherit!important 
    }
     .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only {
         display: none!important 
    }
     .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
         position: static!important;
         height: auto;
         width: auto;
         overflow: visible;
         clip: auto 
    }
     .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only {
         position: absolute!important;
         height: 1px;
         width: 1px;
         overflow: hidden;
         clip: rect(1px, 1px, 1px, 1px) 
    }
     table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-down, table.hide-for-xlarge-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up {
         display: table!important 
    }
     thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.hide-for-xlarge-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up {
         display: table-header-group!important 
    }
     tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.hide-for-xlarge-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up {
         display: table-row-group!important 
    }
     tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.hide-for-xlarge-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up {
         display: table-row 
    }
     td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-down, td.hide-for-xlarge-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-up, td.show-for-xxlarge, td.show-for-xxlarge-down, td.show-for-xxlarge-only, td.show-for-xxlarge-up, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-down, th.hide-for-xlarge-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-up, th.show-for-xxlarge, th.show-for-xxlarge-down, th.show-for-xxlarge-only, th.show-for-xxlarge-up {
         display: table-cell!important 
    }
}

/* ---------PRINT--------- */

 .print-only {
     display: none!important 
}
 @media print {
     blockquote, img, pre, tr {
         page-break-inside: avoid 
    }
     * {
         background: 0 0!important;
         color: #000!important;
         box-shadow: none!important;
         text-shadow: none!important 
    }
     a, a:visited {
         text-decoration: underline 
    }
     a[href]::after {
         content: " (" attr(href) ")" 
    }
     abbr[title]::after {
         content: " (" attr(title) ")" 
    }
     blockquote, pre {
         border: 0.0625rem solid #828A8F 
    }
     thead {
         display: table-header-group 
    }
     img {
         max-width: 100%!important 
    }
     @page {
         margin: .5cm 
    }
     h2, h3, p {
         orphans: 3;
         widows: 3 
    }
     h2, h3 {
         page-break-after: avoid 
    }
     .hide-on-print {
         display: none!important 
    }
     .print-only {
         display: block!important 
    }
     .hide-for-print {
         display: none!important 
    }
     .show-for-print {
         display: inherit!important 
    }
     table.show-for-print {
         display: table!important 
    }
     thead.show-for-print {
         display: table-header-group!important 
    }
     tbody.show-for-print {
         display: table-row-group!important 
    }
     tr.show-for-print {
         display: table-row!important 
    }
     td.show-for-print, th.show-for-print {
         display: table-cell!important 
    }
}

/* ---------TYPOGRAPHY--------- */

html {
    font-size: 16px;
}
body {
    font-family: "Noto Sans", "Microsoft YaHei", Arial, Helvetica, sans-serif;
}
html[lang="zh"] body {
    font-family:  "Noto Sans SC", "Microsoft YaHei", Arial, Helvetica, sans-serif;
}
html[lang="ja"] body {
    font-family: "Noto Sans JP", "Microsoft YaHei", Arial, Helvetica, sans-serif;
}
html[lang="ko"] body {
    font-family: "Noto Sans KR", "Microsoft YaHei", Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, mark, strong, b, .heading, .heading-2 {
    color: #36424a 
}
 h1 {
     font-weight: 400;
     font-size: 1rem;
     line-height: 1.5rem;
	 letter-spacing: -.01rem;
	 border-top: 0.0625rem solid #36424a;
	 margin: 0 0 2rem;
	 padding: .5rem 0 0 0
}
 @media only screen and (min-width:41.75em) {
     h1 {
	 font-size: 1.25rem;
     line-height: 1.5625rem;
	 border-top: 0;
	 margin: 0;
	 padding: 0
    }
}
 h2, h3, h4, .heading, .heading-2 {
     font-weight: 700
}
 h2, .heading, .heading-2 {
	 font-size: 1.5625rem;
     line-height: 2.065rem;
	 letter-spacing: -.01rem;
	 margin: 1rem 0 
}
 @media only screen and (min-width:41.75em) {
     h2, .heading, .heading-2 {
     font-size: 1.875rem;
	 line-height: 2.375rem
    }
}
 h3  {
     font-size: 1.125rem;
	 line-height: 1.5rem;
	 letter-spacing: -.01rem
}
 h4 {
     font-style: italic;
	 font-size: 1rem;
	 line-height: 1.5rem;
	 letter-spacing: -.02rem
}
 h3, h4 {
	 margin: .5rem 0
}
 p {
	 margin-bottom: 1rem
}
 p, ol, ul, ol li, ul li {
	 font-weight: 400;
	 color: #595959;
	 letter-spacing: -.02rem;
 	 font-size: 1rem;
     line-height: 1.5rem 
}
 footer p, footer a, footer span {
     color: #FFF;
     font-size: 1rem;
	 line-height: 1.5rem;
     text-align: center;
     margin: 0 
}
 @media only screen and (min-width:41.75em) {
     footer p, footer a, footer span {
         font-size: .875rem;
         margin: 0;
         text-align: left 
    }
}
 dl, ol, ul {
     margin: 1.5rem 1rem;
	 padding-left: 1rem
}
 dl dt {
     margin-bottom: .25rem 
}
 dl dd {
     margin-bottom: .75rem 
}
 ol li, ul li {
	 margin-bottom: .5rem
}
 .no-bullet, .clean-list, .checkbox-list {
     margin-left: 0;
	 list-style-type: none
}
 .no-bullet li ol, .no-bullet li ul, .clean-list li ol, .clean-list li ul {
     margin-left: 1.25rem;
     margin-bottom: 0;
     list-style-type: none 
}
 header dl, header ol, header ul, header li, header dt, header dd, footer dl, footer ol, footer ul, footer li, footer dt, footer dd {
	 margin: 0;
	 padding: 0
}
 figcaption, caption {
     font-size: .875rem;
	 line-height: 1.2rem;
     color: #828A8F;
	 border: 0;
	 margin: 1rem 0
}
 blockquote {
     margin: 1rem 0 1rem 
}

/* ---------LINKS--------- */

 a, a strong {
     color: #66b645;
	 font-weight: 700;
	 font-style: inherit;
	 font-size: inherit;
	 line-height: inherit;
     text-decoration: none;
	 cursor: pointer
}
 a:hover, a:focus {
     text-decoration: underline
}
 a:active {
	 color: #0091ba
}
 h3 a {
     color: #004D9E 
}
 a img {
     border: 0;
	 color: transparent
}
 a img:hover, a img:focus {
	 opacity: .5;
	 filter:alpha(opacity=50)
}
 a img:active {
	 opacity: 1;
	 filter:alpha(opacity=100)
}	 
.location-area {
     font-weight: 700;
 	 font-style: italic;
	 font-size: 1rem;
	 line-height: 1.5rem;
	 letter-spacing: -0.02rem;
	 color: #fff;
	 margin: 0;
	 padding: 0;
	 text-transform: capitalize
}
 .location-area a {
     color: #fff 
}
 .location-area a::before {
	 content: "\f0da";
	 font-family: "Font Awesome 5 Free";
     font-weight: 900;
	 font-size: 1.125rem;
	 padding-right: .5rem
}
 .location-area a:hover, .location-area a:focus {
	 text-decoration: none
}
 .location-area:hover a {
	 border-bottom: .0625rem solid #fff;
	 padding-bottom: .125rem
}
 .footer-module01 .location-area {
     padding: 0;
	 margin: 1rem 0;
     background: 0 0;
	 font-size: 1.25rem;
	 font-style: normal
}

/* ---------BUTTONS--------- */

/* basic style */

 .button, button, input[type=button].button, input[type=submit].button, span.button {
     font-weight: 700;
     font-size: 0.875rem;
     line-height: normal;
	 letter-spacing: .05rem;
	 text-transform: uppercase;
	 text-decoration: none;
	 text-align: center;
     color: #004d9e;
	 background-color: #fff;
	 border: 0.125rem solid #004d9e;
     -moz-border-radius: 9999px;
     -webkit-border-radius: 9999px;
     border-radius: 9999px;
	 width: auto;
     height: auto;
	 padding: .75rem 1.5rem;
	 margin: 1rem 1rem 1rem 0;
	 display: inline-block;
     position: relative;
	 -webkit-appearance: none;
     -moz-appearance: none;
     cursor: pointer;
     transition: background-color .2s ease-out 	 
}
 .button:hover, button:hover, input[type=button].button:hover, input[type=submit].button:hover, span.button:hover, .button:focus, button:focus, input[type=button].button:focus, input[type=submit].button:focus, span.button:focus {
     color: #fff;
	 background-color: #004d9e;
	 text-decoration: none
}
 .button:active, button:active, input[type=button].button:active, input[type=submit].button:active, span.button:active {
	 color: #fff;
	 background-color: #7fa6ce;
	 border: 0.125rem solid #7fa6ce;
	 text-decoration: none
}
 span.button a {
     color: #004d9e
 }
 span.button:hover a, span.button:active a, span.button:focus a {
     color: #fff;
     text-decoration: none
 }
 
 /* deprecated styles */

 .dark-button, button.dark-button, input[type=button].dark-button, input[type=submit].dark-button {
     background-color: #004D9E;
	 border-color: #004d9e;
	 color: #fff
}
 .dark-button:hover, button.dark-button:hover, input[type=button].dark-button:hover, input[type=submit].dark-button:hover, .dark-button:focus, button.dark-button:focus, input[type=button].dark-button:focus, input[type=submit].dark-button:focus {
     background-color: #0091ba;
	 border: 0.125rem solid #0091ba;
	 text-decoration: none
}
 .dark-button:active, button.dark-button:active, input[type=button].dark-button:active, input[type=submit].dark-button:active {
     background-color: #7fc8dc;
	 border: 0.125rem solid #7fc8dc;
	 text-decoration: none
}

/* cta style */

 .button-cta, button.button-cta, input[type=button].button-cta, input[type=submit].button-cta, span.button-cta {
     font-weight: 700;
     font-size: 0.875rem;
     line-height: normal;
	 letter-spacing: .05rem;
	 text-transform: uppercase;
	 text-decoration: none;
	 text-align: center;
     color: #fff;
	 background-color: #66b645;
	 border: 0.125rem solid #66b645;
     -moz-border-radius: 9999px;
     -webkit-border-radius: 9999px;
     border-radius: 9999px;
	 width: auto;
     height: auto;
	 padding: 0.75rem 1.5rem;
	 margin: 1rem 1rem 1rem 0;
	 display: inline-block;
     position: relative;
	 -webkit-appearance: none;
     -moz-appearance: none;
     cursor: pointer;
     transition: background-color .2s ease-out 	 
}
 .button-cta:hover, button.button-cta:hover, input[type=button].button-cta:hover, input[type=submit].button-cta:hover, span.button-cta:hover, .button-cta:focus, button.button-cta:focus, input[type=button].button-cta:focus, input[type=submit].button-cta:focus, span.button-cta:focus {
     color: #fff;
	 background-color: #469625;
	 border: 0.125rem solid #469625;
	 text-decoration: none
}
 .button-cta:active, button.button-cta:active, input[type=button].button-cta:active, input[type=submit].button-cta:active, span.button-cta:active {
	 color: #fff;
	 background-color: #b3dba2;
	 border: 0.125rem solid #b3dba2;
	 text-decoration: none
}
 span.button-cta a {
     color: #fff
 }
 span.button-cta:hover a, span.button-cta:focus a, span.button-cta:active a {
     color: #fff;
     text-decoration: none
 }

/* disabled */

 .button[disabled], button[disabled], .dark-button[disabled], .disable , input[type=button][disabled], input[type=submit][disabled]{
     background-color: #7fa6ce;
	 color: #fff;
     border-color: #7fa6ce;
     cursor: default
}
 .button[disabled]:hover, button[disabled]:hover, .dark-button[disabled]:hover, .disable:hover, input[type=button][disabled]:hover, input[type=submit][disabled]:hover, .button[disabled]:focus, button[disabled]:focus,  .dark-button[disabled]:focus, input[type=button][disabled]:focus, input[type=submit][disabled]:focus, .disable:focus {
     background-color: #7fa6ce;
	 color: #fff;
	 border-color: #7fa6ce;
	 cursor: default
}

/* resize for device */

 @media only screen and (min-width:64em) {
	.button, .button-cta, .dark-button, input[type=button].button, input[type=submit].button, input[type=button].button-cta, input[type=submit].button-cta, input[type=button].dark-button, input[type=submit].dark-button, button[type=button].button, button[type=submit].button, button[type=button].button-cta, button[type=submit].button-cta, button[type=button].dark-button, button[type=submit].dark-button {
		padding: .5rem 1rem
	}
    span.button, span.button-cta {
        padding: .5rem 1.5rem
    }
}

/* ---------TABLES--------- */

 table {
	 width: 100%;
	 border-collapse: collapse;
     border-spacing: 0;
     background: #fff;
     margin-bottom: 1.25rem;
     border: .0625rem solid #c4c7c8;
     table-layout: auto 
}
 table img {
	 width: 100%
}
 table caption {
     background: 0 0;
     color: #36424A;
     font-size: 1rem;
     font-weight: 700 
}
 table tfoot, table thead {
     background-color: #c4c7c8 
}
 table tfoot tr td, table tfoot tr th, table thead tr td, table thead tr th {
     padding: .5rem .625rem .625rem;
     font-size: .875rem;
     font-weight: 700;
     color: #36424A 
}
 table tr td, table tr th {
     padding: .5625rem .625rem;
     font-size: .875rem;
     color: #36424A;
     text-align: left;
	 word-wrap: break-word
}
 table tr:nth-of-type(even) {
     background: #f0f0f0 
}
 table tbody tr td, table tbody tr th, table tfoot tr td, table tfoot tr th, table thead tr th, table tr td {
     display: table-cell
}

/* ---------FORMS--------- */

 form {
	 position: relative
}
 form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns {
     padding-left: .625rem 
}
 label {
     color: #595959;
     display: block;
	 font-size: .875rem;
     line-height: 1.375rem;
	 letter-spacing: -.02rem;
     margin-bottom: 0.25rem
}
 label span {
     margin-left: 0.25rem 
}
 input[type=checkbox], input[type=radio] {
	 margin: 0.75rem 0.5rem 0.75rem 0;
	 vertical-align: top;
	 height: 1rem;
	 width: 1rem;
	 -webkit-appearance: checkbox;
	 cursor: pointer
}
 input[type=radio] {
	 -webkit-appearance: radio;
	 vertical-align: middle
}
 input[type=checkbox]+label, input[type=radio]+label {
     display: inline-block;
     margin: 0.5rem 0;
	 width: 80%;
	 cursor: pointer
}	
#add_favorite input[type=radio] {
	margin-top: 0
}
 input, textarea {
     -webkit-appearance: none;
     font-size: .875rem;
	 line-height: 1.375rem;
	 letter-spacing: -.02rem;
	 color: #595959;
	 background-color: #fff;
	 border: .0625rem solid #828a8f;
     margin: 0 0 1rem;
	 border-radius: 0;
     padding: .5rem;
     height: 2.3125rem;
     width: 100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     transition: all .15s linear 
}
.error input, .cvBEerror input, .error textarea, .error select, .error-username > input, .errorEmail input, .errorlength input, .errorPassword input, .errorInvalidPassword input {
    border: .0625rem solid #dc291e;
    margin-bottom: 0
}
 input:focus, textarea:focus, select:focus {
	 border-width: 0.125rem;
     outline: 0 
}
 input[type=submit] {
     -webkit-appearance: none;
	 margin-right: 0.75rem
}
 input[type=file] {
     width: 100% 
}
 input:focus::-webkit-input-placeholder {
	 color: #c4c7c8
}
 input:focus::-moz-placeholder {
	 color: #c4c7c8
}
 input:focus:-ms-input-placeholder {
	 color: #c4c7c8
}
 input:focus:-moz-placeholder {
	 color: #c4c7c8
}
 input:focus::placeholder {
	 color: #c4c7c8
}
 select[multiple], textarea[rows] {
     height: auto 
}
 select {
     font-size: .875rem;
	 line-height: normal;
     height: 2.3125rem;
	 color: #595959;
	 background-color: #fff;
	 border: .0625rem solid #828a8f;
     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
     background-position: 100% center;
     background-repeat: no-repeat;
	 -webkit-appearance: none;
	 margin: 0 0 1rem;
     padding: .5rem
}
 select::-ms-expand {
     display: none 
}
 textarea {
     min-height: 3rem;
     max-width: 100% 
}
 fieldset legend {
     background: #fff;
     padding: 0 .1875rem;
     margin: 0 0 0 -.1875rem 
}
 span.error, p.error, span.errorEmail, span.errorHTML, span.errorPassword, span.spanUniqueUserError, span.errorInvalidPassword, span.errorlength, span.cvError, .errorLabels span, .cart-validation {
     display: none;
	 color: #dc291e;
	 font-size: 0.75rem;
	 line-height: 1rem;
     font-weight: 700;
	 margin: 0.5rem 0 1rem 0
}
  .cart-validation {
	 display: block;
     margin-top: -.5rem
}
 .error label, .error label.error, label.error, .errorHTML>label, .error-username>label, .error>label, span.error p, .error label a, .errorEmail label, .errorlength label, .errorPassword label, .errorInvalidPassword label {
     color: #dc291e 
}
 .error .error, .errorEmail .errorEmail, .errorHTML .errorHTML, .errorPassword .errorPassword, .error-username .spanUniqueUserError, .errorInvalidPassword .error, .errorlength .errorlength {
     display: block!important
}
 .error input[type=submit].white-button {
	 color: #004d9e!important
}
 .error input[type=submit].white-button:hover {
	 color: #fff!important
}
 .reCaptcha, .g-recaptcha, .recaptcha {
	 margin: 1rem 0
}
fieldset[disabled] input[type=color], fieldset[disabled] input[type=date], fieldset[disabled] input[type=datetime-local], fieldset[disabled] input[type=datetime], fieldset[disabled] input[type=email], fieldset[disabled] input[type=month], fieldset[disabled] input[type=number], fieldset[disabled] input[type=password], fieldset[disabled] input[type=search], fieldset[disabled] input[type=tel], fieldset[disabled] input[type=text], fieldset[disabled] input[type=time], fieldset[disabled] input[type=url], fieldset[disabled] input[type=week], fieldset[disabled] textarea, input[type=color]:disabled, input[type=color][disabled], input[type=color][readonly], input[type=date]:disabled, input[type=date][disabled], input[type=date][readonly], input[type=datetime-local]:disabled, input[type=datetime-local][disabled], input[type=datetime-local][readonly], input[type=datetime]:disabled, input[type=datetime][disabled], input[type=datetime][readonly], input[type=email]:disabled, input[type=email][disabled], input[type=email][readonly], input[type=month]:disabled, input[type=month][disabled], input[type=month][readonly], input[type=number]:disabled, input[type=number][disabled], input[type=number][readonly], input[type=password]:disabled, input[type=password][disabled], input[type=password][readonly], input[type=search]:disabled, input[type=search][disabled], input[type=search][readonly], input[type=tel]:disabled, input[type=tel][disabled], input[type=tel][readonly], input[type=text]:disabled, input[type=text][disabled], input[type=text][readonly], input[type=time]:disabled, input[type=time][disabled], input[type=time][readonly], input[type=url]:disabled, input[type=url][disabled], input[type=url][readonly], input[type=week]:disabled, input[type=week][disabled], input[type=week][readonly], select:disabled, textarea:disabled, textarea[disabled], textarea[readonly] {
     background-color: #c4c7c8;
	 background-image: none;
	 border: 0;
     cursor: default 
}


/* Your_Local_Distributor.cshtml */

 .contact-information {
     border-top: .25rem solid #004d9e;
     margin-top: 1rem;
	 padding: 0 .5rem;
}
 @media only screen and (min-width:41.75em) {
     .contact-information {
         padding: .5rem 0 0 0;
		 margin: 0
    }
}
 .contact-information h2  {
     font-size: 1.125rem;
	 line-height: 1.5rem;
	 letter-spacing: -.01rem;
	 margin: .5rem 0
}

/* ---------POP UPS--------- */

 .reveal-modal {
     display: none;
	 visibility: hidden;
     position: absolute;
     width: 100%;
     top: 0;
     left: 0;
     background-color: #fff;
     padding: 1.5rem;
     border: .0625rem solid #828a8f;
     box-shadow: 0 0 .625rem rgba(0, 0, 0, .4);
     z-index: 1500 
}
 .reveal-modal .column, .reveal-modal .columns {
     min-width: 0 
}
 .reveal-modal>:last-child {
     margin-bottom: 0 
}
 .reveal-modal.collapse {
     padding: 0 
}
 @media only screen and (max-width:41.688em) {
     .reveal-modal {
         min-height: 100vh 
    }
}
 @media only screen and (min-width:41.75em) {
     .reveal-modal {
         max-width: 50rem;
         left: 0;
         right: 0;
         margin: 0 auto; 
         width: 80%;
         top: 6.25rem 
    }
}
 @media only screen and (min-width:41.75em) and (max-width:64em) {
     .reveal-modal.small {
         width: 80%
    }
}
 @media only screen and (min-width:64.063em) {
     .reveal-modal.small {
         width: 60% 
    }
}
 @media only screen and (min-width: 41.75em) {
	.reveal-modal.xlarge {
		width: 95%;
		max-width:60rem;
		left:0;
		right:0;
		margin:0 auto
	}
}
 .reveal-modal.toback {
     z-index: 1003 
}
 .reveal-modal-bg {
     position: fixed;
     top: 0;
     bottom: 0;
	 left: 0;
     right: 0;
     background: #000;
     background: rgba(0, 0, 0, .45);
     z-index: 1004;
     display: none
}

/* close */

 .btn-popup-close {
     display: block; 
	 position: absolute;
     font-family: "Font Awesome 5 Free";
     top: .75rem;
     right: .75rem;
	 z-index: 9999;
	 cursor: pointer
}
 .btn-popup-close::before {
     content: "\f057"
 }
 .close-reveal-modal {
	 font-size: 1.5rem;
	 color: #004d9e;
	 position: absolute;
	 top: .75rem;
	 right: .75rem;
	 cursor: pointer
}
 .close-reveal-modal.button.dark-button {
	 font-size: .875rem;
	 color: #fff;
	 position: relative;
	 top: 0;
	 right: 0
}
 .close-reveal-modal:hover {
	 text-decoration: none;
	 color: #0091ba
}
 .cancel-popup {
	 font-size: 1rem;
	 line-height: 1.5rem;
	 font-weight: 400;
	 color: #004d9e;
	 position: static;
	 display: block;
	 text-align: center;
	 margin: 1rem auto
}
 @media only screen and (min-width:41.75em) {
	 .cancel-popup {
		 display: inline;
		 text-align: left;
		 margin-left: 1rem
	 }
}
 .cancel-popup:hover {
	 text-decoration: underline;
	 cursor: pointer
}

/* popup content */

 .reveal-modal select {
     width: 50%
}
 .forgotError {
     clear: both;
	 margin: 1rem 0
}
 .forgotError span {
     font-style: italic;
	 margin: 1rem 0
}
 a.forgotUsername {
	 display: block;
	 margin: 1rem 0
}
 .pp-content-buttons {
	 position: relative;
	 padding-bottom: 2rem
}
 .pp-content-buttons .button, .pp-content-buttons .button-cta {
     display: block;
     width: 100%
}
 @media only screen and (min-width:41.75em) {
     .pp-content-buttons .button, .pp-content-buttons .button-cta {
         display: inline-block;
         width: auto;
		 margin-top: 0
	}
}

/* language */

 .language-lnks {
     margin: 0 auto;
     padding: 0;
     list-style-type: none;
     overflow: hidden 
}
 .language-lnks li {
     width: 50%;
     float: left;
     text-align: center;
     margin-bottom: 1rem 
}

/* ---------BASE LAYOUT--------- */

 body {
     background: #004d9e;
     color: #595959;
     padding: 0;
     margin: 0;
     font-weight: 400;
     font-style: normal;
	 font-size: 1rem;
     line-height: 1.5rem;
     position: relative;
     cursor: auto;
	 height: auto;
}
 img {
     max-width: 100%;
     height: auto;
     -ms-interpolation-mode: bicubic; 
     display: inline-block;
	 object-fit: cover;
     vertical-align: middle
}
 img.portrait, img.landscape {
     height: 100%;
     width: auto
 }
 @media only screen and (max-width:41.75em) {
     img.portrait, img.landscape {
         height: auto
     }
 }

 /* ie only */

 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    img.portrait, img.landscape {
        width: 100%;
        height: auto;
    }
}
 .content-wrapper {
     position: relative;
     z-index: 0 
}
 .content {
	 z-index: 0
}
 .off-canvas-wrap {
     overflow: visible 
}
 .inner-wrap, .off-canvas-wrap {
     width: 100%;
     position: relative;
	 background-color: #fff
}
 section {
     padding: 3rem 0;
     background-color: #FFF 
}
 .grey-border {
	 border-top: .25rem solid #004d9e;
	 padding-top: 1rem;
	 margin-top: 2rem
}
 .grey-border>h2:first-of-type, .bio-module + div.row > .grey-border:first-of-type, .my-account .grey-border {
	 margin-top: 0
}
 hr {
     background-color: #004d9e;
	 border: 0;
     margin: 1.25rem 0;
     height: .125rem
}

/* homepage */

 .home-content-wrapper {
     margin: -3rem 0 
}
 .home-content {
	 margin-top: 3rem
}
 @media only screen and (min-width:41.75em) {
	 .home-content {
		 margin-top: 6rem
	}
}
 .home-content > div {
	 padding-bottom: 3rem
}
 .home-content .login {
     text-align: center
}
 .home-content .login .button, .home-content .login .button-cta {
     display: block
}
 @media only screen and (min-width:41.75em) {
	 .home-content .login .button, .home-content .login .button-cta {
		 display: inline-block
	}
}
 .home-content .heading {
     text-align: center 
}
 .home-content .home-content {
	 margin-top: 0
}
 .quick-link-wrapper {
     overflow: hidden;
     width: 100%;
	 padding: 3rem 0;
}
 .quick-link {
     width: 100%;
}
 .quick-link a {
     display: block;
	 padding: 1rem 0;
     text-align: center 
}
 @media only screen and (min-width:41.75em) {
     .quick-link {
         width: 20%;
         float: left;
    }
	 .quick-link a {
		 padding: 0 1rem
	}
}
 .quick-link a img {
     display: block;
     margin: 0 auto 1rem;
     width: auto 
}


/* ---------TEMPLATES--------- */

 .js-generated {
     display: block 
}
 .ajaxProgress {
	 display: none
}

/* ErrorPageSubLayout.cshtml */

 .content-404 {
     margin-top: 2rem 
}

/* IE8Layout.cshtml */

 #IE8Message {
	 display: none
}
 .ie8 #IE8Message, .ie9 #IE8Message {
     padding: 16px 0;
	 display: block;
	 width: 100%
}
 #IE8Message p {
	 color: #595959;
	 font-size: 14px
}
 .hideMessage {
     float: right;
	 font-size: 14px
}

/* Header.cshtml */

 header {
     position: relative;
     z-index: 999;
     background-color: #FFFFFF;
	 color: #004D9E
}
@media only screen and (min-width:41.75em) {
    header {
        -webkit-box-shadow: 0 0 10px #828a8f;
        -moz-box-shadow: 0 0 10px #828a8f;
        box-shadow: 0 0 10px #828a8f;
    }
}
 .header-bottom, .header-middle, .header-top {
	 padding: .5rem 0
}
.header-middle{
  height: 64px;
    display: flex;
}

.header-middle-small{
  height: 32px;
  display: flex;
  color: #FFFFFF;
}
 .header-bottom {
	 background-color: #fff
}
 img.main-logo {
     display: inline-block;
     /*width: 185px;
     height: 50px*/
 }

/* search */

 .global-search, .global-search:focus {
	 font-size: 1rem;
     width: 100%;
     border: 0;
	 padding-left: 1rem;
     float: right;
	 background-color: #fff;
	 height: 3rem
}
 .global-search::placeholder {
	 color: #828a8f;
	 font-size: .8rem
 }
.icon-search-field {
	display: none
}
 @media only screen and (min-width:41.75em) {
	 .global-search, .global-search:focus {
         font-size: .875rem;
		 margin: .5rem 0;
		 padding-left: .75rem;
		 border-radius: 9999rem;
		 height: 2.3125rem
    }
	 .icon-search-field {
		 display: block
	}
	 .icon-search-field::after {
		 content: "\f002";
		 font-family: "Font Awesome 5 Free";
         font-weight: 900;
		 position: absolute;
		 font-size: 1.125rem;
		 color: #595959;
		 right: 1.25rem;
		 top: .85rem
	}
}
 .mobile-search-wrapper {
     position: relative;
     display: none
}
 @media (min-width: 668px) {
    .mobile-search-wrapper.open {
        display: none !important;
    }
 }

 .input-clear {
     position: absolute;
     top: 12px;
     right: 22px;
     z-index: 1;
     display: block;
     width: 24px;
     height: 24px;
     background-color: #828A8F;
     text-align: center;
     border-radius: 9999px;
	 cursor: pointer
}
 .input-clear::after {
     color: #fff;
     content: "\f00d";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     font-size: 1rem;
     line-height: 1rem 
}

/* utility links */

 .header-top-links {
     float: right;
	 margin-top: .25rem
}
 @media only screen and (min-width:41.75em) and (max-width:64em) {
	 .header-top-links {
			margin-right: 3rem
	 }
}
 .header-top-links li {
     display: inline-block;
     margin-left: 1rem;
	 float: left
}
 .header-top-links li:first-child {
     margin-left: 0
 }
 .header-top-links li:hover span::before, .header-top-links a:hover, .header-top-links li:hover .icon-label,  .header-top-links li:focus span::before, .header-top-links a:focus, .header-top-links li:focus .icon-label,  .header-top-links li:active span::before, .header-top-links a:active, .header-top-links li:active .icon-label{
	 text-decoration: none
}
 .icon-label {
     font-size: .75rem;
	 color: #fff;
	 font-weight: 400;
	 display: none!important
}
 .header-top-links li:hover .icon-label, .header-top-links li:focus .icon-label {
	 border-bottom: .0625rem solid #fff;
	 padding-bottom: .125rem
 }
 .header-top-links li:active .icon-label {
	 border-bottom: .0625rem solid #7fa6ce;
	 color: #7fa6ce
}
 .header-top-links span::before {
	 font-family: "Font Awesome 5 Free";
     font-weight: 900;
	 font-size: 1.75rem;
	 color: #fff;
}
 .header-top-links li:hover span::before, .header-top-links li:active span::before, .header-top-links li:focus span::before {
	 color: #7fa6ce
}
 span.language::before {
	 content: "\f0ac"
}
 span.location::before {
	 content: "\f3c5"
}
 span.cart::before {
	 content: "\f07a"
}
 span.account::before {
	 content: "\f007"
}
 span.search::before {
	 content: "\f002"
}
 @media only screen and (min-width:64em) {
     .icon-label {
		 display: inline!important;
		 position: relative;
		 top: -2px;
		 margin-left: .25rem
    }
	 .header-top-links {
		 margin-top: 0
	}
	 .header-top-links li {
		 margin-left: .75rem
	}
	 .header-top-links span::before {
		 font-size: 1rem;
	}
	 .header-top-links li:hover span::before, 	.header-top-links li:focus span::before {
		 color: #fff
	}
}

/* my account dropdown */

 .row.submenu {
     position: relative;
	 margin: 0;
	 padding: 0
}
 .menu-tip {
     position: absolute;
	 margin-top: -11px;
     background: url(../images/global/tip-menu.png) no-repeat;
     width: 21px;
     height: 11px;
	 z-index: 99999;
     display: none 
}
 @media only screen and (min-width:64em) {
     .menu-tip {
		 margin-left: 0
    }
}
 .submenu-top-links {
     display: none;
     background: #fff;
     position: relative;
     width: 100%;
	 z-index: 9999
}
 @media only screen and (min-width:41.75em) {
     .submenu-top-links {
         position: absolute;
         width: 200px;
         right: 0;
		 -webkit-box-shadow: 0px 0px 3px #36424a;
		 -moz-box-shadow: 0px 0px 3px #36424a;
		 box-shadow: 0px 0px 3px #36424a
    }
}
 .submenu-top-links li {
     display: block;
}
 .submenu-top-links li:hover {
     background: #f0f0f0 
}
 .submenu-top-links li:hover a {
	 text-decoration: none
}
 .submenu-top-links li a { 
     display: block;
     color: #36424a;
     font-weight: 400;
     font-size: .8rem;
     padding: 1rem 1.2rem
}
 @media only screen and (min-width:41.75em) {
	.submenu-top-links li a {
     padding: .75rem
	}
}
 .submenu-top-links li:last-child {
	 border-top: .0625rem solid #c4c7c8;
	 border-bottom: .0625rem solid #c4c7c8
}
 .submenu-top-links li:last-child a {
	 font-weight: 700
}

/* navigation */

 .navigation ul li {
     display: inline-block;
     float: left;
     margin-right: 1.25rem
}
 .navigation ul li a {
     color: #004d9e;
     text-transform: uppercase;
     font-size: .875rem;
	 font-weight: 700
}
 .navigation ul li:hover>a {
	 border-bottom: .125rem solid #004d9e;
	 padding-bottom: .125rem
}
 @media only screen and (min-width:41.75em) {
     .navigation ul li a {
         letter-spacing: .05rem;
		 text-decoration: none
    }
}
 .navigation ul li:hover .submenu {
     display: block 
} 
 .navigation .submenu {
     display: none;
     background: #fff;
     position: absolute;
     width: 200px;
	 margin-top: .5rem;
	 -webkit-box-shadow: 0px 5px 10px #36424a;
	 -moz-box-shadow: 0px 5px 10px #36424a;
	 box-shadow: 0px 5px 10px #36424a
}
 .navigation .submenu::before {
    position: absolute;
    width: 100%;
    height: 11px;
    top: -11px;
    display: block;
    content: '';
}
 .navigation .submenu li {
     display: block;
	 line-height: 1.375rem;
     padding: .75rem;
	 margin-right: 0;
     width: 100%;
}
 .navigation ul li .submenu li:hover {
     background: #f0f0f0 
}
 .navigation .submenu li:last-child {
     border-bottom: 0 
}
 .navigation .submenu li a {
     display: block;
     color: #36424a;
     text-transform: none;
     font-weight: 400;
     letter-spacing: -.02rem;
	 font-size: .8rem
}
 .navigation .submenu li:hover a {
	 border: 0;
	 padding-bottom: 0
}

/* mobile navigation */

/* fixed */
.off-canvas-wrap.move-right {
    -webkit-overflow-scrolling: touch;
    position: fixed;
    height: 100%;
}
 .off-canvas-wrap.move-right .inner-wrap {
     height: 100%
 }
/* icon */

 .mobile-menu-bar {
     float: left;
     padding: .25rem 0
}
 .mobile-menu-bar a:hover, .mobile-menu-bar a:active, .mobile-menu-bar a:focus {
	 text-decoration: none
}
 .icon-menu::after, .icon-close::after {
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
	 font-size: 1.5rem;
	 color: #fff
}
 .icon-menu:hover::after, .icon-close:hover::after {
	 color: #7fa6ce
}
 .icon-menu::after {
	 content: "\f0c9";
}
 .icon-close::after {
	 content: "\f00d";
}
 .move-right .icon-menu {
     display: none 
}
 .move-right .icon-close {
     display: block!important
}

/* animation */

 .inner-wrap {
     -webkit-transition: -webkit-transform .5s ease;
     -moz-transition: -moz-transform .5s ease;
     -ms-transition: -ms-transform .5s ease;
     -o-transition: -o-transform .5s ease;
     transition: transform .5s ease 	 
}
 .move-right>.inner-wrap {
     -ms-transform: translate(15.625rem, 0);
     -webkit-transform: translate3d(15.625rem, 0, 0);
     -moz-transform: translate3d(15.625rem, 0, 0);
     -ms-transform: translate3d(15.625rem, 0, 0);
     -o-transform: translate3d(15.625rem, 0, 0);
     transform: translate3d(15.625rem, 0, 0) 
}
 .inner-wrap::after, .inner-wrap::before {
     content: " ";
     display: table 
}
.off-canvas-wrap.move-right {
     min-height: 100%;
     -webkit-overflow-scrolling: touch 
}
 .left-off-canvas-menu, .left-off-canvas-menu *, .left-submenu, .left-submenu *, .off-canvas-wrap {
     -webkit-backface-visibility: hidden 
}
 aside.left-off-canvas-menu {
	-webkit-box-shadow: inset -10px 0 29px -12px #36424a;
    -moz-box-shadow: inset -10px 0 29px -12px #36424a;
    box-shadow: inset -10px 0 29px -12px #36424a
}
 .left-submenu, .left-off-canvas-menu {
     margin: 0;
	 padding: 0;
     -ms-transform: translate(-100%, 0);
     -webkit-transform: translate3d(-100%, 0, 0);
     -moz-transform: translate3d(-100%, 0, 0);
     -ms-transform: translate3d(-100%, 0, 0);
     -o-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
     -webkit-transition: -webkit-transform .5s ease;
     -moz-transition: -moz-transform .5s ease;
     -ms-transition: -ms-transform .5s ease;
     -o-transition: -o-transform .5s ease;
	 transition: transform .5s ease;
     top: 0;
     bottom: 0;
     position: absolute;
	 background-color: #fff;
     width: 15.625rem;
     overflow-x: hidden;
     overflow-y: auto;
     box-sizing: content-box;
	 z-index: 999;
     -webkit-overflow-scrolling: touch 
}
 .left-submenu.move-right {
     -ms-transform: translate(0, 0);
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0) 
}

/* back */

 .left-submenu .back a, .has-submenu .left-submenu .has-submenu .left-submenu .back a {
     background-color: #fff;
	 border-bottom: .0625rem solid #c4c7c8
}
 .left-submenu .back:hover, .left-submenu .back>a:hover, .has-submenu .left-submenu .has-submenu .left-submenu .back:hover, .has-submenu .left-submenu .has-submenu .left-submenu .back>a:hover {
     background-color: #004d9e
}
 .left-submenu .back:hover span, .left-submenu .back>a:hover span {
	 color: #fff
}
 .left-submenu .back > a::before {
     content: '\f100';
	 font-family: "Font Awesome 5 Free";
     font-weight: 900;
	 font-size: 1.75rem;
	 color: #004d9e
}
 .left-submenu .back:hover > a::before, .left-submenu .back>a:hover::before {
	 color: #fff
}
 .left-submenu .back>a span {
     color: #004d9e;
	 font-weight: 700;
	 display: inline;
	 font-size: 1.125rem;
	 border: 0;
	 vertical-align: top
}

/* text */

/* layer 1 */

 .off-canvas-list {
     list-style-type: none;
     padding: 0;
     margin: 0 
}
 .off-canvas-list > li, .has-submenu, .has-submenu li, .has-submenu + li {
     margin: 0
 }
 .off-canvas-list li a, .off-canvas-list li span {
     display: block;
	 color: #004d9e;
     padding: .75rem 1.75rem .75rem .75rem
}
 .off-canvas-list li a:hover {
     background: #f0f0f0;
	 text-decoration: none;
	 -webkit-box-shadow: inset -42px 22px 29px -45px #36424a;
     -moz-box-shadow: inset -42px 22px 29px -45px #36424a;
     box-shadow: inset -42px 22px 29px -45px #36424a
}
 li.distributorName span {
     color: #828a8f;
	 border-top: .0625rem solid #c4c7c8;
	 padding-bottom: 0
}
 li.distributorName a {
	 padding-top: 0
}
 li.distributorName a:hover {
	 background: none;
	 text-decoration: underline;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;     
     box-shadow: none;
     background-color: transparent
}

/* layer 2 */

 .has-submenu .left-submenu a, .has-submenu .left-submenu span {
	 color: #36424a;
	 font-weight: 400
}
 .has-submenu .left-submenu a:hover {
	 -webkit-box-shadow: none;
     -moz-box-shadow: none;
	 box-shadow: none;	 
}
 .back + a:first-of-type {
	 color: #004d9e;
	 font-weight: 700
}

/* layer 3 */

 .has-submenu .left-submenu .has-submenu .left-submenu a {
	 background-color: #f0f0f0
}
 .has-submenu .left-submenu .has-submenu .left-submenu a:hover {
	 color: #004d9e;
	 font-weight: 700
}
 .left-off-canvas-menu ul.off-canvas-list li label {
     color: #004D9E;
     text-transform: capitalize;
     background: #f0f0f0;
     font-size: 1rem;
     padding: .75rem .75rem .75rem 1rem;
     border-bottom: .0625rem solid #c4c7c8;
     border-top: 0 
}
 ul.off-canvas-list li label {
     display: block;
     padding: .3rem .9375rem;
     color: #828A8F;
     text-transform: uppercase;
     font-size: .75rem;
     background: #36424a;
     border-top: .0625rem solid #595959;
     border-bottom: 0;
     margin: 0 
}
/* IE9 Message
 .ie9 .my-account .favorite-list ul {
     margin: 0 
}
 .ie9 .my-account .favorite-list ul li {
     list-style: none;
     margin: 0;
     padding-bottom: 35px;
     border-bottom: 1px solid #c4c7c8 
}
 .ie9 .my-account .favorite-list ul li ul {
     margin-top: -20px 
}
 .ie9 .my-account .favorite-list ul li ul li {
     margin: 0;
     border-right: 1px solid #004d9e;
     border-bottom-style: none;
     border-bottom-width: 0 
}
 .ie9 .my-account .favorite-list ul li ul li a {
     padding-left: 5px;
     padding-right: 5px 
}
 .ie9 .my-account .sub-list-product {
     margin-top: 20px 
}
 .ie9 .related-module figure img {
     top: 0 
}
*/

/* Footer.cshtml */

 footer {
     padding: 3rem 0;
     background-color: #004D9E;
}
 footer p span {
     display: block 
}
 footer ul {
     margin: 1.5rem 0 
}
 footer ul li {
     text-align: center;
     margin-bottom: 1rem;
	 list-style-type: none
}
 @media only screen and (min-width:41.75em) {
     footer ul {
         margin: 0 
    }
     footer ul li {
         display: flex;
         margin-bottom: .25rem;
         text-align: left 
    }
	 .footer-module02 ul li a, .footer-bottom ul li a {
		 margin: 0 .75rem .25rem 0
	}
}
 .logo-footer {
     margin: 0 auto;
     display: block 
}
 .footer-module01 {
	 padding: 1rem 0;
     border-bottom: .0625rem solid #828a8f
}
 .footer-module01 p {
	 margin: .5rem 0;
	 word-break: keep-all
}
 .footer-module01 p:first-child {
	 margin-top: 0
}
 .footer-module01 p::before {
	 font-family: "Font Awesome 5 Free";
     font-weight: 900;
	 font-size: 1rem;
	 text-align: center;
	 display: block
}
 @media only screen and (min-width:41.75em) {
     .footer-module01 {
         padding: 0 0 0 1rem;
         border: 0 
    }
	 .footer-module01 span, .footer-module01 a {
		 padding-left: 1.75rem
	}
	 .footer-module01 p::before {
		 position: absolute;
		 display: inline;
		 padding-right: .25rem
	}
}
 .footer-module01 p:nth-of-type(3)::before {
	 content: "\f095"
}
 .footer-module01 p:nth-of-type(4)::before {
	 content: "\f0e0"
}
 .footer-module01 p:nth-of-type(5)::before {
	 content: "\f3c5"
}
 .footer-module01 p:nth-of-type(6)::before {
	 content: "\f015"
}
 .footer-module02 {
	 padding: 1rem 0
}
 .footer-module02 ul:first-child li:first-of-type::before {
	 content: "\f3c5";
	 font-family: "Font Awesome 5 Free";
     font-weight: 900;
	 font-size: 1.125rem;
	 padding-right: .5rem;
	 color: #fff
}
 @media only screen and (min-width:41.75em) {
	 .footer-module02 {
		 padding: 0 0 0 2.5rem
    }
	 .footer-module02 ul:first-child li:first-of-type::before {
		 content: "";
		 padding-right: 0;
		 font-size: 1rem;
         display: block
	}
}
 .copyright {
     margin: 3rem auto 1rem;
     font-size: .75rem;
}
 .social-links {
     margin: 1rem auto;
     text-align: center
}
 @media only screen and (min-width:41.75em) {
     .social-links {
         margin: 0;
         text-align: left
    }
}
 .social-links li {
     display: inline-block
}
 .social-links li a {
     display: block;
	 margin-right: .75rem;
     font-family: "Font Awesome 5 Brands";
     font-weight: 900;
     font-size: .6rem
}
 .social-links li a:hover .fa-circle {
     color: #7fa6ce
}
 .social-links li:last-child a {
     margin-right: 0 
}
 .social-links .fab {
     color: #004d9e;
     font-size: 1.25rem
 }

/* GVideoPlayer.cshtml */

 .video-hero, .video-wrapper {
     margin-bottom: 1rem 
}
 .video-wrapper {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 25px;
     height: 0 
}
 .video-wrapper iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100% 
}
 .button[data-type=subscribe] {
	 width: 100%;
	 word-break: break-all
}
 .button[data-type=subscribe]::before {
     position: relative;
     display: inline-block;
     background-repeat: no-repeat;
     content: "\f144";
	 padding-right: .25rem;
     font-family: "Font Awesome 5 Free";
     font-weight: 900
}

/* _EditProfile.cshtml */

 .profile-shipping-address-header, .profile-shipping-address>.row {
	 border-bottom: .0625rem solid #c4c7c8;
	 margin-bottom: 1rem;
	 padding-bottom: 1rem
}
 .profile-shipping-address-header {
     font-size: .875rem;
	 font-weight: 700
}
 .profile-shipping-address-header .button {
     margin: 0;
	 float: right
}
 .inline-list {
     margin: 0;
     padding: 0;
     list-style-type: none;
     overflow: hidden 
}
 .inline-list li {
	 float: left;
	 margin-right: .25rem
}
 .inline-list .button {
	 margin-top: 0
}

/* Login.cshtml */

 #loginPopup .column {
     padding: 0 
}
 .secondary-content {
     display: none
}

/* Locator.cshtml */

 .china-locator {
     display: none 
}
 .map-module {
     border-top: .25rem solid #004d9e;
 	 padding-top: 1rem

}
 .locator-sidebar {
	 overflow: hidden;
	 background-color: #f0f0f0
}
 @media only screen and (min-width:41.75em) {
     .reveal-modal .locator-sidebar {
         height: 580px;
         overflow-y: scroll 
    }
}
 .locator-intro {
	 margin-bottom: 2rem
}

/* search results */

 .ttl-search-results {
     font-size: .875rem;
     padding: 0 .75rem 
}
 .second-title {
	 margin-top: 1.5rem
}
 .search-area, .search-result {
     padding: .75rem 
}
 .search-area input {
     margin: .5rem 0 0 
}
 .search-result {
     position: relative;
     width: 100%;
     border-top: .0625rem solid #c4c7c8
}
 .search-result h3 {
     width: 100%;
	 font-size: .75rem;
	 line-height: 1rem
}
 @media only screen and (min-width:41.75em) and (max-width:64em) and (orientation:portrait) {
     .search-result h3 {
         width: 50% 
    }
}
 @media only screen and (min-width:64em) {
     .search-result h3 {
         width: 70% 
    }
}
 .info h3, .info a, .info span, .search-result h3, .search-result span {
     font-size: .75rem;
	 line-height: 1.25rem;
     display: block;
	 word-wrap: break-word;
	 margin-top: 0
}
 .info h3 {
     margin-right: 1.25rem
 }
 .search-result-preferred {
     background: #c4c7c8;
	 color: #36424a
}
 .search-result-preferred a {
	color: #004D9E
}
 .btn-serviceArea, .btn-serviceAreaClose {
	 display: block;
	 margin: 1rem 0
}
 .service-area-info {
     display: none 
}
 .span-serviceArea {
	 line-height: 1rem
}
 .no-results span {
	 font-size: .875rem
}

/* map */
	 
 .info .btn-popup-close {
     top: .5rem;
	 right: .5rem;
     font-size: 1.25rem
}	
 .map-wrapper {
     position: relative;
     padding-bottom: 75%;
     height: 0;
     overflow: hidden;
     max-height: 450px
}
 #map-canvas {
     max-height: 450px;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%!important;
     height: 100%!important
}
 .gm-style-iw + div {
	 display: none
}
 .gm-style-iw-c {
     border-radius: 0!important
 }
 .gm-ui-hover-effect img {
     display: none!important
 }
 .gm-style img {
     object-fit: contain!important
 }

/* map key */

 .key, .key li {
     margin: 0;
	 padding: 0
}
 .key {
	 margin-top: .5rem
}
 .key li {
     display: inline-block;
     color: #828A8F;
     margin-right: 1rem
}
 .pin-red::before, .pin-grey::before {
     content: "\f3c5";
	 font-family: "Font Awesome 5 Free";
     font-weight: 900;
	 padding-right: .5rem;
	 font-size: 1.125rem
}
 .pin-red::before {
	 color: #dc291e
}
 .pin-grey::before {
	 color: #828a8f
}

/* FeaturedContent.cshtml */

.minisite-feature {
    display: block;
    margin: 3rem 0
} 

.module-featured-products {
     margin: 0;
     display: table-cell;
	 padding: 1rem 0;
     background: #f0f0f0 
}
 .module-featured-products.slick-initialized.slick-slider {
	 display: block
}
 @media only screen and (min-width:41.75em) {
     .module-featured-products {
         border-bottom: .25rem solid #004d9e;
         border-top: .25rem solid #004d9e 
    }
}
 .featured-product {
     width: 100%;
     float: left;
     display: inline-block;
	 margin: 1rem 0;
     padding: 0 1rem 
}
 .featured-product.slick-slide {
	 border: 0
}
 @media only screen and (min-width:41.75em) {
     .featured-product {
         width: 33%;
         border-right: .0625rem solid #c4c7c8 
    }
}
 .featured-product p {
     font-size: .875rem;
	 line-height: 1.375rem
}
 .featured-product:last-child {
     border-right: 0 
}

/* ProductGrid.cshtml */

 .module-product-groups {
     padding-bottom: 3rem 
}
 .product-wrapper {
     margin-top: 1rem;
     position: relative
}
 @media only screen and (min-width:41.75em) {
     .product-wrapper {
         padding-bottom: 2rem 
    }
}
 .product-image img {
	 width: 100%
}
 .product-wrapper .dropdown {
     background: none!important;
     height: 5rem;
     overflow: hidden;
     bottom: 0;
     width: 100%;
     position: relative 
}
 @media only screen and (min-width:41.75em) {
     .product-wrapper .dropdown {
         background: url(../images/icons/arrow-down.png) 95% no-repeat #f0f0f0 !important;
         height: auto;
         overflow: visible;
         position: absolute 
    }
}
 .product-wrapper .dropdown a.current {
     cursor: default;
	 display: block;
     overflow: hidden;
     color: #004d9e;
     margin-top: .25rem
}
 .product-wrapper .dropdown a.current:hover {
	 text-decoration: none
}
 @media only screen and (min-width:41.75em) {
     .product-wrapper .dropdown a.current {
         cursor: pointer;
         margin: 0;
         padding: .25rem 10% .25rem .5rem;
         color: #36424a;
         font-size: .875rem;
    }
	 .product-wrapper .dropdown a.current:hover {
		text-decoration: underline
	}
}
 .product-wrapper .dropdown ul {
     display: none;
     position: absolute;
     z-index: 50;
     width: 100%;
     margin: 0;
     padding: 0;
     list-style-type: none;
     background: #f0f0f0;
     -webkit-box-shadow: 0px 1px 2px #36424a;
     -moz-box-shadow: 0px 1px 2px #36424a;
     box-shadow: 0px 1px 2px #36424a
}
 .product-wrapper .dropdown li {
     border-bottom: .0625rem solid #c4c7c8;
     padding: .5rem;
	 margin: 0
}
 .product-wrapper .dropdown li:hover {
     background: #c4c7c8;
	 cursor: pointer
}
 .product-wrapper .dropdown li:hover a {
     text-decoration: none;
	 color: #36424a
}
 .product-wrapper .dropdown li:last-child {
     border: 0
}
 .product-wrapper .dropdown ul a {
     font-size: .875rem 
}
 .product-wrapper .dropdown ul a {
	 font-weight: 400;
	 color: #004d9e
}

/* Slider.cshtml HomeCarousel.cshtml */

/* navigation dots */

 .slick-dots {
	 position: static;
	 display: inline-block;
     margin: 1rem 0;
	 padding: 0;
	 cursor: pointer
}
 .slick-dots li, .slick-dots li button, .slick-dots li.slick-active button {
	 width: 1.75rem;
	 height: 1.75rem
}
 .slick-dots li button, .slick-dots li.slick-active button {
	background-size: 1.75rem 1.75rem;
	background-repeat: no-repeat
}
 @media only screen and (min-width:64em) {
	 .slick-dots li, .slick-dots li button, .slick-dots li.slick-active button {
		 width: 1rem;
		 height: 1rem
	}
	 .slick-dots li button, .slick-dots li.slick-active button {
		background-size: 1rem 1rem
	}
}
 .slick-dots li {
	 position: static;
	 margin: 0 0.5rem;
	 padding: 0
}
 .slick-dots li button {
     background-image: url(../images/global/slick-dots-off@2x.png);
	 margin: 0;
	 padding: 0;
     color: transparent 
}
 .slick-dots li.slick-active button {
     background-image: url(../images/global/slick-dots-on@2x.png);
	 margin: 0;
	 padding: 0;
     color: transparent 
}
 .slick-dots li button::before {
     color: transparent;
     font-family: none;
     content: '' 
}

/* slide content */

 .slide {
     height: 320px
}
 .slide img {
     position: absolute;
     width: 100% 
}
 @media only screen and (min-width:41.75em) {
     .slide {
         background-size: auto 100%;
         background-position: center center;
         background-repeat: no-repeat
    }
     .slide img {
         display: none 
    }
}
 @media only screen and (min-width:64em) {
     .home-slider .slide {
         height: 420px 
    }
}
 .subpage-slider {
     margin: -3rem 0 2rem
}
 .slide-content {
	  position: relative;
	  top: 50%;
	  transform: translateY(-50%)
 }
 .slide-content h1, .slide-content h2, .slide-content h3 {
     color: #fff;
	 border: 0;
     font-size: 1.5625rem;
	 line-height: 2.065rem;
     font-weight: 700;
	 letter-spacing: -.01rem;
	 margin: 0 0 .5rem
}
 @media only screen and (min-width:41.75em) {
     .slide-content h1, .slide-content h2, .slide-content h3  {
     font-size: 1.875rem;
	 line-height: 2.375rem
    }
}
 .slide-content p {
     color: #fff;
	 margin-bottom: .5rem;
	 width: 95%
}
 .dark-text h1, .dark-text h2, .dark-text h3, .dark-text p {
     color: #36424a!important 
}

.slider .slide + .slide {
    display: none;
}

.slider.slick-initialized .slide + .slide {
    display: block;
}

.subpage-slider {
    padding-bottom: 57px;
}

    .subpage-slider.slick-initialized {
        padding-bottom: 0;
    }

/* carousel pagination */

 .pagination-slider {
     position: absolute;
     width: 100%;
     background-color: rgba(54,66,74,.3);
     height: 40px;
     margin-top: -22px;
     z-index: 99999;
	 outline: .0625rem solid #fff
}
 .pagination-slider ul {
     height: 40px;
     overflow: hidden;
     margin: 0
}
 .pagination-slider ul li {
     list-style-type: none;
     float: left;
     width: 25%;
	 margin: 0;
     border-right: .0625rem solid #fff 
}
 .pagination-slider ul li.active {
     background-color: #66b645;
}
 .pagination-slider ul li:first-child {
     border-left: .0625rem solid #fff
}
 .pagination-slider ul li a {
     display: block;
     padding: 0.5rem 0;
     color: #FFF;
	 font-weight: 400;
     text-align: center 
}
 .pagination-slider ul li.active a {
	 font-weight: 700
}

/* ---------ACCORDION MENU--------- */

/* SearchResults.cshtml */
/* accordion styles */

 .accordion {
     margin: 1rem 0 1rem;
     padding: 0
}
 .accordion .accordion-navigation {
     border-bottom: .0625rem solid #f0f0f0;
     display: block;
     margin-bottom: 0
}
 .accordion .accordion-navigation>a {
	 color: #36424A;
     display: block;
	 position: relative;
     background-image: none;
     background-color: #c4c7c8;
     font-weight: 400;
     font-size: .875rem;
     line-height: 1.375rem;
     padding: 0 1rem 0 0.5rem
}
 .accordion .accordion-navigation>span a:hover {
	 text-decoration: underline
}
 .accordion .accordion-navigation a:focus {
     outline: 0 
}
 .accordion .accordion-navigation.active>a {
     font-weight: 700 
}
 .accordion .accordion-navigation>a::after, .show-filters-mobile::after {
     position: absolute;
     top: 0.5rem;
     right: 0.5rem;
     display: block;
     color: #36424a;
     content: "\f107";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     font-size: 1.125rem;
     text-align: center 
}
 .accordion .accordion-navigation.active>a::after, .refine-is-open::after {
     content: "\f106" 
}
 .refine-is-open::after {
	 color: #f0f0f0
}
 .accordion .accordion-navigation>.content {
     display: none;
     padding: 1.25rem 
}
 .accordion .accordion-navigation>.content.active {
     display: block;
     background: #f0f0f0 
}
 .category-checkbox ul {
     margin: 0;
	 padding-left: 0;
     list-style: none 
}
 .category-checkbox ul li a {
     font-size: .875rem;
	 line-height: 1.375rem;
 	 color: #004d9e
}
 .category-checkbox ul li a:hover, .category-checkbox ul li a:focus {
 	 text-decoration: underline
}
 .category-checkbox ul li a:active {
	 color: #0091ba
}
 .category-checkbox ul li a span {
     color: #828A8F;
     margin-left: 0.25rem
}
 .category-checkbox ul li.is_active>a::before {
     content: "\f057";
	 font-family: "Font Awesome 5 Free";
     font-weight: 900;
	 color: #004d9e;
	 padding-right: .5rem;
	 font-size: 1rem
}
 .category-checkbox ul li.is_active>a:hover {
	 text-decoration: none;
	 color: #0091ba
}
 .category-checkbox ul li.is_active>a:hover::before {
	 color: #0091ba
}
 .category-checkbox input[type=checkbox] {
	 width: 10%
}
 .category-checkbox input[type=checkbox]+label:hover, .category-checkbox input[type=radio]+label:hover {
	 text-decoration: underline
}
 .category-main-name {
     display: inline-block;
     width: 100%;
	 padding: 0.5rem
}
 .category-more {
     margin: 1rem 0;
     padding: 1rem 0;
     border-top: .0625rem solid #c4c7c8;
     border-bottom: .0625rem solid #c4c7c8 
}
 .category-links a, .category-more a {
     font-size: .75rem 
}

/* mobile accordion styles */

 .mobile-active .accordion-navigation>a {
     padding: 0.5rem 1rem;
     font-size: 1rem
}
 .mobile-active .accordion-navigation>a::after, .show-filters-mobile::after {
     top: 0.75rem;
     right: 0.75rem;
     font-size: 1.5rem;
}
 .mobile-active .category-checkbox ul li a {
     font-size: 1rem;
	 line-height: 1.5rem
}
 .mobile-active .category-checkbox ul li {
	 margin-bottom: 1rem
}
 .refine-products.active, .refine-products>.show-filters-mobile {
     display: block 
}
 .show-filters-mobile {
     color: #36424a;
     padding: 1rem;
     margin: 1rem 0;
     background-color: #c4c7c8;
	 position: relative
}
 .show-filters-mobile:hover {
	 text-decoration: none
}
 .show-filters-mobile:active {
	 color: #f0f0f0
}
 .refine-is-open {
     background-color: #828a8f;
	 color: #f0f0f0
}

/* ProductTypes.cshtml Search-Results.cshtml E3ProductCatalogsList.cshtml */

 .text-intro {
     margin: 0 0 1rem 0
}

/* selected filters */

 .product-filters {
     margin-bottom: 1rem;
	 padding-bottom: 1rem;
     border-bottom: .25rem solid #004d9e 
}
 .product-filters p {
     line-height: 1.25rem
}
 .filter-item {
	display: inline-block;
	width: 100%;
	margin: .5rem 0;
	font-size: .875rem
}
@media only screen and (min-width: 41.75em) {
	.filter-item {
		margin-right: .75rem;
		width: auto;
	}
}
 .filter-item:hover {
	 text-decoration: none
}
 .gtm-search-clear-filters:hover, .gtm-clear-filters:hover, .filter-name:hover  {
	 text-decoration: underline
}
 .filter-item span {
	color: #36424a
}
 .filter-item i {
	float: left;
	width: 1.75rem;
	color: #004d9e;
	font-size: 1.5rem
}
 .filter-item i:hover {
	color: #0091ba
}

/* pagination */

 .page-items {
     margin-bottom: 2rem 
}
 @media only screen and (min-width:41.75em) {
     .page-items {
         margin-bottom: 0 
    }
}
 .page-items p {
     float: left;
     margin-right: .5rem;
     font-size: .875rem;
     line-height: 2.35rem 
}
 .page-items select {
     width: 80px 
}
 .pagination {
     margin: 0;
	 padding: 0
}
 @media only screen and (min-width:41.75em) {
     .pagination {
         float: right 
    }
}
 .pagination li {
	 height: 2.8rem;
     float: left;
     display: block;
     border: .0625rem solid #c4c7c8;
     border-right: 0 
}
 .pagination li:last-child {
     border-right: .0625rem solid #c4c7c8 
}
 .pagination li a, .pagination li button {
     display: block;
     padding: .625rem .7rem;
     color: #595959;
     font-size: 1rem;
	 font-weight: 400;
	 text-decoration: none
}
 @media only screen and (min-width:41.75em) {
	 .pagination li {
		 height: 2.5rem;
	 }
	 .pagination li a, .pagination li button  {
         padding: .45rem;
		 font-size: .875rem
    }
}
 .pagination li a:focus, .pagination li button:focus, .pagination li:hover a, .pagination li:hover button {
     background: #f0f0f0;
}
 .pagination li a.current {
     background: #c4c7c8;
	 font-weight: 700;
	 color: #36424a;
	 cursor: default
}
 .pagination li.current a:focus, .pagination li.current a:hover, .pagination li.current button:focus, .pagination li.current button:hover {
     background: #c4c7c8 
}
 .pagination .arrow, .pagination .arrow:hover a {
     background-color: #36424a 
}
 .pagination .arrow {
     border-top: .0625rem solid #36424a;
     border-bottom: .0625rem solid #36424a 
}
 .pagination .arrow i {
     color: #fff
}
 .pagination .arrow:hover i {
     color: #c4c7c8 
}

/* product grid */

 .product-item, .product-single {
     padding-top: 1rem;
     padding-bottom: 1.5rem;
     border-bottom: .0625rem solid #c4c7c8 
}
 @media only screen and (min-width:41.75em) {
     .product-item {
         padding: 0;
		 border-right: .0625rem solid #c4c7c8
    }
     .product-item:nth-child(3n+3) {
         border-right: 0 
    }
     .product-item-inner {
         padding: .75rem
    }
}
 .product-thumbnail, .product-title {
	 padding: 0
 }
  @media only screen and (min-width:64em) {
	 .product-thumbnail, .product-title {
		 padding: 0 .625rem
	 }
}
 .product-item figure {
     margin-bottom: 1rem;
     overflow: hidden 
}
 .product-item figure img {
     display: block;
     margin: 0 auto
}
 .product-item p {
     font-size: .875rem;
     line-height: 1.375rem;
	 overflow: hidden
}
 @media only screen and (min-width:41.75em) {
     .product-item p {
         height: 100px
    }
}

/* resources */

 .catalog-item, .search-top, .product-list-ph {
     padding-bottom: 1.5rem
}
 .catalog-item h3 {
	 margin-top: 0
}
 .catalog-item span, .properties span, .product-properties span {
     display: block;
     margin-bottom: .25rem;
     padding: 0 .25rem;
     background-color: #f0f0f0
}
 .catalog-item span {
	 font-size: .75rem
}
 .catalog-item span a {
     text-transform: uppercase 
}
 .catalog-links a::after {
     content: "|";
     color: #36424a;
     padding-left: .125rem 
}
 .catalog-links a:last-child::after, .clearfix::after, .clearfix::before {
     content: " " 
}
 .clearfix::after, .clearfix::before {
     display: table 
}

/* properties */

 .properties, .product-properties {
     font-size: .875rem;
	 padding: 0
}
 @media only screen and (min-width:41.75em) {
     .properties, .product-properties {
         font-size: .65rem 
    }
}
 @media only screen and (min-width:64em) {
     .properties, .product-properties {
         font-size: .75rem 
    }
}
 .product-title a {
	 color: #004d9e
}
 .product-title a:active {
	 color: #0091ba
}

/* loading */

.loading {
    font-size: 8px;
    text-indent: -999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    margin: 10em auto;
    border-radius: 50%;
    -webkit-animation: loadingAnim 3.5s infinite linear;
	-moz-animation: loadingAnim 3.5s infinite linear;
    animation: loadingAnim 3.5s infinite linear

}
@-webkit-keyframes loadingAnim {
    0%,90%,100% {
        box-shadow: 6em 0em 0 1em #004d9e, 2em 0em 0 -1em #004d9e, -2em 0em 0 -1em #004d9e, -6em 0em 0 -1em #004d9e, -10em 0em 0 -1em #004d9e;
    }
    10%,80% {
        box-shadow: 6em 0em 0 -1em #0091ba, 2em 0em 0 1em #0091ba, -2em 0em 0 -1em #0091ba, -6em 0em 0 -1em #0091ba, -10em 0em 0 -1em #0091ba;
    }
    20%,70% {
        box-shadow: 6em 0em 0 -1em #0091ba, 2em 0em 0 -1em #0091ba, -2em 0em 0 1em #0091ba, -6em 0em 0 -1em #0091ba, -10em 0em 0 -1em #0091ba;
    }
    30%,60% {
        box-shadow: 6em 0em 0 -1em #0091ba, 2em 0em 0 -1em #0091ba, -2em 0em 0 -1em #0091ba, -6em 0em 0 1em #0091ba, -10em 0em 0 -1em #0091ba;
    }
    40%,50% {
        box-shadow: 6em 0em 0 -1em #66b645, 2em 0em 0 -1em #66b645, -2em 0em 0 -1em #66b645, -6em 0em 0 -1em #66b645, -10em 0em 0 1em #66b645;
    }
}
@-moz-keyframes loadingAnim {
    0%,90%,100% {
        box-shadow: 6em 0em 0 1em #004d9e, 2em 0em 0 -1em #004d9e, -2em 0em 0 -1em #004d9e, -6em 0em 0 -1em #004d9e, -10em 0em 0 -1em #004d9e;
    }
    10%,80% {
        box-shadow: 6em 0em 0 -1em #0091ba, 2em 0em 0 1em #0091ba, -2em 0em 0 -1em #0091ba, -6em 0em 0 -1em #0091ba, -10em 0em 0 -1em #0091ba;
    }
    20%,70% {
        box-shadow: 6em 0em 0 -1em #0091ba, 2em 0em 0 -1em #0091ba, -2em 0em 0 1em #0091ba, -6em 0em 0 -1em #0091ba, -10em 0em 0 -1em #0091ba;
    }
    30%,60% {
        box-shadow: 6em 0em 0 -1em #0091ba, 2em 0em 0 -1em #0091ba, -2em 0em 0 -1em #0091ba, -6em 0em 0 1em #0091ba, -10em 0em 0 -1em #0091ba;
    }
    40%,50% {
        box-shadow: 6em 0em 0 -1em #66b645, 2em 0em 0 -1em #66b645, -2em 0em 0 -1em #66b645, -6em 0em 0 -1em #66b645, -10em 0em 0 1em #66b645;
    }
}
@keyframes loadingAnim {
    0%,90%,100% {
        box-shadow: 6em 0em 0 1em #004d9e, 2em 0em 0 -1em #004d9e, -2em 0em 0 -1em #004d9e, -6em 0em 0 -1em #004d9e, -10em 0em 0 -1em #004d9e;
    }
    10%,80% {
        box-shadow: 6em 0em 0 -1em #0091ba, 2em 0em 0 1em #0091ba, -2em 0em 0 -1em #0091ba, -6em 0em 0 -1em #0091ba, -10em 0em 0 -1em #0091ba;
    }
    20%,70% {
        box-shadow: 6em 0em 0 -1em #0091ba, 2em 0em 0 -1em #0091ba, -2em 0em 0 1em #0091ba, -6em 0em 0 -1em #0091ba, -10em 0em 0 -1em #0091ba;
    }
    30%,60% {
        box-shadow: 6em 0em 0 -1em #0091ba, 2em 0em 0 -1em #0091ba, -2em 0em 0 -1em #0091ba, -6em 0em 0 1em #0091ba, -10em 0em 0 -1em #0091ba;
    }
    40%,50% {
        box-shadow: 6em 0em 0 -1em #66b645, 2em 0em 0 -1em #66b645, -2em 0em 0 -1em #66b645, -6em 0em 0 -1em #66b645, -10em 0em 0 1em #66b645;
    }
}

/* ProductDetail.cshtml */

 .product-detail-image {
     overflow: hidden 
}
 .product-detail-overview ul {
     margin: 1.5rem 0;
	 padding: 0;
     list-style-type: none
}
 .product-detail-overview ul li {
     padding: .5rem 0;
     border-bottom: .0625rem solid #c4c7c8 
}
 .product-detail-quantity input[type=text] {
     width: 4rem 
}
 .product-detail-quantity a[data-type]::before {
	 font-family: "Font Awesome 5 Free";
     font-weight: 900
}
 .product-detail-quantity a[data-type=add]::before {
     content: "\f055"
}
 .product-detail-quantity a[data-type=remove]::before {
	 content: "\f056" 
}

/* callout */

 .product-detail-questions {
     margin: 1.5rem 0;
     padding: 1.25rem;
     background-color: #004d9e
}
 .product-detail-questions>*, .product-detail-questions p>*, .list-login span {
	 color: #fff
}
 .product-detail-questions br+a[href^="mailto"]::before {
	 font-family: "Font Awesome 5 Free";
     font-weight: 900;
	 margin-right: .5rem;
	 content: "\f0e0"
}
 .product-detail-questions br+a[href^="tel"]::before {
	 font-family: "Font Awesome 5 Free";
     font-weight: 900;
	 margin-right: .5rem;
	 content: "\f095"
}
 .product-detail-questions br+a[href^="tel"], .product-detail-questions br+a[href^="mailto"] {
	 color: #fff
}
 .list-login {
     margin: 0;
	 padding: 0;
	 list-style-type: none;
	 text-align: center
}
 .list-login .button {
	 margin: 0
}
 .list-login .button:hover, .list-login .button:focus {
	 color: #fff;
	 background-color: #7fa6ce;
     border: 0.125rem solid #7fa6ce
}

/* tabs*/

 .tabs::after, .tabs::before, .tabs-content::after, .tabs-content::before {
     content: " ";
     display: table 
}
 .tabs-content:after, .tabs:after {
	 clear: both
}
 .tabs-content {
     margin-top: -.0625rem;
     padding: 1rem;
     border: .0625rem solid #c4c7c8 
}
 .tabs-content>.content {
     display: none
}
 .tabs-content>.content.active {
     display: block;
}
 .tabs dd {
     position: relative;
     float: left 
}
 .tabs dd>a {
     display: block;
     padding: .75rem 1.5rem;
     font-size: .875rem;
	 font-weight: 400;
	 color: #595959
}
 .product-tabs dl, .product-tabs dd, .product-tabs dt {
	 margin: 0;
	 padding: 0
}
 .tabs dd.active a {
     color: #36424a;
	 font-weight: 700
}
 .product-tabs dd {
	 border-top: .25rem solid #fff
}
 .product-tabs dd.active {
     border-top: .25rem solid #004d9e;
	 border-left: .0625rem solid #c4c7c8;
     border-right: .0625rem solid #c4c7c8;
	 border-bottom: .125rem solid #fff
}

/* specifications tab */

 .detail-table td:first-child {
     font-weight: 700;
	 color: #36424a
}

/* downloads tab */

 .product-tabs a.button {
     margin: 0 0 0 .5rem
}
 .product-tabs a.button::before {
	 font-family: "Font Awesome 5 Free";
     font-weight: 900;
     content: "\f055"
}
 .list-downloads {
     margin: 0;
     padding: 1rem 0;
     list-style-type: none 
}
 .list-downloads li {
     position: relative;
     line-height: 1.875rem 
}
 .list-downloads a[data-type]::before {
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
	 content: "\f1c1";
	 color: #004d9e;
	 font-size: 1.5rem;
	 margin-right: .5rem;
	 vertical-align: -.125rem
}

 /* PTF Calculator.cshtml */
    .ptf-fields {
        display: flex;
        align-items: center;
    }
    .ptf-fields span {
        margin-left: 0;
    }
    .ptf-equations-column {
        margin-top: 1rem;
    }
    @media only screen and (min-width:41.75em) {
        .ptf-equations-column {
            margin-top: 0;
        }
    }
    .ptf-equations {
        display: flex;
        align-items: center;
    }
    .ptf-equations-liquid {
        display: flex;
    }
    .ptf-equations-gas {
        display: flex;
    }
    .ptf-equation-value {
        padding-left: 1rem;
    }
    .ptf-calculations {
        border: 2px solid black;
        border-radius: 10px;
        padding: 10px;
        margin-top: 24px;
    }

    @media only screen and (min-width:64em) {
        .ptf-calculations-left-side {
            justify-content: end !important;
        }
    }

    .ptf-calculations-data {
        display: block;
    }

    @media only screen and (min-width:64rem) {
        .ptf-calculations-data {
            display: flex;
        }
    }

    .ptf-calculations-left-side {
        display: flex;
        justify-content: start;
    }
    .ptf-inline-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .ptf-inline-list li {
        margin-bottom: 0;
    }

    .ptf-inline-list li:last-child {
        padding-bottom: 1rem;
    }

    .ptf-other-gas {
        font-size: 0.875rem;
    }

    .ptf-other-liquid-values {
        display: flex;
        align-items: center;
    }

    .ptf-other-gas-values {
        display: flex;
        align-items: center;
    }

    .ptf-correction-factor {
        margin-top: 24px;
        display: block;
    }

    @media only screen and (min-width:41.75em) {
        .ptf-correction-factor {
            display: flex;
        }
    }

    .fgas-value {
        padding-left: 5px;
    }

    .ptf-error {
        display: flex;
        justify-content: center;
        padding-top: 24px;
        color: #dc291e
    }

    /* CVCalculator.cshtml */
    .cv-inner-column {
        padding: 0;
    }

    @media only screen and (min-width:64em) {
        .cv-inner-column {
            padding: 0 .625rem;
        }
    }

    .cv-text-intro {
        margin: 0 0 2rem 0;
        padding-bottom: 1rem;
        border-bottom: .25rem solid #004d9e
    }

    .cv-calculator-top {
        padding-bottom: 1rem;
    }

    .cv-inline-list {
        margin: 0;
        padding: 0
    }

        .cv-inline-list li {
            display: inline-block;
            min-width: 6rem
        }

    .cv-figure img {
        width: auto
    }

    .cv-result {
        margin-bottom: 1.5rem;
        padding: .5rem;
        background-color: #828a8f;
        color: #fff;
        text-align: center
    }

    input.emptyFieldError {
        border: 0.0625rem solid #dc291e;
        margin-bottom: 0.5rem
    }

        input.emptyFieldError:focus {
            border: 0.125rem solid #dc291e
        }



    .sub-list-product {
        margin-bottom: 1rem
    }

        .sub-list-product span {
            line-height: 1.5rem
        }

    .product-description {
        display: block;
        margin-bottom: 1rem
    }

    .list-product-module {
        border: .0625rem solid #c4c7c8;
        padding: 0
    }

        .list-product-module ul {
            padding: 0;
            margin: 0
        }

            .list-product-module ul li {
                display: block;
                float: left;
                width: 100%;
                padding: .5625rem .625rem;
                margin: 0
            }

                .list-product-module ul li:nth-child(even) {
                    background: #f0f0f0
                }

                .list-product-module ul li h3 {
                    float: left;
                    font-size: 1rem
                }

                .list-product-module ul li ul li {
                    width: auto;
                    background: inherit !important;
                    padding: 0;
                    float: none;
                    display: inline-block
                }

    /* ShoppingCart.cshtml*/

    /* cta buttons */

    .table-actions {
        border-bottom: .25rem solid #004d9e;
        margin: 1rem 0;
        padding-bottom: 1rem
    }

    @media only screen and (min-width:41.75em) {
        .table-actions p {
            text-align: right;
            text-transform: uppercase
        }

        .table-actions .text-link {
            margin-top: 0
        }
    }

    /* table */

    .itemTable.title {
        display: none
    }

    .title div {
        border-right: .0625rem solid #fff;
        color: #fff;
        text-align: center;
        font-size: .875rem;
        font-weight: 700;
        line-height: 1.125rem;
        background-color: #828a8f;
        padding: .5rem
    }

    .itemTable.content {
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: .0625rem solid #c4c7c8
    }

        .itemTable.content > div {
            font-size: .875rem
        }

            .itemTable.content > div a[id^=content_0_btnNote]::after {
                content: ' | ';
                color: #36424a
            }

    @media only screen and (min-width:41.75em) {
        .itemTable.content {
            margin: 0;
            padding: 0;
            border-bottom: 0
        }

        .itemTable.content, .itemTable.title {
            display: block
        }

            .itemTable.content > div, .itemTable.title > div {
                float: left
            }

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

            .itemTable.content::after, .itemTable.title::after {
                clear: both
            }

        .cell-label {
            display: none
        }

        .itemTable.content div:nth-child(1), .itemTable.title div:nth-child(1) {
            width: 26%
        }

        .itemTable.content div:nth-child(2), .itemTable.title div:nth-child(2) {
            width: 18%
        }

        .itemTable.content div:nth-child(3), .itemTable.title div:nth-child(3) {
            width: 12%
        }

        .itemTable.content div:nth-child(4), .itemTable.title div:nth-child(4) {
            width: 10%
        }

        .itemTable.content div:nth-child(5), .itemTable.title div:nth-child(5) {
            width: 12%
        }

        .itemTable.content div:nth-child(6), .itemTable.title div:nth-child(6) {
            width: 22%
        }

        .itemTable.content:nth-child(even) {
            background-color: #f0f0f0
        }

        .itemTable.content div {
            padding: .5rem;
            line-height: 1.125rem;
            text-align: center
        }
    }


    /* OrderSummary.cshtml QuoteSummary.cshtml */

    /* table */

    .results-title {
        display: block;
        font-weight: 700
    }

    @media only screen and (min-width:41.75em) {
        .results-title {
            display: none
        }
    }

    .distributor {
        display: inline-block;
        font-weight: 700
    }

    .table-format .row {
        margin: 0;
        padding: 0
    }

    .table-format + .row {
        margin-bottom: 2rem
    }

    .table-format td, .table-format tr {
        padding: 0
    }

        .table-format tr .row div {
            padding: .5rem .75rem
        }

        .table-format tr:nth-child(even) .row div:last-child {
            border: 0;
            border-top: .0625rem solid #fff;
            padding-bottom: 1.25rem
        }

        .table-format tr:nth-child(odd) .row div:last-child {
            border: 0;
            border-top: .0625rem solid #c4c7c8;
            padding-bottom: 1.25rem
        }

    @media only screen and (min-width:41.75em) {
        .table-format tr:nth-child(even) .row div {
            border-right: .0625rem solid #fff
        }

        .table-format tr:nth-child(odd) .row div {
            border-right: .0625rem solid #c4c7c8
        }

        .table-format tr .row div:last-child, .table-format tr .row div:nth-child(5) {
            border-right: 0
        }
    }

    .table-format table {
        border: 0
    }

    .table-format.title div {
        text-align: left
    }

    .table-format.title .row div a {
        color: #fff
    }

    .table-format .row div {
        word-wrap: break-word
    }

    /* misc */

    .item-per-page select {
        margin-left: .5rem
    }

    .label-calendar {
        font-size: .875rem;
        line-height: 1.125rem
    }

    .input-calendar, .date-field {
        width: 100px
    }

    @media only screen and (min-width:41.75em) {
        .calendar-container::after {
            content: "/";
            font-size: 1.125rem;
            padding: 0 .25rem;
            font-weight: 700
        }
    }

    /*  date picker used in My Account */

    .ui-helper-clearfix::before,
    .ui-helper-clearfix::after {
        content: "";
        display: table;
        border-collapse: collapse
    }

    .ui-helper-clearfix::after {
        clear: both
    }

    .ui-state-disabled {
        cursor: default !important;
        pointer-events: none
    }

    .ui-icon {
        display: inline-block;
        vertical-align: middle;
        margin-top: -.25em;
        position: relative;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat
    }

    .ui-datepicker {
        width: 17em;
        padding: .2em .2em 0;
        display: none
    }

        .ui-datepicker .ui-datepicker-header {
            position: relative;
            padding: .2em 0
        }

        .ui-datepicker .ui-datepicker-prev,
        .ui-datepicker .ui-datepicker-next {
            position: absolute;
            top: 2px;
            width: 1.8em;
            height: 1.8em
        }

        .ui-datepicker .ui-datepicker-prev-hover,
        .ui-datepicker .ui-datepicker-next-hover {
            top: 1px
        }

        .ui-datepicker .ui-datepicker-prev {
            left: 2px
        }

        .ui-datepicker .ui-datepicker-next {
            right: 2px
        }

        .ui-datepicker .ui-datepicker-prev-hover {
            left: 1px
        }

        .ui-datepicker .ui-datepicker-next-hover {
            right: 1px
        }

        .ui-datepicker .ui-datepicker-prev span,
        .ui-datepicker .ui-datepicker-next span {
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -8px;
            top: 50%;
            margin-top: -8px
        }

        .ui-datepicker .ui-datepicker-title {
            margin: 0 2.3em;
            line-height: 1.8em;
            text-align: center
        }

            .ui-datepicker .ui-datepicker-title select {
                font-size: 1em;
                margin: 1px 0
            }

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

        .ui-datepicker table {
            width: 100%;
            font-size: .9em;
            border-collapse: collapse;
            border: 0;
            margin: 0 0 .4em
        }

        .ui-datepicker th {
            padding: .7em .3em;
            text-align: center;
            font-weight: bold;
            border: 0
        }

        .ui-datepicker td {
            border: 0;
            padding: 1px
        }

            .ui-datepicker td span,
            .ui-datepicker td a {
                display: block;
                padding: .2em;
                text-align: right;
                text-decoration: none
            }

        .ui-datepicker .ui-icon {
            display: block;
            text-indent: -99999px;
            overflow: hidden;
            background-repeat: no-repeat;
            left: .5em;
            top: .3em
        }

    .ui-widget-content {
        border: .0625rem solid #c4c7c8;
        background: #fff;
        color: #36424a
    }

        .ui-widget-content a {
            color: #36424a
        }

    .ui-widget-header {
        background: #f0f0f0;
        color: #36424a;
        font-weight: 700
    }

        .ui-widget-header a {
            color: #36424a
        }

        .ui-state-default,
        .ui-widget-content .ui-state-default,
        .ui-widget-header .ui-state-default,
        .ui-button, html .ui-button.ui-state-disabled:hover,
        html .ui-button.ui-state-disabled:active {
            border: .0625rem solid #c4c7c8;
            background: #f0f0f0;
            font-weight: normal;
            color: #595959
        }

            .ui-state-default a,
            .ui-state-default a:link,
            .ui-state-default a:visited,
            a.ui-button,
            a:link.ui-button,
            a:visited.ui-button,
            .ui-button {
                color: #595959;
                text-decoration: none
            }

                .ui-state-hover,
                .ui-widget-content .ui-state-hover,
                .ui-widget-header .ui-state-hover,
                .ui-state-focus,
                .ui-widget-content .ui-state-focus,
                .ui-widget-header .ui-state-focus,
                .ui-button:hover,
                .ui-button:focus {
                    border: .0625rem solid #c4c7c8;
                    background: #c4c7c8;
                    font-weight: normal;
                    color: #36424a
                }

                    .ui-state-hover a,
                    .ui-state-hover a:hover,
                    .ui-state-hover a:link,
                    .ui-state-hover a:visited,
                    .ui-state-focus a,
                    .ui-state-focus a:hover,
                    .ui-state-focus a:link,
                    .ui-state-focus a:visited,
                    a.ui-button:hover,
                    a.ui-button:focus {
                        color: #36424a;
                        text-decoration: none
                    }

                .ui-state-active,
                .ui-widget-content .ui-state-active,
                .ui-widget-header .ui-state-active,
                a.ui-button:active,
                .ui-button:active,
                .ui-button.ui-state-active:hover {
                    border: .0625rem solid #595959;
                    background: #595959;
                    font-weight: normal;
                    color: #ffffff
                }

                    .ui-state-active a,
                    .ui-state-active a:link,
                    .ui-state-active a:visited {
                        color: #ffffff;
                        text-decoration: none
                    }

        .ui-state-highlight,
        .ui-widget-content .ui-state-highlight,
        .ui-widget-header .ui-state-highlight {
            background: #c4c7c8;
            color: #595959
        }

        .ui-state-disabled,
        .ui-widget-content .ui-state-disabled,
        .ui-widget-header .ui-state-disabled {
            opacity: .35;
            filter: Alpha(Opacity=35); /* support: IE8 */
            background-image: none
        }

            .ui-state-disabled .ui-icon {
                filter: Alpha(Opacity=35) /* support: IE8 - See #6059 */
            }

    .ui-icon {
        width: 16px;
        height: 16px
    }

    .ui-icon,
    .ui-widget-content .ui-icon {
        background-image: url(../images/icons/ui-icons.png)
    }

    .ui-widget-header .ui-icon {
        background-image: url(../images/icons/ui-icons.png)
    }

    .ui-icon-circle-triangle-e {
        background-position: -48px -192px
    }

    .ui-icon-circle-triangle-s {
        background-position: -64px -192px
    }

    .ui-icon-circle-triangle-w {
        background-position: -80px -192px
    }

    .ui-icon-circle-triangle-n {
        background-position: -96px -192px
    }

    /* ViewOrder.cshtml ViewQuote.cshtml */

    /* order/quote info */

    .order-information, .quote-information {
        margin: 0 0 1rem;
        padding: 0;
        list-style-type: none
    }

        .order-information li, .quote-information li {
            padding: .5rem 0;
            margin: 0;
            border-bottom: .0625rem solid #c4c7c8
        }

            .order-information li:last-child, .quote-information li:last-child {
                border: 0
            }

            .order-information li span, .quote-information li span {
                display: block
            }

    /* product list */

    .mobile-items-list .row {
        padding: .75rem 0
    }

        .mobile-items-list .row:nth-child(even) {
            background-color: #f0f0f0
        }

        .mobile-items-list .row:last-child {
            background-color: #fff
        }

    .mobile-items-list label {
        font-weight: 700
    }

    .partNumber {
        font-size: 1.125rem;
        font-weight: 700;
        margin: 0 0 .5rem
    }

    .noFloatBlock {
        display: block
    }

    /* subtotal */

    label.subtotal {
        font-size: 1rem;
        clear: left
    }

    span.subtotal {
        float: right;
        margin-left: .75rem
    }

    /* part_list_cart.ascx */

    .rapid-add-part input[type=submit].button {
        margin-top: 1.5rem
    }

    @media only screen and (min-width:41.75em) {
        .rapid-add-part input[type=submit].button {
            margin-top: 0
        }
    }

    /* CheckoutSA.cshtml */

    .checkout-sa-terms::after, .checkout-sa-terms::before {
        content: " ";
        display: table
    }

    .deliveryDateField {
        width: 110px;
        margin-right: .75rem
    }

    .checkout-sa .grey-border.row {
        padding-top: 1rem;
        margin-top: 2.5rem
    }

    /* UploadParts.cshtml */

    .upload-part-field {
        display: none
    }

    .upload-part-input {
        width: 185px
    }

    .upload-parts-table-header {
        margin-bottom: 1rem !important
    }

        .upload-parts-table-header .columns {
            background-color: #828a8f;
            border-right: .0625rem solid #fff;
            font-weight: 700
        }

            .upload-parts-table-header .columns span {
                display: block;
                padding: .5rem;
                color: #fff;
                font-size: .875rem;
                line-height: 1.125rem;
                text-align: center
            }

    .cart-validation-column span {
        font-size: .75rem;
        line-height: 1.125rem;
        display: block
    }

    /* MergeCarts.cshtml */

    .merge-cart-table .table-items .itemTable.content div:nth-child(1), .merge-cart-table .table-items .itemTable.title div:nth-child(1) {
        width: 40%
    }

    .merge-cart-table .table-items .itemTable.content div:nth-child(5), .merge-cart-table .table-items .itemTable.title div:nth-child(5) {
        width: 20%
    }

    /* SearchResults.cshtml */

    /* products and resources filters toggle */

    .refine-products {
        display: none
    }

        .refine-products.grey-border {
            margin-top: 0
        }

        .refine-products > * {
            display: none
        }

    @media only screen and (min-width:41.75em) {
        .refine-products > * {
            display: block
        }
    }

    .refine-products .accordion-navigation:not(.is_active), .refine-products .content:not(.is_active), .refine-products .hide {
        display: none
    }

    @media only screen and (max-width:41.688em) {
        .refine-products .accordion-products {
            display: none !important
        }
    }

    .refine-products.mobile-active > * {
        display: block
    }

    .refine-products.mobile-active .hide {
        display: none
    }

    .refine-products.mobile-active .accordion-products {
        display: block !important
    }

    .tabContent {
        display: none
    }

        .tabContent.active {
            display: block
        }

    .itemTabs {
        display: inline-block
    }

        .itemTabs .item {
            font-size: .875rem;
            padding: .75rem 1.5rem;
            float: left;
            border-top: 0.25rem solid #fff
        }

            .itemTabs .item.active {
                border-top: 0.25rem solid #004d9e;
                border-left: .0625rem solid #c4c7c8;
                border-right: .0625rem solid #c4c7c8;
                border-bottom: .25rem solid #fff
            }

            .itemTabs .item a {
                color: #595959;
                font-weight: 400
            }

            .itemTabs .item.active a {
                color: #36424a;
                font-weight: 700
            }

    .tabContent {
        border: .0625rem solid #c4c7c8;
        margin-top: -.5rem;
        padding-top: 1rem
    }

        .tabContent > .content > * {
            padding: 0 1rem
        }

        .tabContent > .content > :last-child {
            padding: 2rem 1rem
        }

    /* search results misc */

    .didyoumean a {
        font-style: normal
    }

    .errorLabels > span.show {
        display: block
    }

    .refine-products h2 {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin: 0.5rem 0
    }

    /* temperature and pressure */

    #filterTemperature input[type=number] {
        width: 50px;
        margin: 0 0 1rem;
        -moz-appearance: textfield
    }

        #filterTemperature input[type=number]::-webkit-inner-spin-button, #filterTemperature input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            margin: 0
        }

    #filterTemperature .labels span {
        margin-right: .5rem
    }

    #filterTemperature .pressure, #filterTemperature .temperature {
        font-size: .75rem
    }

    #filterTemperature select {
        width: 70px
    }

    /* Breadcrumb.cshtml */

    /* breadcrumbs */

    .breadcrumbs {
        margin: .5rem 0 2rem;
        width: 65%;
        float: left;
        line-height: 1rem
    }

        .breadcrumbs a, .breadcrumbs span {
            color: #004D9E;
            font-size: .75rem
        }

        .breadcrumbs > .current {
            cursor: default;
            color: #36424a
        }

        .breadcrumbs > ::before {
            content: '>';
            margin: 0 .25rem 0 0
        }

        .breadcrumbs > :first-child::before {
            content: " "
        }

    @media only screen and (min-width:64em) {
        .breadcrumbs {
            width: 75%
        }

        .helpLinks {
            max-width: 25%
        }
    }

    /* help links */

    .helpLinks {
        width: auto;
        float: right;
        display: none;
        margin-top: .25rem;
        margin-bottom: 1.25rem;
        text-align: right
    }

        .helpLinks a {
            font-weight: 400;
            font-size: .75rem;
            color: #828a8f
        }

            .helpLinks a:hover, .helpLinks a:focus, .helpLinks a:active {
                color: #004d9e;
                text-decoration: none
            }

            .helpLinks a::before {
                font-size: .9rem;
                padding-right: .25rem;
                font-family: "Font Awesome 5 Free";
                font-weight: 900
            }

    .printPage::before {
        content: "\f02f"
    }

    .emailPage {
        float: right;
        margin-left: .75rem
    }

        .emailPage::before {
            content: "\f0e0"
        }

    @media only screen and (min-width:41.75em) {
        .helpLinks {
            display: inline-block
        }
    }

    @media only screen and (min-width:41.75em) and (max-width:64em) {
        .helpLinks {
            max-width: 35%
        }
    }

    /* sticky navigation styles */

    /* header desktop tablet */

    @media only screen and (min-width:41.75em) {
        .header-bottom.sticky {
            position: fixed;
            top: 0;
            width: 100%;
            -webkit-box-shadow: 0 0 10px #828a8f;
            -moz-box-shadow: 0 0 10px #828a8f;
            box-shadow: 0 0 10px #828a8f;
        }
    }

    /* mobile header - all browsers */

    @media only screen and (max-width:41.749em) {
        .mobile-header.sticky {
            position: fixed;
            background-color: #004d9e;
            top: 0;
            width: 100%;
            z-index: 99999;
            -webkit-box-shadow: 0 0 10px #828a8f;
            -moz-box-shadow: 0 0 10px #828a8f;
            box-shadow: 0 0 10px #828a8f
        }

        .header-middle {
            margin-top: 51px
        }
    }


    /* sidebar */
    @supports (position: sticky) or (position: -webkit-sticky) or (position: -moz-sticky) {
        .sidebar-nav, .my-account > div:nth-child(2) > div:first-child {
            position: -webkit-sticky;
            position: -moz-sticky;
            position: sticky;
            top: 5.5rem
        }
    }

    /* ie only */

    @media only screen and (-ms-high-contrast:none) {
        /*.sticky-ie {
        position: fixed;
        top: 5.5rem;
        width: 23%;
        right: 1rem
    }*/
        .move-right .mobile-header {
            position: static
        }

        .move-right .header-middle {
            margin-top: 0
        }
    }
    /*
@media only screen and (-ms-high-contrast:none) and (min-width:64em) {
    .sticky-ie {
        width: 220px;
        right: auto;
    }
}
    */

    /* LeftNavigation.cshtml */

    .current-nav {
        border-bottom: .125rem solid #004d9e;
        padding-bottom: .125rem
    }

    .sidebar-nav {
        float: right
    }

        .sidebar-nav .sidebar-menu {
            padding-left: 1rem
        }

    .sidebar-menu .has-dropdown .is-active, .sidebar-menu .has-dropdown .is-active > a, .sidebar-menu .has-dropdown.is-active > a, .sidebar-menu .is-active > a {
        font-weight: 700;
        background-color: #f0f0f0;
        color: #004d9e
    }

    .sidebar-menu .is-open {
        background-color: #f0f0f0
    }

    .sidebar-menu .has-dropdown > a::after, .has-submenu > a::after {

    }

    .sidebar-menu .has-dropdown.is-active > ul {
        display: block
    }

    .sidebar-menu ul {
        padding: 0;
        margin: 0
    }

    .sidebar-menu li {
        border-top: .0625rem solid #c4c7c8;
        margin: 0
    }

    .sidebar-menu a {
        font-size: .875rem;
        display: block;
        padding: .5rem 1.5rem .5rem 1rem;
        color: #36424a;
        font-weight: 400
    }

        .sidebar-menu a:hover {
            text-decoration: none;
            background-color: #f0f0f0
        }

    .sidebar-menu ul li:first-child {
        border: 0
    }

    .sidebar-menu ul ul {
        display: none;
        margin-left: 0;
        background-color: #f0f0f0
    }

        .sidebar-menu ul ul li {
            border: 0
        }

            .sidebar-menu ul ul li a {
                font-size: .75rem
            }

                .sidebar-menu ul ul li a:hover {
                    font-weight: 700;
                    color: #004d9e
                }

    .social-share {
        position: relative;
        margin-top: 1.25rem;
        margin-left: 2rem
    }

    .social-share-intro {
        color: #36424a;
        font-weight: bold;
        font-size: .75rem;
        margin-bottom: .5rem
    }

    .social-share-icons a:hover, .social-share a:focus {
        text-decoration: none;
        color: #469625
    }

    .social-share-icons span {
        margin-bottom: 1rem
    }

    /* Modules */

    .module {
        margin: 0 auto 4rem !important
    }

    #h2ModuleTitle, .grid-module h2 {
        border-top: .25rem solid #004d9e;
        padding-top: 1rem
    }

    .home-content .module #h2ModuleTitle {
        border-top: 0
    }

    .module .grey-border {
        margin-top: 0
    }

    /* Module_01.cshtml Module_11.cshtml Module_02.cshtml */

    .base-module, .linked-module {
        margin: 1rem 0 1.5rem;
        padding-left: 2rem;
        padding-right: 2rem
    }

    @media only screen and (min-width:41.75em) {
        .base-module, .linked-module {
            padding-left: .625rem;
            padding-right: .625rem;
        }
    }

    .base-module figure, .linked-module figure {
        width: 100%;
        margin-bottom: .5rem;
        overflow: hidden
    }

    @media only screen and (min-width:41.75em) {
        .base-module figure, .linked-module figure {
            height: 100px
        }
    }

    @media only screen and (min-width:64.063em) {
        .base-module figure, .linked-module figure {
            height: 150px
        }
    }

    .base-module p, .linked-module p {
        margin-bottom: 0
    }

    /* Module_03.cshtml */

    .related-module {
        padding: 1rem 0 0;
        padding-top: 1rem;
        border-bottom: .0625rem solid #c4c7c8
    }

        .related-module:last-child {
            border-bottom: 0
        }

        .related-module figure {
            float: left;
            position: relative;
            margin: 0 .75rem .75rem 0;
            width: 128px;
            height: 128px
        }

        .related-module h3, .related-module h4 {
            margin-top: 0
        }

        .related-module p {
            padding-bottom: 1rem
        }

    /* Text-and-Image.cshtml */

    .bio-module > p:last-child, .bio-module > ul:last-child, .bio-module > ol:last-child, .bio-module > h2:last-child, .bio-module > h3:last-child, .bio-module > span:last-child, .bio-module > a:last-child {
        padding-bottom: 2rem
    }

    .bio-module img {
        margin: 1.5rem 0
    }

    .bio-module figure {
        width: 100%;
        position: relative;
        float: left;
        margin: 0 0 .5rem;
        overflow: hidden
    }

        .bio-module figure img {
            margin: 0
        }

    .bio-module.right {
        float: none !important
    }

        .bio-module.right figure {
            float: right
        }

    @media only screen and (min-width:41.75em) {
        .bio-module figure {
            width: 300px;
            margin: 0 1rem .5rem 0
        }

        .bio-module.right figure {
            margin: 0 0 .5rem 1rem
        }

        .bio-module.center figure {
            margin: 0 0 .5rem
        }
    }

    .bio-module.center figure, .bio-module.center h2:first-of-type, .bio-module.center h3:first-of-type {
        width: 100%;
        margin-top: 0
    }

    #js-download-bio {
        font-size: .875rem;
    }

        #js-download-bio::before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f019";
            padding-right: .5rem
        }

    /* E2CatalogsLanding.cshtml */

    .sidebar-menu.catalogs .back a::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f100";
        padding-right: .5rem;
        font-size: 1rem
    }

    .sidebar-menu.catalogs .is-active a {
        background: none
    }

    /* type ahead search */

    .ui-autocomplete {
        overflow-x: hidden;
        z-index: 1500;
        margin-top: 2.5rem;
        padding: 0;
        width: 100% !important
    }

    @media only screen and (min-width:41.75em) and (max-width:64em) {
        .ui-autocomplete {
            width: 275px !important
        }
    }

    @media only screen and (min-width:64.063em) {
        .ui-autocomplete {
            width: 334px !important
        }
    }

    .ui-autocomplete .ui-state-focus {
        border: 0
    }

    .ui-autocomplete li {
        position: relative;
        width: 100%;
        list-style-type: none;
        cursor: pointer;
        margin: 0;
        padding: .25rem 0
    }

        .ui-autocomplete li img {
            margin: .5rem;
            width: 40px;
            float: left
        }

        .ui-autocomplete li p {
            color: #828a8f;
            padding-top: 1rem
        }

        .ui-autocomplete li:hover p {
            color: #36424a
        }

    /* E3ProductCatalogsList.cshtml */

    .product-groups {
        background: #f0f0f0;
        padding: .25rem .75rem .75rem
    }

    .product-catalogs-sidebar {
        padding: 0 0 .75rem 0
    }

    .product-catalogs-row .catalog-item {
        padding: 1rem 0;
        border-bottom: .0625rem solid #c4c7c8
    }

        .product-catalogs-row .catalog-item:last-child {
            border: 0
        }

    /* BiopharmCerts.cshtml */

    .biopharm-no-results-hdr {
        font-weight: 700
    }

    .biopharm-no-results {
        color: #dc291e;
        font-weight: 700
    }

    .biopharm-results {
        font-size: .875rem;
        padding-bottom: 2rem
    }

    /* Rich Text Editor */

    iframe {
        border: 0
    }

    .rte-embedded-youtube-video {
        display: block;
        margin: 1.5rem auto;
        width: 100%
    }

        .rte-embedded-youtube-video iframe, .floatImageRight .rte-embedded-youtube-video iframe, .floatImageLeft .rte-embedded-youtube-video iframe {
            width: 280px;
            height: auto;
            border-width: 0;
            display: block;
            margin: 0 auto
        }

    @media only screen and (min-width:41.75em) {
        .rte-embedded-youtube-video iframe, .rte-embedded-youtube-video {
            width: 475px;
            height: 267px
        }
    }

    @media only screen and (min-width:64em) {
        .rte-embedded-youtube-video iframe, .rte-embedded-youtube-video {
            width: 560px;
            height: 315px
        }
    }

    /* FlowRegulator.cshtml */

    .regflow-spec {
        background-color: #f0f0f0
    }

        .regflow-spec td, .regflow-spec th {
            word-wrap: normal
        }

    /* ---------UTILITIES--------- */

    /* clears */

    .cart-validation span, .cart-validation::after, .inner-wrap::after, .reveal-modal .locator-sidebar .search-result .service-area-info, .reveal-modal .locator-sidebar .search-result a, hr, .bio-module.center ul, .my-account.checkout-sa .checkout-sa-terms::after, .my-account.upload-favorites .cta, .my-account.upload-parts .cta, label, .accordion::after, .clearFix, .clearfix::after, .row .row.collapse::after, .row .row::after, .row::after, [class*=block-grid-]::after {
        clear: both
    }

    /* utilities */

    .hidden {
        display: none !important
    }

    .hide, .show-for-print-only {
        display: none
    }

    .left {
        float: left !important
    }

    .right {
        float: right !important
    }

    .text-left {
        text-align: left !important
    }

    .text-right {
        text-align: right !important
    }

    .text-center {
        text-align: center !important
    }

    .text-justify {
        text-align: justify !important
    }

    .floatImageLeft, .floatImageRight {
        padding: 1rem 0 1rem;
    }

    .floatImageRight {
        float: right;
        padding-left: 1rem
    }

        .floatImageLeft img, .floatImageRight img {
            margin: 0
        }

    .centerImage > img, .centerImage > p, .centerImage > div, .centerImage > table, .centerImage > a {
        display: block;
        margin: 0 auto
    }

    .floatImageLeft {
        float: left;
        padding-right: 1rem
    }
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.row-center {
    display: flex;
    align-items: center;
}

.secondary-header{
 background: #36424A;
  color: #FFFFFF;
}

.cta-btn {
  display: flex;
    border-radius: 999px;
    text-decoration: none;
    justify-content: center;
    align-items: center;
  font-size: 16px;
    font-weight: 600;
    line-height: 1.375;
    padding: 10px 22px;
    text-transform: uppercase;
    transition: all .15s ease-in-out;
}

.cta-btn.solid {
  background: #66B645;
  color: white;
}

.cta-btn.ghost {
  background: #FFFFFF;
  color: #004D9E;
  border: 2pt SOLID #004D9E;
}

.cta-btn.solid:hover {
  background: #469625;
  color: white !important;
  text-decoration: none !important;
  font-size: 16px;
    font-weight: 600;
    line-height: 1.375;
    padding: 10px 22px;
}

.cta-btn.ghost:hover {
  background: #004D9E;
  color: white !important;
  text-decoration: none !important;
  font-size: 16px;
    font-weight: 600;
    line-height: 1.375;
    padding: 10px 22px;
}

.cta-btn.full-width{
  width: 100% !important; 
}

.cta-btn.seventy-five-percent-width{
  width: 75% !important; 
}

.removeColumnSpacing .row-fluid {
  flex-wrap: nowrap;
  justify-content: unset !important;
}

 footer {
     padding: 3rem 0;
     background-color: #F0F0F0;
}

.hs_cos_wrapper_type_rich_text ul, .bullet-point-list ul {
  list-style: none;
  padding: 0;
  margin: 0;

  column-count: 2;
  column-gap: 60px;

  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 16px;
}

.hs_cos_wrapper_type_rich_text ul li, .bullet-point-list ul li {
  margin-bottom: 14px;

  color: #2a5aa8;
  font-weight: 500;

  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;

  transition: color 0.2s ease;
}

.hs_cos_wrapper_type_rich_text ul li:hover, .bullet-point-list ul li:hover {
  color: #003a8f;
}

.two-column-image-text p {
    font-size: 14px;
    line-height: 1.25rem;
}

.two-column-image-text h4, .two-column-image-text a, .two-column-image-text a:hover,
.three-column-image-text h4, .three-column-image-text a, .three-column-image-text a:hover{
    font-size: 1.25rem;
    line-height: 1.25rem;
   color: #004d9e;
   font-weight: 700;
  margin-top: 0px;
}

.two-column-image-text a:hover, .three-column-image-text a:hover{
    text-decoration: underline;
}

/* Mobile */
@media (max-width: 767px) {
  .hs_cos_wrapper_type_rich_text ul, .bullet-point-list ul {
    column-count: 1;
    column-gap: 0;
  }
  
  h1 {
    font-size: 28px !important;
    line-height: 1.5;
    margin: 0;
  }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* 1b. Colors */




.slok-navigation-menu{
  background-color: #FFFFFF;
}

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}