@charset "UTF-8";
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-Regular.woff2") format("woff2"), url("../fonts/Muli-Regular.woff") format("woff"), url("../fonts/Muli-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-Italic.woff2") format("woff2"), url("../fonts/Muli-Italic.woff") format("woff"), url("../fonts/Muli-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-ExtraBold.woff2") format("woff2"), url("../fonts/Muli-ExtraBold.woff") format("woff"), url("../fonts/Muli-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Muli-ExtraBoldItalic.woff") format("woff"), url("../fonts/Muli-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-Black.woff2") format("woff2"), url("../fonts/Muli-Black.woff") format("woff"), url("../fonts/Muli-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-BlackItalic.woff2") format("woff2"), url("../fonts/Muli-BlackItalic.woff") format("woff"), url("../fonts/Muli-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/HelveticaNeue.woff2") format("woff2"), url("../fonts/HelveticaNeue.woff") format("woff"), url("../fonts/HelveticaNeue.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/HelveticaNeue-Italic.woff2") format("woff2"), url("../fonts/HelveticaNeue-Italic.woff") format("woff"), url("../fonts/HelveticaNeue-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/HelveticaNeue-Light.woff2") format("woff2"), url("../fonts/HelveticaNeue-Light.woff") format("woff"), url("../fonts/HelveticaNeue-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/HelveticaNeue-LightItalic.woff2") format("woff2"), url("../fonts/HelveticaNeue-LightItalic.woff") format("woff"), url("../fonts/HelveticaNeue-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/HelveticaNeue-Bold.woff2") format("woff2"), url("../fonts/HelveticaNeue-Bold.woff") format("woff"), url("../fonts/HelveticaNeue-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/HelveticaNeue-BoldItalic.woff2") format("woff2"), url("../fonts/HelveticaNeue-BoldItalic.woff") format("woff"), url("../fonts/HelveticaNeue-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #bd0000;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-orange: #fe5000;
  --color-dark-orange: #eb4800;
  --color-darker-orange: #d24200;
  --color-abbey: #4c5055;
  --color-dune: #2d2926;
  --color-primary: #fe5000;
  --color-secondary: #4c5055;
  --color-accent: #fff;
  --color-red: #bd0000;
  --color-success: var(--color-orange);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey3);
  --color-dark-gray: var(--color-grey4);
  --color-darker-gray: var(--color-grey5);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey5);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-font-family-1: Muli;
  --skin-font-family-2: HelveticaNeue;
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-abbey);
  --skin-main-text-color-2: var(--color-abbey);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-darker-orange);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Muli;
  --skin-header-font-2: HelveticaNeue;
  --skin-body-font: HelveticaNeue;
  --skin-promo-color: var($primary);
  --skin-font-weight-light: 300;
  --skin-font-weight-normal: 400;
  --skin-font-weight-bold: 700;
  --skin-font-weight-extra-bold: 800;
  --skin-font-weight-black: 900; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline;
      list-style: none;
      padding: 0; }
    .select2-container .select2-selection--multiple .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all; }
    .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-results__option--selectable {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative; }
  .select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
      background-color: #f1f1f1;
      color: #333;
      outline: none; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--group {
  padding: 0; }

.select2-container--default .select2-results__option--disabled {
  color: #999; }

.select2-container--default .select2-results__option--selected {
  background-color: #ddd; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 0.1875rem;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 0.1875rem;
    border-bottom-right-radius: 0.1875rem;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 0.1875rem;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 0.1875rem;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555;
      outline: none; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.1875rem;
  border-bottom-right-radius: 0.1875rem; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option--group {
  padding: 0; }

.select2-container--classic .select2-results__option--disabled {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

:root {
  --blue: #0070d2;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #bd0000;
  --orange: #fe5000;
  --yellow: #ffc107;
  --green: #008827;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #fe5000;
  --secondary: #4c5055;
  --success: #fe5000;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #bd0000;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 544px;
  --breakpoint-md: 769px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #f5f5f5; }

[tabindex="-1"]:focus {
  outline: 0 !important; }

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

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

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

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #97999b;
  text-decoration: none;
  background-color: transparent; }
  a:hover {
    color: #717375;
    text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: 0.5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

select {
  word-wrap: normal; }

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

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer; }

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

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

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

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

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

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2; }

h1, .h1 {
  font-size: 2.5rem; }

h2, .h2 {
  font-size: 2rem; }

h3, .h3 {
  font-size: 1.75rem; }

h4, .h4 {
  font-size: 1.5rem; }

h5, .h5 {
  font-size: 1.25rem; }

h6, .h6 {
  font-size: 1rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #cfcfcf; }

small,
.small {
  font-size: 80%;
  font-weight: 400; }

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 0.5rem; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d; }
  .blockquote-footer::before {
    content: "\2014\A0"; }

.img-fluid {
  max-width: 100%;
  height: auto; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: #f5f5f5;
  border: 1px solid #dee2e6;
  border-radius: 0.1875rem;
  max-width: 100%;
  height: auto; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: #6c757d; }

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word; }
  a > code {
    color: inherit; }

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.1875rem; }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700; }

pre {
  display: block;
  font-size: 87.5%;
  color: #212529; }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container, .promo.banner .text.overlay {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 1200px) {
    .container, .promo.banner .text.overlay {
      max-width: 1230px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 544px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 769px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529; }
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #cfcfcf; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #cfcfcf; }
  .table tbody + tbody {
    border-top: 2px solid #cfcfcf; }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid #cfcfcf; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #cfcfcf; }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075); }

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #ffceb8; }

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #fea47a; }

.table-hover .table-primary:hover {
  background-color: #ffbc9f; }
  .table-hover .table-primary:hover > td,
  .table-hover .table-primary:hover > th {
    background-color: #ffbc9f; }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #cdcecf; }

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #a2a4a7; }

.table-hover .table-secondary:hover {
  background-color: #c0c1c3; }
  .table-hover .table-secondary:hover > td,
  .table-hover .table-secondary:hover > th {
    background-color: #c0c1c3; }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #ffceb8; }

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #fea47a; }

.table-hover .table-success:hover {
  background-color: #ffbc9f; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #ffbc9f; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb; }

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda; }

.table-hover .table-info:hover {
  background-color: #abdde5; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #abdde5; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba; }

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e; }

.table-hover .table-warning:hover {
  background-color: #ffe8a1; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #ffe8a1; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #edb8b8; }

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #dd7a7a; }

.table-hover .table-danger:hover {
  background-color: #e8a4a4; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #e8a4a4; }

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe; }

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc; }

.table-hover .table-light:hover {
  background-color: #ececf6; }
  .table-hover .table-light:hover > td,
  .table-hover .table-light:hover > th {
    background-color: #ececf6; }

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca; }

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c; }

.table-hover .table-dark:hover {
  background-color: #b9bbbe; }
  .table-hover .table-dark:hover > td,
  .table-hover .table-dark:hover > th {
    background-color: #b9bbbe; }

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075); }
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075); }

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55; }

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #cfcfcf; }

.table-dark {
  color: #fff;
  background-color: #343a40; }
  .table-dark th,
  .table-dark td,
  .table-dark thead th {
    border-color: #454d55; }
  .table-dark.table-bordered {
    border: 0; }
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05); }
  .table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 543.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-sm > .table-bordered {
      border: 0; } }

@media (max-width: 768.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-md > .table-bordered {
      border: 0; } }

@media (max-width: 1023.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-lg > .table-bordered {
      border: 0; } }

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-xl > .table-bordered {
      border: 0; } }

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  .table-responsive > .table-bordered {
    border: 0; }

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.1875rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .form-control {
      transition: none; } }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ffa77f;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(254, 80, 0, 0.25); }
  .form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control::placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1; }

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff; }

.form-control-file,
.form-control-range {
  display: block;
  width: 100%; }

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5; }

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5; }

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5; }

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0; }
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.1875rem; }

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.1875rem; }

select.form-control[size], select.form-control[multiple] {
  height: auto; }

textarea.form-control {
  height: auto; }

.form-group {
  margin-bottom: 1rem; }

.form-text {
  display: block;
  margin-top: 0.25rem; }

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }
  .form-row > .col,
  .form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px; }

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem; }

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem; }
  .form-check-input:disabled ~ .form-check-label {
    color: #6c757d; }

.form-check-label {
  margin-bottom: 0; }

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem; }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0; }

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #fe5000; }

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(254, 80, 0, 0.9);
  border-radius: 0.1875rem; }

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #fe5000;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fe5000' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: #fe5000;
    box-shadow: 0 0 0 0.2rem rgba(254, 80, 0, 0.25); }
  .was-validated .form-control:valid ~ .valid-feedback,
  .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
  .form-control.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #fe5000;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fe5000' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
    border-color: #fe5000;
    box-shadow: 0 0 0 0.2rem rgba(254, 80, 0, 0.25); }
  .was-validated .custom-select:valid ~ .valid-feedback,
  .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
  .custom-select.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #fe5000; }

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #fe5000; }
  .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: #fe5000; }

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #ff7332;
  background-color: #ff7332; }

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(254, 80, 0, 0.25); }

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #fe5000; }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #fe5000; }

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #fe5000;
  box-shadow: 0 0 0 0.2rem rgba(254, 80, 0, 0.25); }

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #bd0000; }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(189, 0, 0, 0.9);
  border-radius: 0.1875rem; }

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #bd0000;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23bd0000' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23bd0000' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #bd0000;
    box-shadow: 0 0 0 0.2rem rgba(189, 0, 0, 0.25); }
  .was-validated .form-control:invalid ~ .invalid-feedback,
  .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
  .form-control.is-invalid ~ .invalid-tooltip {
    display: block; }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #bd0000;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23bd0000' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23bd0000' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
    border-color: #bd0000;
    box-shadow: 0 0 0 0.2rem rgba(189, 0, 0, 0.25); }
  .was-validated .custom-select:invalid ~ .invalid-feedback,
  .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
  .custom-select.is-invalid ~ .invalid-tooltip {
    display: block; }

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #bd0000; }

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #bd0000; }
  .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: #bd0000; }

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #f00000;
  background-color: #f00000; }

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(189, 0, 0, 0.25); }

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #bd0000; }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #bd0000; }

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #bd0000;
  box-shadow: 0 0 0 0.2rem rgba(189, 0, 0, 0.25); }

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  .form-inline .form-check {
    width: 100%; }
  @media (min-width: 544px) {
    .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0; }
    .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0; }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .form-inline .form-control-plaintext {
      display: inline-block; }
    .form-inline .input-group,
    .form-inline .custom-select {
      width: auto; }
    .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      padding-left: 0; }
    .form-inline .form-check-input {
      position: relative;
      flex-shrink: 0;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0; }
    .form-inline .custom-control {
      align-items: center;
      justify-content: center; }
    .form-inline .custom-control-label {
      margin-bottom: 0; } }

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.1875rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none; } }
  .btn:hover {
    color: #212529;
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(254, 80, 0, 0.25); }
  .btn.disabled, .btn:disabled {
    opacity: 0.65; }

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none; }

.btn-primary {
  color: #fff;
  background-color: #fe5000;
  border-color: #fe5000; }
  .btn-primary:hover {
    color: #fff;
    background-color: #d84400;
    border-color: #cb4000; }
  .btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(254, 106, 38, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #fe5000;
    border-color: #fe5000; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #cb4000;
    border-color: #be3c00; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(254, 106, 38, 0.5); }

.btn-secondary {
  color: #fff;
  background-color: #4c5055;
  border-color: #4c5055; }
  .btn-secondary:hover {
    color: #fff;
    background-color: #3a3d41;
    border-color: #34373a; }
  .btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(103, 106, 111, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #4c5055;
    border-color: #4c5055; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #34373a;
    border-color: #2e3033; }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(103, 106, 111, 0.5); }

.btn-success {
  color: #fff;
  background-color: #fe5000;
  border-color: #fe5000; }
  .btn-success:hover {
    color: #fff;
    background-color: #d84400;
    border-color: #cb4000; }
  .btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(254, 106, 38, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #fe5000;
    border-color: #fe5000; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #cb4000;
    border-color: #be3c00; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(254, 106, 38, 0.5); }

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }
  .btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b; }
  .btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f; }
    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107; }
  .btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00; }
  .btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }

.btn-danger {
  color: #fff;
  background-color: #bd0000;
  border-color: #bd0000; }
  .btn-danger:hover {
    color: #fff;
    background-color: #970000;
    border-color: #8a0000; }
  .btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(199, 38, 38, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #bd0000;
    border-color: #bd0000; }
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #8a0000;
    border-color: #7d0000; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(199, 38, 38, 0.5); }

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa; }
  .btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5; }
  .btn-light:focus, .btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }
  .btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df; }
    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40; }
  .btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124; }
  .btn-dark:focus, .btn-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }
  .btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d; }
    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }

.btn-outline-primary {
  color: #fe5000;
  border-color: #fe5000; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #fe5000;
    border-color: #fe5000; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(254, 80, 0, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #fe5000;
    background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #fe5000;
    border-color: #fe5000; }
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(254, 80, 0, 0.5); }

.btn-outline-secondary {
  color: #4c5055;
  border-color: #4c5055; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #4c5055;
    border-color: #4c5055; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 80, 85, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #4c5055;
    background-color: transparent; }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #4c5055;
    border-color: #4c5055; }
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(76, 80, 85, 0.5); }

.btn-outline-success {
  color: #fe5000;
  border-color: #fe5000; }
  .btn-outline-success:hover {
    color: #fff;
    background-color: #fe5000;
    border-color: #fe5000; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(254, 80, 0, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #fe5000;
    background-color: transparent; }
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #fe5000;
    border-color: #fe5000; }
    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(254, 80, 0, 0.5); }

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8; }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent; }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107; }
  .btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent; }
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.btn-outline-danger {
  color: #bd0000;
  border-color: #bd0000; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #bd0000;
    border-color: #bd0000; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(189, 0, 0, 0.5); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #bd0000;
    background-color: transparent; }
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd0000;
    border-color: #bd0000; }
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(189, 0, 0, 0.5); }

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa; }
  .btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent; }
  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent; }
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.btn-link {
  font-weight: 400;
  color: #97999b;
  text-decoration: none; }
  .btn-link:hover {
    color: #717375;
    text-decoration: underline; }
  .btn-link:focus, .btn-link.focus {
    text-decoration: underline;
    box-shadow: none; }
  .btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
    pointer-events: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.1875rem; }

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.1875rem; }

.btn-block {
  display: block;
  width: 100%; }
  .btn-block + .btn-block {
    margin-top: 0.5rem; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  transition: opacity 0.15s linear; }
  @media (prefers-reduced-motion: reduce) {
    .fade {
      transition: none; } }
  .fade:not(.show) {
    opacity: 0; }

.collapse:not(.show) {
  display: none; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }
  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      transition: none; } }

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative; }

.dropdown-toggle {
  white-space: nowrap; }
  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent; }
  .dropdown-toggle:empty::after {
    margin-left: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.1875rem; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

@media (min-width: 544px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0; }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto; } }

@media (min-width: 769px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0; }
  .dropdown-menu-md-right {
    right: 0;
    left: auto; } }

@media (min-width: 1024px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0; }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto; } }

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0; }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto; } }

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem; }

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid; }

.dropright .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-toggle::after {
  vertical-align: 0; }

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem; }

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: ""; }

.dropleft .dropdown-toggle::after {
  display: none; }

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent; }

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropleft .dropdown-toggle::before {
  vertical-align: 0; }

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto; }

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #fe5000; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap; }

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    flex: 1 1 auto; }
    .btn-group > .btn:hover,
    .btn-group-vertical > .btn:hover {
      z-index: 1; }
    .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 1; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px; }

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem; }
  .dropdown-toggle-split::after,
  .dropup .dropdown-toggle-split::after,
  .dropright .dropdown-toggle-split::after {
    margin-left: 0; }
  .dropleft .dropdown-toggle-split::before {
    margin-right: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn-group {
    width: 100%; }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px; }
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0; }
  .btn-group-toggle > .btn input[type="radio"],
  .btn-group-toggle > .btn input[type="checkbox"],
  .btn-group-toggle > .btn-group > .btn input[type="radio"],
  .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none; }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-group > .form-control,
  .input-group > .form-control-plaintext,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
    .input-group > .form-control + .form-control,
    .input-group > .form-control + .custom-select,
    .input-group > .form-control + .custom-file,
    .input-group > .form-control-plaintext + .form-control,
    .input-group > .form-control-plaintext + .custom-select,
    .input-group > .form-control-plaintext + .custom-file,
    .input-group > .custom-select + .form-control,
    .input-group > .custom-select + .custom-select,
    .input-group > .custom-select + .custom-file,
    .input-group > .custom-file + .form-control,
    .input-group > .custom-file + .custom-select,
    .input-group > .custom-file + .custom-file {
      margin-left: -1px; }
  .input-group > .form-control:focus,
  .input-group > .custom-select:focus,
  .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3; }
  .input-group > .custom-file .custom-file-input:focus {
    z-index: 4; }
  .input-group > .form-control:not(:last-child),
  .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group > .form-control:not(:first-child),
  .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group > .custom-file {
    display: flex;
    align-items: center; }
    .input-group > .custom-file:not(:last-child) .custom-file-label,
    .input-group > .custom-file:not(:last-child) .custom-file-label::after {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .input-group > .custom-file:not(:first-child) .custom-file-label {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

.input-group-prepend,
.input-group-append {
  display: flex; }
  .input-group-prepend .btn,
  .input-group-append .btn {
    position: relative;
    z-index: 2; }
    .input-group-prepend .btn:focus,
    .input-group-append .btn:focus {
      z-index: 3; }
  .input-group-prepend .btn + .btn,
  .input-group-prepend .btn + .input-group-text,
  .input-group-prepend .input-group-text + .input-group-text,
  .input-group-prepend .input-group-text + .btn,
  .input-group-append .btn + .btn,
  .input-group-append .btn + .input-group-text,
  .input-group-append .input-group-text + .input-group-text,
  .input-group-append .input-group-text + .btn {
    margin-left: -1px; }

.input-group-prepend {
  margin-right: -1px; }

.input-group-append {
  margin-left: -1px; }

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.1875rem; }
  .input-group-text input[type="radio"],
  .input-group-text input[type="checkbox"] {
    margin-top: 0; }

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px); }

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.1875rem; }

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px); }

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.1875rem; }

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem; }

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem; }

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem; }

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }
  .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #fe5000;
    background-color: #fe5000; }
  .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(254, 80, 0, 0.25); }
  .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #ffa77f; }
  .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #ffcab2;
    border-color: #ffcab2; }
  .custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d; }
    .custom-control-input:disabled ~ .custom-control-label::before {
      background-color: #e9ecef; }

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top; }
  .custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px; }
  .custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50% / 50% 50%; }

.custom-checkbox .custom-control-label::before {
  border-radius: 0.1875rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #fe5000;
  background-color: #fe5000; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(254, 80, 0, 0.5); }

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(254, 80, 0, 0.5); }

.custom-radio .custom-control-label::before {
  border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(254, 80, 0, 0.5); }

.custom-switch {
  padding-left: 2.25rem; }
  .custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem; }
  .custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .custom-switch .custom-control-label::after {
        transition: none; } }
  .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    transform: translateX(0.75rem); }
  .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(254, 80, 0, 0.5); }

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.1875rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .custom-select:focus {
    border-color: #ffa77f;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(254, 80, 0, 0.25); }
    .custom-select:focus::-ms-value {
      color: #495057;
      background-color: #fff; }
  .custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none; }
  .custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef; }
  .custom-select::-ms-expand {
    display: none; }

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem; }

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem; }

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0; }

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0; }
  .custom-file-input:focus ~ .custom-file-label {
    border-color: #ffa77f;
    box-shadow: 0 0 0 0.2rem rgba(254, 80, 0, 0.25); }
  .custom-file-input:disabled ~ .custom-file-label {
    background-color: #e9ecef; }
  .custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse"; }
  .custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse); }

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.1875rem; }
  .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.1875rem 0.1875rem 0; }

.custom-range {
  width: 100%;
  height: calc(1rem + 0.4rem);
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .custom-range:focus {
    outline: none; }
    .custom-range:focus::-webkit-slider-thumb {
      box-shadow: 0 0 0 1px #f5f5f5, 0 0 0 0.2rem rgba(254, 80, 0, 0.25); }
    .custom-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px #f5f5f5, 0 0 0 0.2rem rgba(254, 80, 0, 0.25); }
    .custom-range:focus::-ms-thumb {
      box-shadow: 0 0 0 1px #f5f5f5, 0 0 0 0.2rem rgba(254, 80, 0, 0.25); }
  .custom-range::-moz-focus-outer {
    border: 0; }
  .custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #fe5000;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
            appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none; } }
    .custom-range::-webkit-slider-thumb:active {
      background-color: #ffcab2; }
  .custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem; }
  .custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #fe5000;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
         appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none; } }
    .custom-range::-moz-range-thumb:active {
      background-color: #ffcab2; }
  .custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem; }
  .custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #fe5000;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none; } }
    .custom-range::-ms-thumb:active {
      background-color: #ffcab2; }
  .custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem; }
  .custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem; }
  .custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem; }
  .custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd; }
  .custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default; }
  .custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd; }
  .custom-range:disabled::-moz-range-track {
    cursor: default; }
  .custom-range:disabled::-ms-thumb {
    background-color: #adb5bd; }

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
      transition: none; } }

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: block;
  padding: 0.5rem 1rem; }
  .nav-link:hover, .nav-link:focus {
    text-decoration: none; }
  .nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default; }

.nav-tabs {
  border-bottom: 0 solid #dee2e6; }
  .nav-tabs .nav-item {
    margin-bottom: 0; }
  .nav-tabs .nav-link {
    border: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
      border-color: #e9ecef #e9ecef #dee2e6; }
    .nav-tabs .nav-link.disabled {
      color: #6c757d;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #f5f5f5;
    border-color: #dee2e6 #dee2e6 #f5f5f5; }
  .nav-tabs .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.nav-pills .nav-link {
  border-radius: 0.1875rem; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #fe5000; }

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem; }
  .navbar > .container, .promo.banner .navbar > .text.overlay,
  .navbar > .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0; }
  .navbar-nav .dropdown-menu {
    position: static;
    float: none; }

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center; }

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.1875rem; }
  .navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration: none; }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%; }

@media (max-width: 543.98px) {
  .navbar-expand-sm > .container, .promo.banner .navbar-expand-sm > .text.overlay,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 544px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-sm .navbar-nav {
      flex-direction: row; }
      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-sm > .container, .promo.banner .navbar-expand-sm > .text.overlay,
    .navbar-expand-sm > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-sm .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-sm .navbar-toggler {
      display: none; } }

@media (max-width: 768.98px) {
  .navbar-expand-md > .container, .promo.banner .navbar-expand-md > .text.overlay,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 769px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-md .navbar-nav {
      flex-direction: row; }
      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-md > .container, .promo.banner .navbar-expand-md > .text.overlay,
    .navbar-expand-md > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-md .navbar-toggler {
      display: none; } }

@media (max-width: 1023.98px) {
  .navbar-expand-lg > .container, .promo.banner .navbar-expand-lg > .text.overlay,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1024px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-lg > .container, .promo.banner .navbar-expand-lg > .text.overlay,
    .navbar-expand-lg > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-lg .navbar-toggler {
      display: none; } }

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container, .promo.banner .navbar-expand-xl > .text.overlay,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xl > .container, .promo.banner .navbar-expand-xl > .text.overlay,
    .navbar-expand-xl > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xl .navbar-toggler {
      display: none; } }

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start; }
  .navbar-expand > .container, .promo.banner .navbar-expand > .text.overlay,
  .navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0; }
  .navbar-expand .navbar-nav {
    flex-direction: row; }
    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute; }
    .navbar-expand .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem; }
  .navbar-expand > .container, .promo.banner .navbar-expand > .text.overlay,
  .navbar-expand > .container-fluid {
    flex-wrap: nowrap; }
  .navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand .navbar-toggler {
    display: none; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9); }
  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7); }
  .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9); }
    .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
      color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand {
  color: #fff; }
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75); }
  .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff; }

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-text a {
    color: #fff; }
    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
      color: #fff; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.1875rem; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0.1875rem; }
  .card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem; }

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .card-header:first-child {
    border-radius: calc(0.1875rem - 1px) calc(0.1875rem - 1px) 0 0; }
  .card-header + .list-group .list-group-item:first-child {
    border-top: 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.125); }
  .card-footer:last-child {
    border-radius: 0 0 calc(0.1875rem - 1px) calc(0.1875rem - 1px); }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img {
  width: 100%;
  border-radius: calc(0.1875rem - 1px); }

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.1875rem - 1px);
  border-top-right-radius: calc(0.1875rem - 1px); }

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.1875rem - 1px);
  border-bottom-left-radius: calc(0.1875rem - 1px); }

.card-deck {
  display: flex;
  flex-direction: column; }
  .card-deck .card {
    margin-bottom: 15px; }
  @media (min-width: 544px) {
    .card-deck {
      flex-flow: row wrap;
      margin-right: -15px;
      margin-left: -15px; }
      .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px; } }

.card-group {
  display: flex;
  flex-direction: column; }
  .card-group > .card {
    margin-bottom: 15px; }
  @media (min-width: 544px) {
    .card-group {
      flex-flow: row wrap; }
      .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0; }
        .card-group > .card + .card {
          margin-left: 0;
          border-left: 0; }
        .card-group > .card:not(:last-child) {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
          .card-group > .card:not(:last-child) .card-img-top,
          .card-group > .card:not(:last-child) .card-header {
            border-top-right-radius: 0; }
          .card-group > .card:not(:last-child) .card-img-bottom,
          .card-group > .card:not(:last-child) .card-footer {
            border-bottom-right-radius: 0; }
        .card-group > .card:not(:first-child) {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
          .card-group > .card:not(:first-child) .card-img-top,
          .card-group > .card:not(:first-child) .card-header {
            border-top-left-radius: 0; }
          .card-group > .card:not(:first-child) .card-img-bottom,
          .card-group > .card:not(:first-child) .card-footer {
            border-bottom-left-radius: 0; } }

.card-columns .card {
  margin-bottom: 0.75rem; }

@media (min-width: 544px) {
  .card-columns {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    orphans: 1;
    widows: 1; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }

.accordion > .card {
  overflow: hidden; }
  .accordion > .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0; }
  .accordion > .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0; }
  .accordion > .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .accordion > .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .accordion > .card .card-header {
    margin-bottom: -1px; }

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: transparent;
  border-radius: 0.1875rem; }

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem; }
  .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/"; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none; }

.breadcrumb-item.active {
  color: #6c757d; }

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.1875rem; }

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #97999b;
  background-color: #fff;
  border: 1px solid #dee2e6; }
  .page-link:hover {
    z-index: 2;
    color: #717375;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6; }
  .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(254, 80, 0, 0.25); }

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem; }

.page-item:last-child .page-link {
  border-top-right-radius: 0.1875rem;
  border-bottom-right-radius: 0.1875rem; }

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #fe5000;
  border-color: #fe5000; }

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6; }

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5; }

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem; }

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.1875rem;
  border-bottom-right-radius: 0.1875rem; }

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5; }

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem; }

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.1875rem;
  border-bottom-right-radius: 0.1875rem; }

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.1875rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .badge {
      transition: none; } }
  a.badge:hover, a.badge:focus {
    text-decoration: none; }
  .badge:empty {
    display: none; }

.btn .badge {
  position: relative;
  top: -1px; }

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem; }

.badge-primary {
  color: #fff;
  background-color: #fe5000; }
  a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #cb4000; }
  a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(254, 80, 0, 0.5); }

.badge-secondary {
  color: #fff;
  background-color: #4c5055; }
  a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #34373a; }
  a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(76, 80, 85, 0.5); }

.badge-success {
  color: #fff;
  background-color: #fe5000; }
  a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #cb4000; }
  a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(254, 80, 0, 0.5); }

.badge-info {
  color: #fff;
  background-color: #17a2b8; }
  a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b; }
  a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.badge-warning {
  color: #212529;
  background-color: #ffc107; }
  a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00; }
  a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.badge-danger {
  color: #fff;
  background-color: #bd0000; }
  a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #8a0000; }
  a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(189, 0, 0, 0.5); }

.badge-light {
  color: #212529;
  background-color: #f8f9fa; }
  a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5; }
  a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.badge-dark {
  color: #fff;
  background-color: #343a40; }
  a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124; }
  a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.1875rem; }
  @media (min-width: 544px) {
    .jumbotron {
      padding: 4rem 2rem; } }

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; }

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.1875rem; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: 700; }

.alert-dismissible {
  padding-right: 4rem; }
  .alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit; }

.alert-primary {
  color: #842a00;
  background-color: #ffdccc;
  border-color: #ffceb8; }
  .alert-primary hr {
    border-top-color: #ffbc9f; }
  .alert-primary .alert-link {
    color: #511a00; }

.alert-secondary {
  color: #282a2c;
  background-color: #dbdcdd;
  border-color: #cdcecf; }
  .alert-secondary hr {
    border-top-color: #c0c1c3; }
  .alert-secondary .alert-link {
    color: #101111; }

.alert-success {
  color: #842a00;
  background-color: #ffdccc;
  border-color: #ffceb8; }
  .alert-success hr {
    border-top-color: #ffbc9f; }
  .alert-success .alert-link {
    color: #511a00; }

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb; }
  .alert-info hr {
    border-top-color: #abdde5; }
  .alert-info .alert-link {
    color: #062c33; }

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba; }
  .alert-warning hr {
    border-top-color: #ffe8a1; }
  .alert-warning .alert-link {
    color: #533f03; }

.alert-danger {
  color: #620000;
  background-color: #f2cccc;
  border-color: #edb8b8; }
  .alert-danger hr {
    border-top-color: #e8a4a4; }
  .alert-danger .alert-link {
    color: #2f0000; }

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe; }
  .alert-light hr {
    border-top-color: #ececf6; }
  .alert-light .alert-link {
    color: #686868; }

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca; }
  .alert-dark hr {
    border-top-color: #b9bbbe; }
  .alert-dark .alert-link {
    color: #040505; }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.1875rem; }

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #fe5000;
  transition: width 0.6s ease; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar {
      transition: none; } }

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
      animation: none; } }

.media {
  display: flex;
  align-items: flex-start; }

.media-body {
  flex: 1; }

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0; }

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit; }
  .list-group-item-action:hover, .list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa; }
  .list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef; }

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125); }
  .list-group-item:first-child {
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0.1875rem; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem; }
  .list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff; }
  .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #fe5000;
    border-color: #fe5000; }

.list-group-horizontal {
  flex-direction: row; }
  .list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0; }
    .list-group-horizontal .list-group-item:first-child {
      border-top-left-radius: 0.1875rem;
      border-bottom-left-radius: 0.1875rem;
      border-top-right-radius: 0; }
    .list-group-horizontal .list-group-item:last-child {
      margin-right: 0;
      border-top-right-radius: 0.1875rem;
      border-bottom-right-radius: 0.1875rem;
      border-bottom-left-radius: 0; }

@media (min-width: 544px) {
  .list-group-horizontal-sm {
    flex-direction: row; }
    .list-group-horizontal-sm .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-sm .list-group-item:first-child {
        border-top-left-radius: 0.1875rem;
        border-bottom-left-radius: 0.1875rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-sm .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.1875rem;
        border-bottom-right-radius: 0.1875rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 769px) {
  .list-group-horizontal-md {
    flex-direction: row; }
    .list-group-horizontal-md .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-md .list-group-item:first-child {
        border-top-left-radius: 0.1875rem;
        border-bottom-left-radius: 0.1875rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-md .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.1875rem;
        border-bottom-right-radius: 0.1875rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 1024px) {
  .list-group-horizontal-lg {
    flex-direction: row; }
    .list-group-horizontal-lg .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-lg .list-group-item:first-child {
        border-top-left-radius: 0.1875rem;
        border-bottom-left-radius: 0.1875rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-lg .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.1875rem;
        border-bottom-right-radius: 0.1875rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row; }
    .list-group-horizontal-xl .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-xl .list-group-item:first-child {
        border-top-left-radius: 0.1875rem;
        border-bottom-left-radius: 0.1875rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-xl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.1875rem;
        border-bottom-right-radius: 0.1875rem;
        border-bottom-left-radius: 0; } }

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0; }
  .list-group-flush .list-group-item:last-child {
    margin-bottom: -1px; }

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0; }

.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0; }

.list-group-item-primary {
  color: #842a00;
  background-color: #ffceb8; }
  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #842a00;
    background-color: #ffbc9f; }
  .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #842a00;
    border-color: #842a00; }

.list-group-item-secondary {
  color: #282a2c;
  background-color: #cdcecf; }
  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #282a2c;
    background-color: #c0c1c3; }
  .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #282a2c;
    border-color: #282a2c; }

.list-group-item-success {
  color: #842a00;
  background-color: #ffceb8; }
  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #842a00;
    background-color: #ffbc9f; }
  .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #842a00;
    border-color: #842a00; }

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb; }
  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5; }
  .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460; }

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba; }
  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1; }
  .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404; }

.list-group-item-danger {
  color: #620000;
  background-color: #edb8b8; }
  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #620000;
    background-color: #e8a4a4; }
  .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #620000;
    border-color: #620000; }

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe; }
  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6; }
  .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182; }

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca; }
  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe; }
  .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21; }

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5; }
  .close:hover {
    color: #000;
    text-decoration: none; }
  .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity: .75; }

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

a.close.disabled {
  pointer-events: none; }

.modal-open {
  overflow: hidden; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px); }
    @media (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        transition: none; } }
  .modal.show .modal-dialog {
    transform: none; }

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem); }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden; }
  .modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    flex-shrink: 0; }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto; }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem); }
  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""; }
  .modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%; }
    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
      max-height: none; }
    .modal-dialog-centered.modal-dialog-scrollable::before {
      content: none; }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.1875rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #aaa;
  border-top-left-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem; }
  .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem; }

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #aaa;
  border-bottom-right-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 544px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem); }
    .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 3.5rem); }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem); }
    .modal-dialog-centered::before {
      height: calc(100vh - 3.5rem); }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 1024px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px; } }

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0; }
  .tooltip.show {
    opacity: 0.9; }
  .tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem; }
    .tooltip .arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0; }
  .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0; }
    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
      top: 0;
      border-width: 0.4rem 0.4rem 0;
      border-top-color: #000; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem; }
  .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
      right: 0;
      border-width: 0.4rem 0.4rem 0.4rem 0;
      border-right-color: #000; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0; }
  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0; }
    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
      bottom: 0;
      border-width: 0 0.4rem 0.4rem;
      border-bottom-color: #000; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem; }
  .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
      left: 0;
      border-width: 0.4rem 0 0.4rem 0.4rem;
      border-left-color: #000; }

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.1875rem; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.1875rem; }
  .popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.1875rem; }
    .popover .arrow::before, .popover .arrow::after {
      position: absolute;
      display: block;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem; }
  .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
    bottom: calc((0.5rem + 1px) * -1); }
    .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
      bottom: 0;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
      bottom: 1px;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: #fff; }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem; }
  .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.1875rem 0; }
    .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
      left: 0;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
      left: 1px;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: #fff; }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem; }
  .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
    top: calc((0.5rem + 1px) * -1); }
    .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
      top: 0;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
      top: 1px;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: #fff; }
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7; }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem; }
  .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.1875rem 0; }
    .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
      right: 0;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
      right: 1px;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: #fff; }

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.1875rem - 1px);
  border-top-right-radius: calc(0.1875rem - 1px); }
  .popover-header:empty {
    display: none; }

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529; }

.carousel {
  position: relative; }

.carousel.pointer-event {
  touch-action: pan-y; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner::after {
    display: block;
    clear: both;
    content: ""; }

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-item {
      transition: none; } }

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block; }

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%); }

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%); }

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none; }

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1; }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s 0.6s opacity; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
      transition: none; } }

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
      transition: none; } }
  .carousel-control-prev:hover, .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9; }

.carousel-control-prev {
  left: 0; }

.carousel-control-next {
  right: 0; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%; }

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); }

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none; }
  .carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity 0.6s ease; }
    @media (prefers-reduced-motion: reduce) {
      .carousel-indicators li {
        transition: none; } }
  .carousel-indicators .active {
    opacity: 1; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center; }

.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.bg-primary {
  background-color: #fe5000 !important; }

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #cb4000 !important; }

.bg-secondary {
  background-color: #4c5055 !important; }

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #34373a !important; }

.bg-success {
  background-color: #fe5000 !important; }

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #cb4000 !important; }

.bg-info {
  background-color: #17a2b8 !important; }

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important; }

.bg-warning {
  background-color: #ffc107 !important; }

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important; }

.bg-danger {
  background-color: #bd0000 !important; }

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #8a0000 !important; }

.bg-light {
  background-color: #f8f9fa !important; }

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important; }

.bg-dark {
  background-color: #343a40 !important; }

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important; }

.bg-white {
  background-color: #fff !important; }

.bg-transparent {
  background-color: transparent !important; }

.border {
  border: 1px solid #aaa !important; }

.border-top {
  border-top: 1px solid #aaa !important; }

.border-right {
  border-right: 1px solid #aaa !important; }

.border-bottom {
  border-bottom: 1px solid #aaa !important; }

.border-left {
  border-left: 1px solid #aaa !important; }

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

.border-primary {
  border-color: #fe5000 !important; }

.border-secondary {
  border-color: #4c5055 !important; }

.border-success {
  border-color: #fe5000 !important; }

.border-info {
  border-color: #17a2b8 !important; }

.border-warning {
  border-color: #ffc107 !important; }

.border-danger {
  border-color: #bd0000 !important; }

.border-light {
  border-color: #f8f9fa !important; }

.border-dark {
  border-color: #343a40 !important; }

.border-white {
  border-color: #fff !important; }

.rounded-sm {
  border-radius: 0.1875rem !important; }

.rounded {
  border-radius: 0.1875rem !important; }

.rounded-top {
  border-top-left-radius: 0.1875rem !important;
  border-top-right-radius: 0.1875rem !important; }

.rounded-right {
  border-top-right-radius: 0.1875rem !important;
  border-bottom-right-radius: 0.1875rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.1875rem !important;
  border-bottom-left-radius: 0.1875rem !important; }

.rounded-left {
  border-top-left-radius: 0.1875rem !important;
  border-bottom-left-radius: 0.1875rem !important; }

.rounded-lg {
  border-radius: 0.1875rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-pill {
  border-radius: 50rem !important; }

.rounded-0 {
  border-radius: 0 !important; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 544px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 769px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1024px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 544px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 769px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 1024px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-none {
  float: none !important; }

@media (min-width: 544px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 769px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 1024px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !important; }
  .float-xl-none {
    float: none !important; } }

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

.overflow-hidden {
  overflow: hidden !important; }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  box-shadow: none !important; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

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

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.vw-100 {
  width: 100vw !important; }

.vh-100 {
  height: 100vh !important; }

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0); }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-n1 {
  margin: -0.25rem !important; }

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important; }

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important; }

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important; }

.m-n2 {
  margin: -0.5rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important; }

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important; }

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important; }

.m-n3 {
  margin: -1rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -1rem !important; }

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important; }

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important; }

.m-n4 {
  margin: -1.5rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important; }

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important; }

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important; }

.m-n5 {
  margin: -3rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -3rem !important; }

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important; }

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 544px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-n1 {
    margin: -0.25rem !important; }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important; }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important; }
  .m-sm-n2 {
    margin: -0.5rem !important; }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important; }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important; }
  .m-sm-n3 {
    margin: -1rem !important; }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important; }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important; }
  .m-sm-n4 {
    margin: -1.5rem !important; }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important; }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important; }
  .m-sm-n5 {
    margin: -3rem !important; }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important; }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 769px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-n1 {
    margin: -0.25rem !important; }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important; }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important; }
  .m-md-n2 {
    margin: -0.5rem !important; }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important; }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important; }
  .m-md-n3 {
    margin: -1rem !important; }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important; }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important; }
  .m-md-n4 {
    margin: -1.5rem !important; }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important; }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important; }
  .m-md-n5 {
    margin: -3rem !important; }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important; }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 1024px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-n1 {
    margin: -0.25rem !important; }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important; }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important; }
  .m-lg-n2 {
    margin: -0.5rem !important; }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important; }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important; }
  .m-lg-n3 {
    margin: -1rem !important; }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important; }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important; }
  .m-lg-n4 {
    margin: -1.5rem !important; }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important; }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important; }
  .m-lg-n5 {
    margin: -3rem !important; }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important; }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-n1 {
    margin: -0.25rem !important; }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important; }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important; }
  .m-xl-n2 {
    margin: -0.5rem !important; }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important; }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important; }
  .m-xl-n3 {
    margin: -1rem !important; }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important; }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important; }
  .m-xl-n4 {
    margin: -1.5rem !important; }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important; }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important; }
  .m-xl-n5 {
    margin: -3rem !important; }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important; }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }

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

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

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

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

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

@media (min-width: 544px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 769px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 1024px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-lighter {
  font-weight: lighter !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-weight-bolder {
  font-weight: bolder !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }

.text-primary {
  color: #fe5000 !important; }

a.text-primary:hover, a.text-primary:focus {
  color: #b23800 !important; }

.text-secondary {
  color: #4c5055 !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #282a2d !important; }

.text-success {
  color: #fe5000 !important; }

a.text-success:hover, a.text-success:focus {
  color: #b23800 !important; }

.text-info {
  color: #17a2b8 !important; }

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important; }

.text-warning {
  color: #ffc107 !important; }

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important; }

.text-danger {
  color: #bd0000 !important; }

a.text-danger:hover, a.text-danger:focus {
  color: #710000 !important; }

.text-light {
  color: #f8f9fa !important; }

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important; }

.text-dark {
  color: #343a40 !important; }

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important; }

.text-body {
  color: #212529 !important; }

.text-muted {
  color: #6c757d !important; }

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.text-decoration-none {
  text-decoration: none !important; }

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important; }

.text-reset {
  color: inherit !important; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important; }
  a:not(.btn) {
    text-decoration: underline; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  pre {
    white-space: pre-wrap !important; }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  @page {
    size: a3; }
  body {
    min-width: 1024px !important; }
  .container, .promo.banner .text.overlay {
    min-width: 1024px !important; }
  .navbar {
    display: none; }
  .badge {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important; }
  .table-dark {
    color: inherit; }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
      border-color: #cfcfcf; }
  .table .thead-dark th {
    color: inherit;
    border-color: #cfcfcf; } }

.carousel .icon-prev,
.carousel .icon-next {
  background-color: #fff;
  font-size: 1.875em;
  height: 3rem;
  padding-top: 0.24em;
  width: 3rem; }
  .carousel .icon-prev::before,
  .carousel .icon-next::before {
    color: black;
    font-family: 'FontAwesome'; }

.carousel .icon-prev::before {
  content: '\F104'; }

.carousel .icon-next::before {
  content: '\F105'; }

.carousel .carousel-control-prev {
  justify-content: flex-start; }

.carousel .carousel-control-next {
  justify-content: flex-end; }

.nav-tabs {
  border-bottom: 1px solid #cfcfcf; }
  .nav-tabs .nav-link {
    font-size: 1.1rem;
    color: #e9ecef #e9ecef #dee2e6; }
    .nav-tabs .nav-link.active {
      border-bottom: 0.188em solid var(--skin-primary-color-1); }

.card {
  margin-bottom: 1em; }

.card-header h4 {
  margin-bottom: 0; }

.modal .modal-body {
  flex: 0 0 auto; }

dt {
  color: #495057;
  font-weight: normal; }

.custom-checkbox .custom-control-label::before {
  border: 1px solid black;
  background: #f5f5f5;
  /* For browsers that do not support gradients */
  background: linear-gradient(#f5f5f5, #cfcfcf);
  /* Standard syntax */ }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-label::before {
  border: 1px solid black;
  background: #cfcfcf;
  /* For browsers that do not support gradients */
  background: linear-gradient(#cfcfcf, #4c5055);
  /* Standard syntax */ }

.form-control.is-invalid {
  background-image: none; }

.btn {
  border-radius: 0;
  text-transform: uppercase; }

input::-moz-placeholder {
  color: var(--color-grey3); }

input::placeholder {
  color: var(--color-grey3); }

.form-control {
  border-radius: 0; }

.custom-control-input:checked ~ .custom-control-label::before {
  color: var(--color-white);
  border-color: var(--skin-primary-color-1);
  background-color: var(--skin-primary-color-1); }

.custom-checkbox .custom-control-label::before {
  border: 1px solid #cfcfcf;
  background: transparent; }

.custom-radio .custom-control-label::before {
  border: 1px solid #cfcfcf;
  background: transparent; }

.btn {
  border-radius: 0;
  text-transform: uppercase; }

input::-moz-placeholder {
  color: var(--color-grey3); }

input::placeholder {
  color: var(--color-grey3); }

.list-unstyled {
  margin: 0; }

.form-control {
  border-radius: 0; }

.custom-control-input:checked ~ .custom-control-label::before {
  color: var(--color-white);
  border-color: var(--skin-primary-color-1);
  background-color: var(--skin-primary-color-1); }

.custom-checkbox .custom-control-label::before {
  border: 1px solid #cfcfcf;
  background: transparent; }

.custom-radio .custom-control-label::before {
  border: 1px solid #cfcfcf;
  background: transparent; }

.modal.video.show .modal-dialog {
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: auto;
  top: 50%;
  transform: translateY(-50%); }

.modal.video.show .modal-content {
  width: 90vw;
  padding: 1rem; }
  @media (min-width: 544px) {
    .modal.video.show .modal-content {
      width: 80vw; } }
  @media (min-width: 769px) {
    .modal.video.show .modal-content {
      width: 70vw; } }

.modal.video.show .modal-header {
  padding: 0 0 1rem;
  background-color: transparent;
  border-bottom: 1px solid #dee2e6; }
  .modal.video.show .modal-header .close {
    font-size: 1.5rem; }
    .modal.video.show .modal-header .close span {
      font-size: inherit;
      margin-right: 0.313em; }

.modal.video.show .modal-body {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 1.875rem;
  height: 0;
  overflow: hidden; }
  .modal.video.show .modal-body iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.pull-left-xs {
  float: left; }

.pull-right-xs {
  float: right; }

@media (min-width: 544px) and (max-width: 768.98px) {
  .pull-left-sm {
    float: left; }
  .pull-right-sm {
    float: right; } }

@media (min-width: 769px) and (max-width: 1023.98px) {
  .pull-left-md {
    float: left; }
  .pull-right-md {
    float: right; } }

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .pull-left-lg {
    float: left; }
  .pull-right-lg {
    float: right; } }

@media (min-width: 1200px) {
  .pull-left-xl {
    float: left; }
  .pull-right-xl {
    float: right; } }

@media (max-width: 543.98px) {
  .hidden-xs-down {
    display: none !important; } }

@media (max-width: 768.98px) {
  .hidden-sm-down {
    display: none !important; } }

@media (max-width: 1023.98px) {
  .hidden-md-down {
    display: none !important; } }

@media (max-width: 1199.98px) {
  .hidden-lg-down {
    display: none !important; } }

.hidden-xl-down {
  display: none !important; }

.row.equal-height > [class^="col"] {
  display: flex; }

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  animation: fa-spin 1s infinite steps(8); }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\F26E"; }

.fa-accessible-icon:before {
  content: "\F368"; }

.fa-accusoft:before {
  content: "\F369"; }

.fa-acquisitions-incorporated:before {
  content: "\F6AF"; }

.fa-ad:before {
  content: "\F641"; }

.fa-address-book:before {
  content: "\F2B9"; }

.fa-address-card:before {
  content: "\F2BB"; }

.fa-adjust:before {
  content: "\F042"; }

.fa-adn:before {
  content: "\F170"; }

.fa-adversal:before {
  content: "\F36A"; }

.fa-affiliatetheme:before {
  content: "\F36B"; }

.fa-air-freshener:before {
  content: "\F5D0"; }

.fa-airbnb:before {
  content: "\F834"; }

.fa-algolia:before {
  content: "\F36C"; }

.fa-align-center:before {
  content: "\F037"; }

.fa-align-justify:before {
  content: "\F039"; }

.fa-align-left:before {
  content: "\F036"; }

.fa-align-right:before {
  content: "\F038"; }

.fa-alipay:before {
  content: "\F642"; }

.fa-allergies:before {
  content: "\F461"; }

.fa-amazon:before {
  content: "\F270"; }

.fa-amazon-pay:before {
  content: "\F42C"; }

.fa-ambulance:before {
  content: "\F0F9"; }

.fa-american-sign-language-interpreting:before {
  content: "\F2A3"; }

.fa-amilia:before {
  content: "\F36D"; }

.fa-anchor:before {
  content: "\F13D"; }

.fa-android:before {
  content: "\F17B"; }

.fa-angellist:before {
  content: "\F209"; }

.fa-angle-double-down:before {
  content: "\F103"; }

.fa-angle-double-left:before {
  content: "\F100"; }

.fa-angle-double-right:before {
  content: "\F101"; }

.fa-angle-double-up:before {
  content: "\F102"; }

.fa-angle-down:before {
  content: "\F107"; }

.fa-angle-left:before {
  content: "\F104"; }

.fa-angle-right:before {
  content: "\F105"; }

.fa-angle-up:before {
  content: "\F106"; }

.fa-angry:before {
  content: "\F556"; }

.fa-angrycreative:before {
  content: "\F36E"; }

.fa-angular:before {
  content: "\F420"; }

.fa-ankh:before {
  content: "\F644"; }

.fa-app-store:before {
  content: "\F36F"; }

.fa-app-store-ios:before {
  content: "\F370"; }

.fa-apper:before {
  content: "\F371"; }

.fa-apple:before {
  content: "\F179"; }

.fa-apple-alt:before {
  content: "\F5D1"; }

.fa-apple-pay:before {
  content: "\F415"; }

.fa-archive:before {
  content: "\F187"; }

.fa-archway:before {
  content: "\F557"; }

.fa-arrow-alt-circle-down:before {
  content: "\F358"; }

.fa-arrow-alt-circle-left:before {
  content: "\F359"; }

.fa-arrow-alt-circle-right:before {
  content: "\F35A"; }

.fa-arrow-alt-circle-up:before {
  content: "\F35B"; }

.fa-arrow-circle-down:before {
  content: "\F0AB"; }

.fa-arrow-circle-left:before {
  content: "\F0A8"; }

.fa-arrow-circle-right:before {
  content: "\F0A9"; }

.fa-arrow-circle-up:before {
  content: "\F0AA"; }

.fa-arrow-down:before {
  content: "\F063"; }

.fa-arrow-left:before {
  content: "\F060"; }

.fa-arrow-right:before {
  content: "\F061"; }

.fa-arrow-up:before {
  content: "\F062"; }

.fa-arrows-alt:before {
  content: "\F0B2"; }

.fa-arrows-alt-h:before {
  content: "\F337"; }

.fa-arrows-alt-v:before {
  content: "\F338"; }

.fa-artstation:before {
  content: "\F77A"; }

.fa-assistive-listening-systems:before {
  content: "\F2A2"; }

.fa-asterisk:before {
  content: "\F069"; }

.fa-asymmetrik:before {
  content: "\F372"; }

.fa-at:before {
  content: "\F1FA"; }

.fa-atlas:before {
  content: "\F558"; }

.fa-atlassian:before {
  content: "\F77B"; }

.fa-atom:before {
  content: "\F5D2"; }

.fa-audible:before {
  content: "\F373"; }

.fa-audio-description:before {
  content: "\F29E"; }

.fa-autoprefixer:before {
  content: "\F41C"; }

.fa-avianex:before {
  content: "\F374"; }

.fa-aviato:before {
  content: "\F421"; }

.fa-award:before {
  content: "\F559"; }

.fa-aws:before {
  content: "\F375"; }

.fa-baby:before {
  content: "\F77C"; }

.fa-baby-carriage:before {
  content: "\F77D"; }

.fa-backspace:before {
  content: "\F55A"; }

.fa-backward:before {
  content: "\F04A"; }

.fa-bacon:before {
  content: "\F7E5"; }

.fa-bacteria:before {
  content: "\E059"; }

.fa-bacterium:before {
  content: "\E05A"; }

.fa-bahai:before {
  content: "\F666"; }

.fa-balance-scale:before {
  content: "\F24E"; }

.fa-balance-scale-left:before {
  content: "\F515"; }

.fa-balance-scale-right:before {
  content: "\F516"; }

.fa-ban:before {
  content: "\F05E"; }

.fa-band-aid:before {
  content: "\F462"; }

.fa-bandcamp:before {
  content: "\F2D5"; }

.fa-barcode:before {
  content: "\F02A"; }

.fa-bars:before {
  content: "\F0C9"; }

.fa-baseball-ball:before {
  content: "\F433"; }

.fa-basketball-ball:before {
  content: "\F434"; }

.fa-bath:before {
  content: "\F2CD"; }

.fa-battery-empty:before {
  content: "\F244"; }

.fa-battery-full:before {
  content: "\F240"; }

.fa-battery-half:before {
  content: "\F242"; }

.fa-battery-quarter:before {
  content: "\F243"; }

.fa-battery-three-quarters:before {
  content: "\F241"; }

.fa-battle-net:before {
  content: "\F835"; }

.fa-bed:before {
  content: "\F236"; }

.fa-beer:before {
  content: "\F0FC"; }

.fa-behance:before {
  content: "\F1B4"; }

.fa-behance-square:before {
  content: "\F1B5"; }

.fa-bell:before {
  content: "\F0F3"; }

.fa-bell-slash:before {
  content: "\F1F6"; }

.fa-bezier-curve:before {
  content: "\F55B"; }

.fa-bible:before {
  content: "\F647"; }

.fa-bicycle:before {
  content: "\F206"; }

.fa-biking:before {
  content: "\F84A"; }

.fa-bimobject:before {
  content: "\F378"; }

.fa-binoculars:before {
  content: "\F1E5"; }

.fa-biohazard:before {
  content: "\F780"; }

.fa-birthday-cake:before {
  content: "\F1FD"; }

.fa-bitbucket:before {
  content: "\F171"; }

.fa-bitcoin:before {
  content: "\F379"; }

.fa-bity:before {
  content: "\F37A"; }

.fa-black-tie:before {
  content: "\F27E"; }

.fa-blackberry:before {
  content: "\F37B"; }

.fa-blender:before {
  content: "\F517"; }

.fa-blender-phone:before {
  content: "\F6B6"; }

.fa-blind:before {
  content: "\F29D"; }

.fa-blog:before {
  content: "\F781"; }

.fa-blogger:before {
  content: "\F37C"; }

.fa-blogger-b:before {
  content: "\F37D"; }

.fa-bluetooth:before {
  content: "\F293"; }

.fa-bluetooth-b:before {
  content: "\F294"; }

.fa-bold:before {
  content: "\F032"; }

.fa-bolt:before {
  content: "\F0E7"; }

.fa-bomb:before {
  content: "\F1E2"; }

.fa-bone:before {
  content: "\F5D7"; }

.fa-bong:before {
  content: "\F55C"; }

.fa-book:before {
  content: "\F02D"; }

.fa-book-dead:before {
  content: "\F6B7"; }

.fa-book-medical:before {
  content: "\F7E6"; }

.fa-book-open:before {
  content: "\F518"; }

.fa-book-reader:before {
  content: "\F5DA"; }

.fa-bookmark:before {
  content: "\F02E"; }

.fa-bootstrap:before {
  content: "\F836"; }

.fa-border-all:before {
  content: "\F84C"; }

.fa-border-none:before {
  content: "\F850"; }

.fa-border-style:before {
  content: "\F853"; }

.fa-bowling-ball:before {
  content: "\F436"; }

.fa-box:before {
  content: "\F466"; }

.fa-box-open:before {
  content: "\F49E"; }

.fa-box-tissue:before {
  content: "\E05B"; }

.fa-boxes:before {
  content: "\F468"; }

.fa-braille:before {
  content: "\F2A1"; }

.fa-brain:before {
  content: "\F5DC"; }

.fa-bread-slice:before {
  content: "\F7EC"; }

.fa-briefcase:before {
  content: "\F0B1"; }

.fa-briefcase-medical:before {
  content: "\F469"; }

.fa-broadcast-tower:before {
  content: "\F519"; }

.fa-broom:before {
  content: "\F51A"; }

.fa-brush:before {
  content: "\F55D"; }

.fa-btc:before {
  content: "\F15A"; }

.fa-buffer:before {
  content: "\F837"; }

.fa-bug:before {
  content: "\F188"; }

.fa-building:before {
  content: "\F1AD"; }

.fa-bullhorn:before {
  content: "\F0A1"; }

.fa-bullseye:before {
  content: "\F140"; }

.fa-burn:before {
  content: "\F46A"; }

.fa-buromobelexperte:before {
  content: "\F37F"; }

.fa-bus:before {
  content: "\F207"; }

.fa-bus-alt:before {
  content: "\F55E"; }

.fa-business-time:before {
  content: "\F64A"; }

.fa-buy-n-large:before {
  content: "\F8A6"; }

.fa-buysellads:before {
  content: "\F20D"; }

.fa-calculator:before {
  content: "\F1EC"; }

.fa-calendar:before {
  content: "\F133"; }

.fa-calendar-alt:before {
  content: "\F073"; }

.fa-calendar-check:before {
  content: "\F274"; }

.fa-calendar-day:before {
  content: "\F783"; }

.fa-calendar-minus:before {
  content: "\F272"; }

.fa-calendar-plus:before {
  content: "\F271"; }

.fa-calendar-times:before {
  content: "\F273"; }

.fa-calendar-week:before {
  content: "\F784"; }

.fa-camera:before {
  content: "\F030"; }

.fa-camera-retro:before {
  content: "\F083"; }

.fa-campground:before {
  content: "\F6BB"; }

.fa-canadian-maple-leaf:before {
  content: "\F785"; }

.fa-candy-cane:before {
  content: "\F786"; }

.fa-cannabis:before {
  content: "\F55F"; }

.fa-capsules:before {
  content: "\F46B"; }

.fa-car:before {
  content: "\F1B9"; }

.fa-car-alt:before {
  content: "\F5DE"; }

.fa-car-battery:before {
  content: "\F5DF"; }

.fa-car-crash:before {
  content: "\F5E1"; }

.fa-car-side:before {
  content: "\F5E4"; }

.fa-caravan:before {
  content: "\F8FF"; }

.fa-caret-down:before {
  content: "\F0D7"; }

.fa-caret-left:before {
  content: "\F0D9"; }

.fa-caret-right:before {
  content: "\F0DA"; }

.fa-caret-square-down:before {
  content: "\F150"; }

.fa-caret-square-left:before {
  content: "\F191"; }

.fa-caret-square-right:before {
  content: "\F152"; }

.fa-caret-square-up:before {
  content: "\F151"; }

.fa-caret-up:before {
  content: "\F0D8"; }

.fa-carrot:before {
  content: "\F787"; }

.fa-cart-arrow-down:before {
  content: "\F218"; }

.fa-cart-plus:before {
  content: "\F217"; }

.fa-cash-register:before {
  content: "\F788"; }

.fa-cat:before {
  content: "\F6BE"; }

.fa-cc-amazon-pay:before {
  content: "\F42D"; }

.fa-cc-amex:before {
  content: "\F1F3"; }

.fa-cc-apple-pay:before {
  content: "\F416"; }

.fa-cc-diners-club:before {
  content: "\F24C"; }

.fa-cc-discover:before {
  content: "\F1F2"; }

.fa-cc-jcb:before {
  content: "\F24B"; }

.fa-cc-mastercard:before {
  content: "\F1F1"; }

.fa-cc-paypal:before {
  content: "\F1F4"; }

.fa-cc-stripe:before {
  content: "\F1F5"; }

.fa-cc-visa:before {
  content: "\F1F0"; }

.fa-centercode:before {
  content: "\F380"; }

.fa-centos:before {
  content: "\F789"; }

.fa-certificate:before {
  content: "\F0A3"; }

.fa-chair:before {
  content: "\F6C0"; }

.fa-chalkboard:before {
  content: "\F51B"; }

.fa-chalkboard-teacher:before {
  content: "\F51C"; }

.fa-charging-station:before {
  content: "\F5E7"; }

.fa-chart-area:before {
  content: "\F1FE"; }

.fa-chart-bar:before {
  content: "\F080"; }

.fa-chart-line:before {
  content: "\F201"; }

.fa-chart-pie:before {
  content: "\F200"; }

.fa-check:before {
  content: "\F00C"; }

.fa-check-circle:before {
  content: "\F058"; }

.fa-check-double:before {
  content: "\F560"; }

.fa-check-square:before {
  content: "\F14A"; }

.fa-cheese:before {
  content: "\F7EF"; }

.fa-chess:before {
  content: "\F439"; }

.fa-chess-bishop:before {
  content: "\F43A"; }

.fa-chess-board:before {
  content: "\F43C"; }

.fa-chess-king:before {
  content: "\F43F"; }

.fa-chess-knight:before {
  content: "\F441"; }

.fa-chess-pawn:before {
  content: "\F443"; }

.fa-chess-queen:before {
  content: "\F445"; }

.fa-chess-rook:before {
  content: "\F447"; }

.fa-chevron-circle-down:before {
  content: "\F13A"; }

.fa-chevron-circle-left:before {
  content: "\F137"; }

.fa-chevron-circle-right:before {
  content: "\F138"; }

.fa-chevron-circle-up:before {
  content: "\F139"; }

.fa-chevron-down:before {
  content: "\F078"; }

.fa-chevron-left:before {
  content: "\F053"; }

.fa-chevron-right:before {
  content: "\F054"; }

.fa-chevron-up:before {
  content: "\F077"; }

.fa-child:before {
  content: "\F1AE"; }

.fa-chrome:before {
  content: "\F268"; }

.fa-chromecast:before {
  content: "\F838"; }

.fa-church:before {
  content: "\F51D"; }

.fa-circle:before {
  content: "\F111"; }

.fa-circle-notch:before {
  content: "\F1CE"; }

.fa-city:before {
  content: "\F64F"; }

.fa-clinic-medical:before {
  content: "\F7F2"; }

.fa-clipboard:before {
  content: "\F328"; }

.fa-clipboard-check:before {
  content: "\F46C"; }

.fa-clipboard-list:before {
  content: "\F46D"; }

.fa-clock:before {
  content: "\F017"; }

.fa-clone:before {
  content: "\F24D"; }

.fa-closed-captioning:before {
  content: "\F20A"; }

.fa-cloud:before {
  content: "\F0C2"; }

.fa-cloud-download-alt:before {
  content: "\F381"; }

.fa-cloud-meatball:before {
  content: "\F73B"; }

.fa-cloud-moon:before {
  content: "\F6C3"; }

.fa-cloud-moon-rain:before {
  content: "\F73C"; }

.fa-cloud-rain:before {
  content: "\F73D"; }

.fa-cloud-showers-heavy:before {
  content: "\F740"; }

.fa-cloud-sun:before {
  content: "\F6C4"; }

.fa-cloud-sun-rain:before {
  content: "\F743"; }

.fa-cloud-upload-alt:before {
  content: "\F382"; }

.fa-cloudflare:before {
  content: "\E07D"; }

.fa-cloudscale:before {
  content: "\F383"; }

.fa-cloudsmith:before {
  content: "\F384"; }

.fa-cloudversify:before {
  content: "\F385"; }

.fa-cocktail:before {
  content: "\F561"; }

.fa-code:before {
  content: "\F121"; }

.fa-code-branch:before {
  content: "\F126"; }

.fa-codepen:before {
  content: "\F1CB"; }

.fa-codiepie:before {
  content: "\F284"; }

.fa-coffee:before {
  content: "\F0F4"; }

.fa-cog:before {
  content: "\F013"; }

.fa-cogs:before {
  content: "\F085"; }

.fa-coins:before {
  content: "\F51E"; }

.fa-columns:before {
  content: "\F0DB"; }

.fa-comment:before {
  content: "\F075"; }

.fa-comment-alt:before {
  content: "\F27A"; }

.fa-comment-dollar:before {
  content: "\F651"; }

.fa-comment-dots:before {
  content: "\F4AD"; }

.fa-comment-medical:before {
  content: "\F7F5"; }

.fa-comment-slash:before {
  content: "\F4B3"; }

.fa-comments:before {
  content: "\F086"; }

.fa-comments-dollar:before {
  content: "\F653"; }

.fa-compact-disc:before {
  content: "\F51F"; }

.fa-compass:before {
  content: "\F14E"; }

.fa-compress:before {
  content: "\F066"; }

.fa-compress-alt:before {
  content: "\F422"; }

.fa-compress-arrows-alt:before {
  content: "\F78C"; }

.fa-concierge-bell:before {
  content: "\F562"; }

.fa-confluence:before {
  content: "\F78D"; }

.fa-connectdevelop:before {
  content: "\F20E"; }

.fa-contao:before {
  content: "\F26D"; }

.fa-cookie:before {
  content: "\F563"; }

.fa-cookie-bite:before {
  content: "\F564"; }

.fa-copy:before {
  content: "\F0C5"; }

.fa-copyright:before {
  content: "\F1F9"; }

.fa-cotton-bureau:before {
  content: "\F89E"; }

.fa-couch:before {
  content: "\F4B8"; }

.fa-cpanel:before {
  content: "\F388"; }

.fa-creative-commons:before {
  content: "\F25E"; }

.fa-creative-commons-by:before {
  content: "\F4E7"; }

.fa-creative-commons-nc:before {
  content: "\F4E8"; }

.fa-creative-commons-nc-eu:before {
  content: "\F4E9"; }

.fa-creative-commons-nc-jp:before {
  content: "\F4EA"; }

.fa-creative-commons-nd:before {
  content: "\F4EB"; }

.fa-creative-commons-pd:before {
  content: "\F4EC"; }

.fa-creative-commons-pd-alt:before {
  content: "\F4ED"; }

.fa-creative-commons-remix:before {
  content: "\F4EE"; }

.fa-creative-commons-sa:before {
  content: "\F4EF"; }

.fa-creative-commons-sampling:before {
  content: "\F4F0"; }

.fa-creative-commons-sampling-plus:before {
  content: "\F4F1"; }

.fa-creative-commons-share:before {
  content: "\F4F2"; }

.fa-creative-commons-zero:before {
  content: "\F4F3"; }

.fa-credit-card:before {
  content: "\F09D"; }

.fa-critical-role:before {
  content: "\F6C9"; }

.fa-crop:before {
  content: "\F125"; }

.fa-crop-alt:before {
  content: "\F565"; }

.fa-cross:before {
  content: "\F654"; }

.fa-crosshairs:before {
  content: "\F05B"; }

.fa-crow:before {
  content: "\F520"; }

.fa-crown:before {
  content: "\F521"; }

.fa-crutch:before {
  content: "\F7F7"; }

.fa-css3:before {
  content: "\F13C"; }

.fa-css3-alt:before {
  content: "\F38B"; }

.fa-cube:before {
  content: "\F1B2"; }

.fa-cubes:before {
  content: "\F1B3"; }

.fa-cut:before {
  content: "\F0C4"; }

.fa-cuttlefish:before {
  content: "\F38C"; }

.fa-d-and-d:before {
  content: "\F38D"; }

.fa-d-and-d-beyond:before {
  content: "\F6CA"; }

.fa-dailymotion:before {
  content: "\E052"; }

.fa-dashcube:before {
  content: "\F210"; }

.fa-database:before {
  content: "\F1C0"; }

.fa-deaf:before {
  content: "\F2A4"; }

.fa-deezer:before {
  content: "\E077"; }

.fa-delicious:before {
  content: "\F1A5"; }

.fa-democrat:before {
  content: "\F747"; }

.fa-deploydog:before {
  content: "\F38E"; }

.fa-deskpro:before {
  content: "\F38F"; }

.fa-desktop:before {
  content: "\F108"; }

.fa-dev:before {
  content: "\F6CC"; }

.fa-deviantart:before {
  content: "\F1BD"; }

.fa-dharmachakra:before {
  content: "\F655"; }

.fa-dhl:before {
  content: "\F790"; }

.fa-diagnoses:before {
  content: "\F470"; }

.fa-diaspora:before {
  content: "\F791"; }

.fa-dice:before {
  content: "\F522"; }

.fa-dice-d20:before {
  content: "\F6CF"; }

.fa-dice-d6:before {
  content: "\F6D1"; }

.fa-dice-five:before {
  content: "\F523"; }

.fa-dice-four:before {
  content: "\F524"; }

.fa-dice-one:before {
  content: "\F525"; }

.fa-dice-six:before {
  content: "\F526"; }

.fa-dice-three:before {
  content: "\F527"; }

.fa-dice-two:before {
  content: "\F528"; }

.fa-digg:before {
  content: "\F1A6"; }

.fa-digital-ocean:before {
  content: "\F391"; }

.fa-digital-tachograph:before {
  content: "\F566"; }

.fa-directions:before {
  content: "\F5EB"; }

.fa-discord:before {
  content: "\F392"; }

.fa-discourse:before {
  content: "\F393"; }

.fa-disease:before {
  content: "\F7FA"; }

.fa-divide:before {
  content: "\F529"; }

.fa-dizzy:before {
  content: "\F567"; }

.fa-dna:before {
  content: "\F471"; }

.fa-dochub:before {
  content: "\F394"; }

.fa-docker:before {
  content: "\F395"; }

.fa-dog:before {
  content: "\F6D3"; }

.fa-dollar-sign:before {
  content: "\F155"; }

.fa-dolly:before {
  content: "\F472"; }

.fa-dolly-flatbed:before {
  content: "\F474"; }

.fa-donate:before {
  content: "\F4B9"; }

.fa-door-closed:before {
  content: "\F52A"; }

.fa-door-open:before {
  content: "\F52B"; }

.fa-dot-circle:before {
  content: "\F192"; }

.fa-dove:before {
  content: "\F4BA"; }

.fa-download:before {
  content: "\F019"; }

.fa-draft2digital:before {
  content: "\F396"; }

.fa-drafting-compass:before {
  content: "\F568"; }

.fa-dragon:before {
  content: "\F6D5"; }

.fa-draw-polygon:before {
  content: "\F5EE"; }

.fa-dribbble:before {
  content: "\F17D"; }

.fa-dribbble-square:before {
  content: "\F397"; }

.fa-dropbox:before {
  content: "\F16B"; }

.fa-drum:before {
  content: "\F569"; }

.fa-drum-steelpan:before {
  content: "\F56A"; }

.fa-drumstick-bite:before {
  content: "\F6D7"; }

.fa-drupal:before {
  content: "\F1A9"; }

.fa-dumbbell:before {
  content: "\F44B"; }

.fa-dumpster:before {
  content: "\F793"; }

.fa-dumpster-fire:before {
  content: "\F794"; }

.fa-dungeon:before {
  content: "\F6D9"; }

.fa-dyalog:before {
  content: "\F399"; }

.fa-earlybirds:before {
  content: "\F39A"; }

.fa-ebay:before {
  content: "\F4F4"; }

.fa-edge:before {
  content: "\F282"; }

.fa-edge-legacy:before {
  content: "\E078"; }

.fa-edit:before {
  content: "\F044"; }

.fa-egg:before {
  content: "\F7FB"; }

.fa-eject:before {
  content: "\F052"; }

.fa-elementor:before {
  content: "\F430"; }

.fa-ellipsis-h:before {
  content: "\F141"; }

.fa-ellipsis-v:before {
  content: "\F142"; }

.fa-ello:before {
  content: "\F5F1"; }

.fa-ember:before {
  content: "\F423"; }

.fa-empire:before {
  content: "\F1D1"; }

.fa-envelope:before {
  content: "\F0E0"; }

.fa-envelope-open:before {
  content: "\F2B6"; }

.fa-envelope-open-text:before {
  content: "\F658"; }

.fa-envelope-square:before {
  content: "\F199"; }

.fa-envira:before {
  content: "\F299"; }

.fa-equals:before {
  content: "\F52C"; }

.fa-eraser:before {
  content: "\F12D"; }

.fa-erlang:before {
  content: "\F39D"; }

.fa-ethereum:before {
  content: "\F42E"; }

.fa-ethernet:before {
  content: "\F796"; }

.fa-etsy:before {
  content: "\F2D7"; }

.fa-euro-sign:before {
  content: "\F153"; }

.fa-evernote:before {
  content: "\F839"; }

.fa-exchange-alt:before {
  content: "\F362"; }

.fa-exclamation:before {
  content: "\F12A"; }

.fa-exclamation-circle:before {
  content: "\F06A"; }

.fa-exclamation-triangle:before {
  content: "\F071"; }

.fa-expand:before {
  content: "\F065"; }

.fa-expand-alt:before {
  content: "\F424"; }

.fa-expand-arrows-alt:before {
  content: "\F31E"; }

.fa-expeditedssl:before {
  content: "\F23E"; }

.fa-external-link-alt:before {
  content: "\F35D"; }

.fa-external-link-square-alt:before {
  content: "\F360"; }

.fa-eye:before {
  content: "\F06E"; }

.fa-eye-dropper:before {
  content: "\F1FB"; }

.fa-eye-slash:before {
  content: "\F070"; }

.fa-facebook:before {
  content: "\F09A"; }

.fa-facebook-f:before {
  content: "\F39E"; }

.fa-facebook-messenger:before {
  content: "\F39F"; }

.fa-facebook-square:before {
  content: "\F082"; }

.fa-fan:before {
  content: "\F863"; }

.fa-fantasy-flight-games:before {
  content: "\F6DC"; }

.fa-fast-backward:before {
  content: "\F049"; }

.fa-fast-forward:before {
  content: "\F050"; }

.fa-faucet:before {
  content: "\E005"; }

.fa-fax:before {
  content: "\F1AC"; }

.fa-feather:before {
  content: "\F52D"; }

.fa-feather-alt:before {
  content: "\F56B"; }

.fa-fedex:before {
  content: "\F797"; }

.fa-fedora:before {
  content: "\F798"; }

.fa-female:before {
  content: "\F182"; }

.fa-fighter-jet:before {
  content: "\F0FB"; }

.fa-figma:before {
  content: "\F799"; }

.fa-file:before {
  content: "\F15B"; }

.fa-file-alt:before {
  content: "\F15C"; }

.fa-file-archive:before {
  content: "\F1C6"; }

.fa-file-audio:before {
  content: "\F1C7"; }

.fa-file-code:before {
  content: "\F1C9"; }

.fa-file-contract:before {
  content: "\F56C"; }

.fa-file-csv:before {
  content: "\F6DD"; }

.fa-file-download:before {
  content: "\F56D"; }

.fa-file-excel:before {
  content: "\F1C3"; }

.fa-file-export:before {
  content: "\F56E"; }

.fa-file-image:before {
  content: "\F1C5"; }

.fa-file-import:before {
  content: "\F56F"; }

.fa-file-invoice:before {
  content: "\F570"; }

.fa-file-invoice-dollar:before {
  content: "\F571"; }

.fa-file-medical:before {
  content: "\F477"; }

.fa-file-medical-alt:before {
  content: "\F478"; }

.fa-file-pdf:before {
  content: "\F1C1"; }

.fa-file-powerpoint:before {
  content: "\F1C4"; }

.fa-file-prescription:before {
  content: "\F572"; }

.fa-file-signature:before {
  content: "\F573"; }

.fa-file-upload:before {
  content: "\F574"; }

.fa-file-video:before {
  content: "\F1C8"; }

.fa-file-word:before {
  content: "\F1C2"; }

.fa-fill:before {
  content: "\F575"; }

.fa-fill-drip:before {
  content: "\F576"; }

.fa-film:before {
  content: "\F008"; }

.fa-filter:before {
  content: "\F0B0"; }

.fa-fingerprint:before {
  content: "\F577"; }

.fa-fire:before {
  content: "\F06D"; }

.fa-fire-alt:before {
  content: "\F7E4"; }

.fa-fire-extinguisher:before {
  content: "\F134"; }

.fa-firefox:before {
  content: "\F269"; }

.fa-firefox-browser:before {
  content: "\E007"; }

.fa-first-aid:before {
  content: "\F479"; }

.fa-first-order:before {
  content: "\F2B0"; }

.fa-first-order-alt:before {
  content: "\F50A"; }

.fa-firstdraft:before {
  content: "\F3A1"; }

.fa-fish:before {
  content: "\F578"; }

.fa-fist-raised:before {
  content: "\F6DE"; }

.fa-flag:before {
  content: "\F024"; }

.fa-flag-checkered:before {
  content: "\F11E"; }

.fa-flag-usa:before {
  content: "\F74D"; }

.fa-flask:before {
  content: "\F0C3"; }

.fa-flickr:before {
  content: "\F16E"; }

.fa-flipboard:before {
  content: "\F44D"; }

.fa-flushed:before {
  content: "\F579"; }

.fa-fly:before {
  content: "\F417"; }

.fa-folder:before {
  content: "\F07B"; }

.fa-folder-minus:before {
  content: "\F65D"; }

.fa-folder-open:before {
  content: "\F07C"; }

.fa-folder-plus:before {
  content: "\F65E"; }

.fa-font:before {
  content: "\F031"; }

.fa-font-awesome:before {
  content: "\F2B4"; }

.fa-font-awesome-alt:before {
  content: "\F35C"; }

.fa-font-awesome-flag:before {
  content: "\F425"; }

.fa-font-awesome-logo-full:before {
  content: "\F4E6"; }

.fa-fonticons:before {
  content: "\F280"; }

.fa-fonticons-fi:before {
  content: "\F3A2"; }

.fa-football-ball:before {
  content: "\F44E"; }

.fa-fort-awesome:before {
  content: "\F286"; }

.fa-fort-awesome-alt:before {
  content: "\F3A3"; }

.fa-forumbee:before {
  content: "\F211"; }

.fa-forward:before {
  content: "\F04E"; }

.fa-foursquare:before {
  content: "\F180"; }

.fa-free-code-camp:before {
  content: "\F2C5"; }

.fa-freebsd:before {
  content: "\F3A4"; }

.fa-frog:before {
  content: "\F52E"; }

.fa-frown:before {
  content: "\F119"; }

.fa-frown-open:before {
  content: "\F57A"; }

.fa-fulcrum:before {
  content: "\F50B"; }

.fa-funnel-dollar:before {
  content: "\F662"; }

.fa-futbol:before {
  content: "\F1E3"; }

.fa-galactic-republic:before {
  content: "\F50C"; }

.fa-galactic-senate:before {
  content: "\F50D"; }

.fa-gamepad:before {
  content: "\F11B"; }

.fa-gas-pump:before {
  content: "\F52F"; }

.fa-gavel:before {
  content: "\F0E3"; }

.fa-gem:before {
  content: "\F3A5"; }

.fa-genderless:before {
  content: "\F22D"; }

.fa-get-pocket:before {
  content: "\F265"; }

.fa-gg:before {
  content: "\F260"; }

.fa-gg-circle:before {
  content: "\F261"; }

.fa-ghost:before {
  content: "\F6E2"; }

.fa-gift:before {
  content: "\F06B"; }

.fa-gifts:before {
  content: "\F79C"; }

.fa-git:before {
  content: "\F1D3"; }

.fa-git-alt:before {
  content: "\F841"; }

.fa-git-square:before {
  content: "\F1D2"; }

.fa-github:before {
  content: "\F09B"; }

.fa-github-alt:before {
  content: "\F113"; }

.fa-github-square:before {
  content: "\F092"; }

.fa-gitkraken:before {
  content: "\F3A6"; }

.fa-gitlab:before {
  content: "\F296"; }

.fa-gitter:before {
  content: "\F426"; }

.fa-glass-cheers:before {
  content: "\F79F"; }

.fa-glass-martini:before {
  content: "\F000"; }

.fa-glass-martini-alt:before {
  content: "\F57B"; }

.fa-glass-whiskey:before {
  content: "\F7A0"; }

.fa-glasses:before {
  content: "\F530"; }

.fa-glide:before {
  content: "\F2A5"; }

.fa-glide-g:before {
  content: "\F2A6"; }

.fa-globe:before {
  content: "\F0AC"; }

.fa-globe-africa:before {
  content: "\F57C"; }

.fa-globe-americas:before {
  content: "\F57D"; }

.fa-globe-asia:before {
  content: "\F57E"; }

.fa-globe-europe:before {
  content: "\F7A2"; }

.fa-gofore:before {
  content: "\F3A7"; }

.fa-golf-ball:before {
  content: "\F450"; }

.fa-goodreads:before {
  content: "\F3A8"; }

.fa-goodreads-g:before {
  content: "\F3A9"; }

.fa-google:before {
  content: "\F1A0"; }

.fa-google-drive:before {
  content: "\F3AA"; }

.fa-google-pay:before {
  content: "\E079"; }

.fa-google-play:before {
  content: "\F3AB"; }

.fa-google-plus:before {
  content: "\F2B3"; }

.fa-google-plus-g:before {
  content: "\F0D5"; }

.fa-google-plus-square:before {
  content: "\F0D4"; }

.fa-google-wallet:before {
  content: "\F1EE"; }

.fa-gopuram:before {
  content: "\F664"; }

.fa-graduation-cap:before {
  content: "\F19D"; }

.fa-gratipay:before {
  content: "\F184"; }

.fa-grav:before {
  content: "\F2D6"; }

.fa-greater-than:before {
  content: "\F531"; }

.fa-greater-than-equal:before {
  content: "\F532"; }

.fa-grimace:before {
  content: "\F57F"; }

.fa-grin:before {
  content: "\F580"; }

.fa-grin-alt:before {
  content: "\F581"; }

.fa-grin-beam:before {
  content: "\F582"; }

.fa-grin-beam-sweat:before {
  content: "\F583"; }

.fa-grin-hearts:before {
  content: "\F584"; }

.fa-grin-squint:before {
  content: "\F585"; }

.fa-grin-squint-tears:before {
  content: "\F586"; }

.fa-grin-stars:before {
  content: "\F587"; }

.fa-grin-tears:before {
  content: "\F588"; }

.fa-grin-tongue:before {
  content: "\F589"; }

.fa-grin-tongue-squint:before {
  content: "\F58A"; }

.fa-grin-tongue-wink:before {
  content: "\F58B"; }

.fa-grin-wink:before {
  content: "\F58C"; }

.fa-grip-horizontal:before {
  content: "\F58D"; }

.fa-grip-lines:before {
  content: "\F7A4"; }

.fa-grip-lines-vertical:before {
  content: "\F7A5"; }

.fa-grip-vertical:before {
  content: "\F58E"; }

.fa-gripfire:before {
  content: "\F3AC"; }

.fa-grunt:before {
  content: "\F3AD"; }

.fa-guilded:before {
  content: "\E07E"; }

.fa-guitar:before {
  content: "\F7A6"; }

.fa-gulp:before {
  content: "\F3AE"; }

.fa-h-square:before {
  content: "\F0FD"; }

.fa-hacker-news:before {
  content: "\F1D4"; }

.fa-hacker-news-square:before {
  content: "\F3AF"; }

.fa-hackerrank:before {
  content: "\F5F7"; }

.fa-hamburger:before {
  content: "\F805"; }

.fa-hammer:before {
  content: "\F6E3"; }

.fa-hamsa:before {
  content: "\F665"; }

.fa-hand-holding:before {
  content: "\F4BD"; }

.fa-hand-holding-heart:before {
  content: "\F4BE"; }

.fa-hand-holding-medical:before {
  content: "\E05C"; }

.fa-hand-holding-usd:before {
  content: "\F4C0"; }

.fa-hand-holding-water:before {
  content: "\F4C1"; }

.fa-hand-lizard:before {
  content: "\F258"; }

.fa-hand-middle-finger:before {
  content: "\F806"; }

.fa-hand-paper:before {
  content: "\F256"; }

.fa-hand-peace:before {
  content: "\F25B"; }

.fa-hand-point-down:before {
  content: "\F0A7"; }

.fa-hand-point-left:before {
  content: "\F0A5"; }

.fa-hand-point-right:before {
  content: "\F0A4"; }

.fa-hand-point-up:before {
  content: "\F0A6"; }

.fa-hand-pointer:before {
  content: "\F25A"; }

.fa-hand-rock:before {
  content: "\F255"; }

.fa-hand-scissors:before {
  content: "\F257"; }

.fa-hand-sparkles:before {
  content: "\E05D"; }

.fa-hand-spock:before {
  content: "\F259"; }

.fa-hands:before {
  content: "\F4C2"; }

.fa-hands-helping:before {
  content: "\F4C4"; }

.fa-hands-wash:before {
  content: "\E05E"; }

.fa-handshake:before {
  content: "\F2B5"; }

.fa-handshake-alt-slash:before {
  content: "\E05F"; }

.fa-handshake-slash:before {
  content: "\E060"; }

.fa-hanukiah:before {
  content: "\F6E6"; }

.fa-hard-hat:before {
  content: "\F807"; }

.fa-hashtag:before {
  content: "\F292"; }

.fa-hat-cowboy:before {
  content: "\F8C0"; }

.fa-hat-cowboy-side:before {
  content: "\F8C1"; }

.fa-hat-wizard:before {
  content: "\F6E8"; }

.fa-hdd:before {
  content: "\F0A0"; }

.fa-head-side-cough:before {
  content: "\E061"; }

.fa-head-side-cough-slash:before {
  content: "\E062"; }

.fa-head-side-mask:before {
  content: "\E063"; }

.fa-head-side-virus:before {
  content: "\E064"; }

.fa-heading:before {
  content: "\F1DC"; }

.fa-headphones:before {
  content: "\F025"; }

.fa-headphones-alt:before {
  content: "\F58F"; }

.fa-headset:before {
  content: "\F590"; }

.fa-heart:before {
  content: "\F004"; }

.fa-heart-broken:before {
  content: "\F7A9"; }

.fa-heartbeat:before {
  content: "\F21E"; }

.fa-helicopter:before {
  content: "\F533"; }

.fa-highlighter:before {
  content: "\F591"; }

.fa-hiking:before {
  content: "\F6EC"; }

.fa-hippo:before {
  content: "\F6ED"; }

.fa-hips:before {
  content: "\F452"; }

.fa-hire-a-helper:before {
  content: "\F3B0"; }

.fa-history:before {
  content: "\F1DA"; }

.fa-hive:before {
  content: "\E07F"; }

.fa-hockey-puck:before {
  content: "\F453"; }

.fa-holly-berry:before {
  content: "\F7AA"; }

.fa-home:before {
  content: "\F015"; }

.fa-hooli:before {
  content: "\F427"; }

.fa-hornbill:before {
  content: "\F592"; }

.fa-horse:before {
  content: "\F6F0"; }

.fa-horse-head:before {
  content: "\F7AB"; }

.fa-hospital:before {
  content: "\F0F8"; }

.fa-hospital-alt:before {
  content: "\F47D"; }

.fa-hospital-symbol:before {
  content: "\F47E"; }

.fa-hospital-user:before {
  content: "\F80D"; }

.fa-hot-tub:before {
  content: "\F593"; }

.fa-hotdog:before {
  content: "\F80F"; }

.fa-hotel:before {
  content: "\F594"; }

.fa-hotjar:before {
  content: "\F3B1"; }

.fa-hourglass:before {
  content: "\F254"; }

.fa-hourglass-end:before {
  content: "\F253"; }

.fa-hourglass-half:before {
  content: "\F252"; }

.fa-hourglass-start:before {
  content: "\F251"; }

.fa-house-damage:before {
  content: "\F6F1"; }

.fa-house-user:before {
  content: "\E065"; }

.fa-houzz:before {
  content: "\F27C"; }

.fa-hryvnia:before {
  content: "\F6F2"; }

.fa-html5:before {
  content: "\F13B"; }

.fa-hubspot:before {
  content: "\F3B2"; }

.fa-i-cursor:before {
  content: "\F246"; }

.fa-ice-cream:before {
  content: "\F810"; }

.fa-icicles:before {
  content: "\F7AD"; }

.fa-icons:before {
  content: "\F86D"; }

.fa-id-badge:before {
  content: "\F2C1"; }

.fa-id-card:before {
  content: "\F2C2"; }

.fa-id-card-alt:before {
  content: "\F47F"; }

.fa-ideal:before {
  content: "\E013"; }

.fa-igloo:before {
  content: "\F7AE"; }

.fa-image:before {
  content: "\F03E"; }

.fa-images:before {
  content: "\F302"; }

.fa-imdb:before {
  content: "\F2D8"; }

.fa-inbox:before {
  content: "\F01C"; }

.fa-indent:before {
  content: "\F03C"; }

.fa-industry:before {
  content: "\F275"; }

.fa-infinity:before {
  content: "\F534"; }

.fa-info:before {
  content: "\F129"; }

.fa-info-circle:before {
  content: "\F05A"; }

.fa-innosoft:before {
  content: "\E080"; }

.fa-instagram:before {
  content: "\F16D"; }

.fa-instagram-square:before {
  content: "\E055"; }

.fa-instalod:before {
  content: "\E081"; }

.fa-intercom:before {
  content: "\F7AF"; }

.fa-internet-explorer:before {
  content: "\F26B"; }

.fa-invision:before {
  content: "\F7B0"; }

.fa-ioxhost:before {
  content: "\F208"; }

.fa-italic:before {
  content: "\F033"; }

.fa-itch-io:before {
  content: "\F83A"; }

.fa-itunes:before {
  content: "\F3B4"; }

.fa-itunes-note:before {
  content: "\F3B5"; }

.fa-java:before {
  content: "\F4E4"; }

.fa-jedi:before {
  content: "\F669"; }

.fa-jedi-order:before {
  content: "\F50E"; }

.fa-jenkins:before {
  content: "\F3B6"; }

.fa-jira:before {
  content: "\F7B1"; }

.fa-joget:before {
  content: "\F3B7"; }

.fa-joint:before {
  content: "\F595"; }

.fa-joomla:before {
  content: "\F1AA"; }

.fa-journal-whills:before {
  content: "\F66A"; }

.fa-js:before {
  content: "\F3B8"; }

.fa-js-square:before {
  content: "\F3B9"; }

.fa-jsfiddle:before {
  content: "\F1CC"; }

.fa-kaaba:before {
  content: "\F66B"; }

.fa-kaggle:before {
  content: "\F5FA"; }

.fa-key:before {
  content: "\F084"; }

.fa-keybase:before {
  content: "\F4F5"; }

.fa-keyboard:before {
  content: "\F11C"; }

.fa-keycdn:before {
  content: "\F3BA"; }

.fa-khanda:before {
  content: "\F66D"; }

.fa-kickstarter:before {
  content: "\F3BB"; }

.fa-kickstarter-k:before {
  content: "\F3BC"; }

.fa-kiss:before {
  content: "\F596"; }

.fa-kiss-beam:before {
  content: "\F597"; }

.fa-kiss-wink-heart:before {
  content: "\F598"; }

.fa-kiwi-bird:before {
  content: "\F535"; }

.fa-korvue:before {
  content: "\F42F"; }

.fa-landmark:before {
  content: "\F66F"; }

.fa-language:before {
  content: "\F1AB"; }

.fa-laptop:before {
  content: "\F109"; }

.fa-laptop-code:before {
  content: "\F5FC"; }

.fa-laptop-house:before {
  content: "\E066"; }

.fa-laptop-medical:before {
  content: "\F812"; }

.fa-laravel:before {
  content: "\F3BD"; }

.fa-lastfm:before {
  content: "\F202"; }

.fa-lastfm-square:before {
  content: "\F203"; }

.fa-laugh:before {
  content: "\F599"; }

.fa-laugh-beam:before {
  content: "\F59A"; }

.fa-laugh-squint:before {
  content: "\F59B"; }

.fa-laugh-wink:before {
  content: "\F59C"; }

.fa-layer-group:before {
  content: "\F5FD"; }

.fa-leaf:before {
  content: "\F06C"; }

.fa-leanpub:before {
  content: "\F212"; }

.fa-lemon:before {
  content: "\F094"; }

.fa-less:before {
  content: "\F41D"; }

.fa-less-than:before {
  content: "\F536"; }

.fa-less-than-equal:before {
  content: "\F537"; }

.fa-level-down-alt:before {
  content: "\F3BE"; }

.fa-level-up-alt:before {
  content: "\F3BF"; }

.fa-life-ring:before {
  content: "\F1CD"; }

.fa-lightbulb:before {
  content: "\F0EB"; }

.fa-line:before {
  content: "\F3C0"; }

.fa-link:before {
  content: "\F0C1"; }

.fa-linkedin:before {
  content: "\F08C"; }

.fa-linkedin-in:before {
  content: "\F0E1"; }

.fa-linode:before {
  content: "\F2B8"; }

.fa-linux:before {
  content: "\F17C"; }

.fa-lira-sign:before {
  content: "\F195"; }

.fa-list:before {
  content: "\F03A"; }

.fa-list-alt:before {
  content: "\F022"; }

.fa-list-ol:before {
  content: "\F0CB"; }

.fa-list-ul:before {
  content: "\F0CA"; }

.fa-location-arrow:before {
  content: "\F124"; }

.fa-lock:before {
  content: "\F023"; }

.fa-lock-open:before {
  content: "\F3C1"; }

.fa-long-arrow-alt-down:before {
  content: "\F309"; }

.fa-long-arrow-alt-left:before {
  content: "\F30A"; }

.fa-long-arrow-alt-right:before {
  content: "\F30B"; }

.fa-long-arrow-alt-up:before {
  content: "\F30C"; }

.fa-low-vision:before {
  content: "\F2A8"; }

.fa-luggage-cart:before {
  content: "\F59D"; }

.fa-lungs:before {
  content: "\F604"; }

.fa-lungs-virus:before {
  content: "\E067"; }

.fa-lyft:before {
  content: "\F3C3"; }

.fa-magento:before {
  content: "\F3C4"; }

.fa-magic:before {
  content: "\F0D0"; }

.fa-magnet:before {
  content: "\F076"; }

.fa-mail-bulk:before {
  content: "\F674"; }

.fa-mailchimp:before {
  content: "\F59E"; }

.fa-male:before {
  content: "\F183"; }

.fa-mandalorian:before {
  content: "\F50F"; }

.fa-map:before {
  content: "\F279"; }

.fa-map-marked:before {
  content: "\F59F"; }

.fa-map-marked-alt:before {
  content: "\F5A0"; }

.fa-map-marker:before {
  content: "\F041"; }

.fa-map-marker-alt:before {
  content: "\F3C5"; }

.fa-map-pin:before {
  content: "\F276"; }

.fa-map-signs:before {
  content: "\F277"; }

.fa-markdown:before {
  content: "\F60F"; }

.fa-marker:before {
  content: "\F5A1"; }

.fa-mars:before {
  content: "\F222"; }

.fa-mars-double:before {
  content: "\F227"; }

.fa-mars-stroke:before {
  content: "\F229"; }

.fa-mars-stroke-h:before {
  content: "\F22B"; }

.fa-mars-stroke-v:before {
  content: "\F22A"; }

.fa-mask:before {
  content: "\F6FA"; }

.fa-mastodon:before {
  content: "\F4F6"; }

.fa-maxcdn:before {
  content: "\F136"; }

.fa-mdb:before {
  content: "\F8CA"; }

.fa-medal:before {
  content: "\F5A2"; }

.fa-medapps:before {
  content: "\F3C6"; }

.fa-medium:before {
  content: "\F23A"; }

.fa-medium-m:before {
  content: "\F3C7"; }

.fa-medkit:before {
  content: "\F0FA"; }

.fa-medrt:before {
  content: "\F3C8"; }

.fa-meetup:before {
  content: "\F2E0"; }

.fa-megaport:before {
  content: "\F5A3"; }

.fa-meh:before {
  content: "\F11A"; }

.fa-meh-blank:before {
  content: "\F5A4"; }

.fa-meh-rolling-eyes:before {
  content: "\F5A5"; }

.fa-memory:before {
  content: "\F538"; }

.fa-mendeley:before {
  content: "\F7B3"; }

.fa-menorah:before {
  content: "\F676"; }

.fa-mercury:before {
  content: "\F223"; }

.fa-meteor:before {
  content: "\F753"; }

.fa-microblog:before {
  content: "\E01A"; }

.fa-microchip:before {
  content: "\F2DB"; }

.fa-microphone:before {
  content: "\F130"; }

.fa-microphone-alt:before {
  content: "\F3C9"; }

.fa-microphone-alt-slash:before {
  content: "\F539"; }

.fa-microphone-slash:before {
  content: "\F131"; }

.fa-microscope:before {
  content: "\F610"; }

.fa-microsoft:before {
  content: "\F3CA"; }

.fa-minus:before {
  content: "\F068"; }

.fa-minus-circle:before {
  content: "\F056"; }

.fa-minus-square:before {
  content: "\F146"; }

.fa-mitten:before {
  content: "\F7B5"; }

.fa-mix:before {
  content: "\F3CB"; }

.fa-mixcloud:before {
  content: "\F289"; }

.fa-mixer:before {
  content: "\E056"; }

.fa-mizuni:before {
  content: "\F3CC"; }

.fa-mobile:before {
  content: "\F10B"; }

.fa-mobile-alt:before {
  content: "\F3CD"; }

.fa-modx:before {
  content: "\F285"; }

.fa-monero:before {
  content: "\F3D0"; }

.fa-money-bill:before {
  content: "\F0D6"; }

.fa-money-bill-alt:before {
  content: "\F3D1"; }

.fa-money-bill-wave:before {
  content: "\F53A"; }

.fa-money-bill-wave-alt:before {
  content: "\F53B"; }

.fa-money-check:before {
  content: "\F53C"; }

.fa-money-check-alt:before {
  content: "\F53D"; }

.fa-monument:before {
  content: "\F5A6"; }

.fa-moon:before {
  content: "\F186"; }

.fa-mortar-pestle:before {
  content: "\F5A7"; }

.fa-mosque:before {
  content: "\F678"; }

.fa-motorcycle:before {
  content: "\F21C"; }

.fa-mountain:before {
  content: "\F6FC"; }

.fa-mouse:before {
  content: "\F8CC"; }

.fa-mouse-pointer:before {
  content: "\F245"; }

.fa-mug-hot:before {
  content: "\F7B6"; }

.fa-music:before {
  content: "\F001"; }

.fa-napster:before {
  content: "\F3D2"; }

.fa-neos:before {
  content: "\F612"; }

.fa-network-wired:before {
  content: "\F6FF"; }

.fa-neuter:before {
  content: "\F22C"; }

.fa-newspaper:before {
  content: "\F1EA"; }

.fa-nimblr:before {
  content: "\F5A8"; }

.fa-node:before {
  content: "\F419"; }

.fa-node-js:before {
  content: "\F3D3"; }

.fa-not-equal:before {
  content: "\F53E"; }

.fa-notes-medical:before {
  content: "\F481"; }

.fa-npm:before {
  content: "\F3D4"; }

.fa-ns8:before {
  content: "\F3D5"; }

.fa-nutritionix:before {
  content: "\F3D6"; }

.fa-object-group:before {
  content: "\F247"; }

.fa-object-ungroup:before {
  content: "\F248"; }

.fa-octopus-deploy:before {
  content: "\E082"; }

.fa-odnoklassniki:before {
  content: "\F263"; }

.fa-odnoklassniki-square:before {
  content: "\F264"; }

.fa-oil-can:before {
  content: "\F613"; }

.fa-old-republic:before {
  content: "\F510"; }

.fa-om:before {
  content: "\F679"; }

.fa-opencart:before {
  content: "\F23D"; }

.fa-openid:before {
  content: "\F19B"; }

.fa-opera:before {
  content: "\F26A"; }

.fa-optin-monster:before {
  content: "\F23C"; }

.fa-orcid:before {
  content: "\F8D2"; }

.fa-osi:before {
  content: "\F41A"; }

.fa-otter:before {
  content: "\F700"; }

.fa-outdent:before {
  content: "\F03B"; }

.fa-page4:before {
  content: "\F3D7"; }

.fa-pagelines:before {
  content: "\F18C"; }

.fa-pager:before {
  content: "\F815"; }

.fa-paint-brush:before {
  content: "\F1FC"; }

.fa-paint-roller:before {
  content: "\F5AA"; }

.fa-palette:before {
  content: "\F53F"; }

.fa-palfed:before {
  content: "\F3D8"; }

.fa-pallet:before {
  content: "\F482"; }

.fa-paper-plane:before {
  content: "\F1D8"; }

.fa-paperclip:before {
  content: "\F0C6"; }

.fa-parachute-box:before {
  content: "\F4CD"; }

.fa-paragraph:before {
  content: "\F1DD"; }

.fa-parking:before {
  content: "\F540"; }

.fa-passport:before {
  content: "\F5AB"; }

.fa-pastafarianism:before {
  content: "\F67B"; }

.fa-paste:before {
  content: "\F0EA"; }

.fa-patreon:before {
  content: "\F3D9"; }

.fa-pause:before {
  content: "\F04C"; }

.fa-pause-circle:before {
  content: "\F28B"; }

.fa-paw:before {
  content: "\F1B0"; }

.fa-paypal:before {
  content: "\F1ED"; }

.fa-peace:before {
  content: "\F67C"; }

.fa-pen:before {
  content: "\F304"; }

.fa-pen-alt:before {
  content: "\F305"; }

.fa-pen-fancy:before {
  content: "\F5AC"; }

.fa-pen-nib:before {
  content: "\F5AD"; }

.fa-pen-square:before {
  content: "\F14B"; }

.fa-pencil-alt:before {
  content: "\F303"; }

.fa-pencil-ruler:before {
  content: "\F5AE"; }

.fa-penny-arcade:before {
  content: "\F704"; }

.fa-people-arrows:before {
  content: "\E068"; }

.fa-people-carry:before {
  content: "\F4CE"; }

.fa-pepper-hot:before {
  content: "\F816"; }

.fa-perbyte:before {
  content: "\E083"; }

.fa-percent:before {
  content: "\F295"; }

.fa-percentage:before {
  content: "\F541"; }

.fa-periscope:before {
  content: "\F3DA"; }

.fa-person-booth:before {
  content: "\F756"; }

.fa-phabricator:before {
  content: "\F3DB"; }

.fa-phoenix-framework:before {
  content: "\F3DC"; }

.fa-phoenix-squadron:before {
  content: "\F511"; }

.fa-phone:before {
  content: "\F095"; }

.fa-phone-alt:before {
  content: "\F879"; }

.fa-phone-slash:before {
  content: "\F3DD"; }

.fa-phone-square:before {
  content: "\F098"; }

.fa-phone-square-alt:before {
  content: "\F87B"; }

.fa-phone-volume:before {
  content: "\F2A0"; }

.fa-photo-video:before {
  content: "\F87C"; }

.fa-php:before {
  content: "\F457"; }

.fa-pied-piper:before {
  content: "\F2AE"; }

.fa-pied-piper-alt:before {
  content: "\F1A8"; }

.fa-pied-piper-hat:before {
  content: "\F4E5"; }

.fa-pied-piper-pp:before {
  content: "\F1A7"; }

.fa-pied-piper-square:before {
  content: "\E01E"; }

.fa-piggy-bank:before {
  content: "\F4D3"; }

.fa-pills:before {
  content: "\F484"; }

.fa-pinterest:before {
  content: "\F0D2"; }

.fa-pinterest-p:before {
  content: "\F231"; }

.fa-pinterest-square:before {
  content: "\F0D3"; }

.fa-pizza-slice:before {
  content: "\F818"; }

.fa-place-of-worship:before {
  content: "\F67F"; }

.fa-plane:before {
  content: "\F072"; }

.fa-plane-arrival:before {
  content: "\F5AF"; }

.fa-plane-departure:before {
  content: "\F5B0"; }

.fa-plane-slash:before {
  content: "\E069"; }

.fa-play:before {
  content: "\F04B"; }

.fa-play-circle:before {
  content: "\F144"; }

.fa-playstation:before {
  content: "\F3DF"; }

.fa-plug:before {
  content: "\F1E6"; }

.fa-plus:before {
  content: "\F067"; }

.fa-plus-circle:before {
  content: "\F055"; }

.fa-plus-square:before {
  content: "\F0FE"; }

.fa-podcast:before {
  content: "\F2CE"; }

.fa-poll:before {
  content: "\F681"; }

.fa-poll-h:before {
  content: "\F682"; }

.fa-poo:before {
  content: "\F2FE"; }

.fa-poo-storm:before {
  content: "\F75A"; }

.fa-poop:before {
  content: "\F619"; }

.fa-portrait:before {
  content: "\F3E0"; }

.fa-pound-sign:before {
  content: "\F154"; }

.fa-power-off:before {
  content: "\F011"; }

.fa-pray:before {
  content: "\F683"; }

.fa-praying-hands:before {
  content: "\F684"; }

.fa-prescription:before {
  content: "\F5B1"; }

.fa-prescription-bottle:before {
  content: "\F485"; }

.fa-prescription-bottle-alt:before {
  content: "\F486"; }

.fa-print:before {
  content: "\F02F"; }

.fa-procedures:before {
  content: "\F487"; }

.fa-product-hunt:before {
  content: "\F288"; }

.fa-project-diagram:before {
  content: "\F542"; }

.fa-pump-medical:before {
  content: "\E06A"; }

.fa-pump-soap:before {
  content: "\E06B"; }

.fa-pushed:before {
  content: "\F3E1"; }

.fa-puzzle-piece:before {
  content: "\F12E"; }

.fa-python:before {
  content: "\F3E2"; }

.fa-qq:before {
  content: "\F1D6"; }

.fa-qrcode:before {
  content: "\F029"; }

.fa-question:before {
  content: "\F128"; }

.fa-question-circle:before {
  content: "\F059"; }

.fa-quidditch:before {
  content: "\F458"; }

.fa-quinscape:before {
  content: "\F459"; }

.fa-quora:before {
  content: "\F2C4"; }

.fa-quote-left:before {
  content: "\F10D"; }

.fa-quote-right:before {
  content: "\F10E"; }

.fa-quran:before {
  content: "\F687"; }

.fa-r-project:before {
  content: "\F4F7"; }

.fa-radiation:before {
  content: "\F7B9"; }

.fa-radiation-alt:before {
  content: "\F7BA"; }

.fa-rainbow:before {
  content: "\F75B"; }

.fa-random:before {
  content: "\F074"; }

.fa-raspberry-pi:before {
  content: "\F7BB"; }

.fa-ravelry:before {
  content: "\F2D9"; }

.fa-react:before {
  content: "\F41B"; }

.fa-reacteurope:before {
  content: "\F75D"; }

.fa-readme:before {
  content: "\F4D5"; }

.fa-rebel:before {
  content: "\F1D0"; }

.fa-receipt:before {
  content: "\F543"; }

.fa-record-vinyl:before {
  content: "\F8D9"; }

.fa-recycle:before {
  content: "\F1B8"; }

.fa-red-river:before {
  content: "\F3E3"; }

.fa-reddit:before {
  content: "\F1A1"; }

.fa-reddit-alien:before {
  content: "\F281"; }

.fa-reddit-square:before {
  content: "\F1A2"; }

.fa-redhat:before {
  content: "\F7BC"; }

.fa-redo:before {
  content: "\F01E"; }

.fa-redo-alt:before {
  content: "\F2F9"; }

.fa-registered:before {
  content: "\F25D"; }

.fa-remove-format:before {
  content: "\F87D"; }

.fa-renren:before {
  content: "\F18B"; }

.fa-reply:before {
  content: "\F3E5"; }

.fa-reply-all:before {
  content: "\F122"; }

.fa-replyd:before {
  content: "\F3E6"; }

.fa-republican:before {
  content: "\F75E"; }

.fa-researchgate:before {
  content: "\F4F8"; }

.fa-resolving:before {
  content: "\F3E7"; }

.fa-restroom:before {
  content: "\F7BD"; }

.fa-retweet:before {
  content: "\F079"; }

.fa-rev:before {
  content: "\F5B2"; }

.fa-ribbon:before {
  content: "\F4D6"; }

.fa-ring:before {
  content: "\F70B"; }

.fa-road:before {
  content: "\F018"; }

.fa-robot:before {
  content: "\F544"; }

.fa-rocket:before {
  content: "\F135"; }

.fa-rocketchat:before {
  content: "\F3E8"; }

.fa-rockrms:before {
  content: "\F3E9"; }

.fa-route:before {
  content: "\F4D7"; }

.fa-rss:before {
  content: "\F09E"; }

.fa-rss-square:before {
  content: "\F143"; }

.fa-ruble-sign:before {
  content: "\F158"; }

.fa-ruler:before {
  content: "\F545"; }

.fa-ruler-combined:before {
  content: "\F546"; }

.fa-ruler-horizontal:before {
  content: "\F547"; }

.fa-ruler-vertical:before {
  content: "\F548"; }

.fa-running:before {
  content: "\F70C"; }

.fa-rupee-sign:before {
  content: "\F156"; }

.fa-rust:before {
  content: "\E07A"; }

.fa-sad-cry:before {
  content: "\F5B3"; }

.fa-sad-tear:before {
  content: "\F5B4"; }

.fa-safari:before {
  content: "\F267"; }

.fa-salesforce:before {
  content: "\F83B"; }

.fa-sass:before {
  content: "\F41E"; }

.fa-satellite:before {
  content: "\F7BF"; }

.fa-satellite-dish:before {
  content: "\F7C0"; }

.fa-save:before {
  content: "\F0C7"; }

.fa-schlix:before {
  content: "\F3EA"; }

.fa-school:before {
  content: "\F549"; }

.fa-screwdriver:before {
  content: "\F54A"; }

.fa-scribd:before {
  content: "\F28A"; }

.fa-scroll:before {
  content: "\F70E"; }

.fa-sd-card:before {
  content: "\F7C2"; }

.fa-search:before {
  content: "\F002"; }

.fa-search-dollar:before {
  content: "\F688"; }

.fa-search-location:before {
  content: "\F689"; }

.fa-search-minus:before {
  content: "\F010"; }

.fa-search-plus:before {
  content: "\F00E"; }

.fa-searchengin:before {
  content: "\F3EB"; }

.fa-seedling:before {
  content: "\F4D8"; }

.fa-sellcast:before {
  content: "\F2DA"; }

.fa-sellsy:before {
  content: "\F213"; }

.fa-server:before {
  content: "\F233"; }

.fa-servicestack:before {
  content: "\F3EC"; }

.fa-shapes:before {
  content: "\F61F"; }

.fa-share:before {
  content: "\F064"; }

.fa-share-alt:before {
  content: "\F1E0"; }

.fa-share-alt-square:before {
  content: "\F1E1"; }

.fa-share-square:before {
  content: "\F14D"; }

.fa-shekel-sign:before {
  content: "\F20B"; }

.fa-shield-alt:before {
  content: "\F3ED"; }

.fa-shield-virus:before {
  content: "\E06C"; }

.fa-ship:before {
  content: "\F21A"; }

.fa-shipping-fast:before {
  content: "\F48B"; }

.fa-shirtsinbulk:before {
  content: "\F214"; }

.fa-shoe-prints:before {
  content: "\F54B"; }

.fa-shopify:before {
  content: "\E057"; }

.fa-shopping-bag:before {
  content: "\F290"; }

.fa-shopping-basket:before {
  content: "\F291"; }

.fa-shopping-cart:before {
  content: "\F07A"; }

.fa-shopware:before {
  content: "\F5B5"; }

.fa-shower:before {
  content: "\F2CC"; }

.fa-shuttle-van:before {
  content: "\F5B6"; }

.fa-sign:before {
  content: "\F4D9"; }

.fa-sign-in-alt:before {
  content: "\F2F6"; }

.fa-sign-language:before {
  content: "\F2A7"; }

.fa-sign-out-alt:before {
  content: "\F2F5"; }

.fa-signal:before {
  content: "\F012"; }

.fa-signature:before {
  content: "\F5B7"; }

.fa-sim-card:before {
  content: "\F7C4"; }

.fa-simplybuilt:before {
  content: "\F215"; }

.fa-sink:before {
  content: "\E06D"; }

.fa-sistrix:before {
  content: "\F3EE"; }

.fa-sitemap:before {
  content: "\F0E8"; }

.fa-sith:before {
  content: "\F512"; }

.fa-skating:before {
  content: "\F7C5"; }

.fa-sketch:before {
  content: "\F7C6"; }

.fa-skiing:before {
  content: "\F7C9"; }

.fa-skiing-nordic:before {
  content: "\F7CA"; }

.fa-skull:before {
  content: "\F54C"; }

.fa-skull-crossbones:before {
  content: "\F714"; }

.fa-skyatlas:before {
  content: "\F216"; }

.fa-skype:before {
  content: "\F17E"; }

.fa-slack:before {
  content: "\F198"; }

.fa-slack-hash:before {
  content: "\F3EF"; }

.fa-slash:before {
  content: "\F715"; }

.fa-sleigh:before {
  content: "\F7CC"; }

.fa-sliders-h:before {
  content: "\F1DE"; }

.fa-slideshare:before {
  content: "\F1E7"; }

.fa-smile:before {
  content: "\F118"; }

.fa-smile-beam:before {
  content: "\F5B8"; }

.fa-smile-wink:before {
  content: "\F4DA"; }

.fa-smog:before {
  content: "\F75F"; }

.fa-smoking:before {
  content: "\F48D"; }

.fa-smoking-ban:before {
  content: "\F54D"; }

.fa-sms:before {
  content: "\F7CD"; }

.fa-snapchat:before {
  content: "\F2AB"; }

.fa-snapchat-ghost:before {
  content: "\F2AC"; }

.fa-snapchat-square:before {
  content: "\F2AD"; }

.fa-snowboarding:before {
  content: "\F7CE"; }

.fa-snowflake:before {
  content: "\F2DC"; }

.fa-snowman:before {
  content: "\F7D0"; }

.fa-snowplow:before {
  content: "\F7D2"; }

.fa-soap:before {
  content: "\E06E"; }

.fa-socks:before {
  content: "\F696"; }

.fa-solar-panel:before {
  content: "\F5BA"; }

.fa-sort:before {
  content: "\F0DC"; }

.fa-sort-alpha-down:before {
  content: "\F15D"; }

.fa-sort-alpha-down-alt:before {
  content: "\F881"; }

.fa-sort-alpha-up:before {
  content: "\F15E"; }

.fa-sort-alpha-up-alt:before {
  content: "\F882"; }

.fa-sort-amount-down:before {
  content: "\F160"; }

.fa-sort-amount-down-alt:before {
  content: "\F884"; }

.fa-sort-amount-up:before {
  content: "\F161"; }

.fa-sort-amount-up-alt:before {
  content: "\F885"; }

.fa-sort-down:before {
  content: "\F0DD"; }

.fa-sort-numeric-down:before {
  content: "\F162"; }

.fa-sort-numeric-down-alt:before {
  content: "\F886"; }

.fa-sort-numeric-up:before {
  content: "\F163"; }

.fa-sort-numeric-up-alt:before {
  content: "\F887"; }

.fa-sort-up:before {
  content: "\F0DE"; }

.fa-soundcloud:before {
  content: "\F1BE"; }

.fa-sourcetree:before {
  content: "\F7D3"; }

.fa-spa:before {
  content: "\F5BB"; }

.fa-space-shuttle:before {
  content: "\F197"; }

.fa-speakap:before {
  content: "\F3F3"; }

.fa-speaker-deck:before {
  content: "\F83C"; }

.fa-spell-check:before {
  content: "\F891"; }

.fa-spider:before {
  content: "\F717"; }

.fa-spinner:before {
  content: "\F110"; }

.fa-splotch:before {
  content: "\F5BC"; }

.fa-spotify:before {
  content: "\F1BC"; }

.fa-spray-can:before {
  content: "\F5BD"; }

.fa-square:before {
  content: "\F0C8"; }

.fa-square-full:before {
  content: "\F45C"; }

.fa-square-root-alt:before {
  content: "\F698"; }

.fa-squarespace:before {
  content: "\F5BE"; }

.fa-stack-exchange:before {
  content: "\F18D"; }

.fa-stack-overflow:before {
  content: "\F16C"; }

.fa-stackpath:before {
  content: "\F842"; }

.fa-stamp:before {
  content: "\F5BF"; }

.fa-star:before {
  content: "\F005"; }

.fa-star-and-crescent:before {
  content: "\F699"; }

.fa-star-half:before {
  content: "\F089"; }

.fa-star-half-alt:before {
  content: "\F5C0"; }

.fa-star-of-david:before {
  content: "\F69A"; }

.fa-star-of-life:before {
  content: "\F621"; }

.fa-staylinked:before {
  content: "\F3F5"; }

.fa-steam:before {
  content: "\F1B6"; }

.fa-steam-square:before {
  content: "\F1B7"; }

.fa-steam-symbol:before {
  content: "\F3F6"; }

.fa-step-backward:before {
  content: "\F048"; }

.fa-step-forward:before {
  content: "\F051"; }

.fa-stethoscope:before {
  content: "\F0F1"; }

.fa-sticker-mule:before {
  content: "\F3F7"; }

.fa-sticky-note:before {
  content: "\F249"; }

.fa-stop:before {
  content: "\F04D"; }

.fa-stop-circle:before {
  content: "\F28D"; }

.fa-stopwatch:before {
  content: "\F2F2"; }

.fa-stopwatch-20:before {
  content: "\E06F"; }

.fa-store:before {
  content: "\F54E"; }

.fa-store-alt:before {
  content: "\F54F"; }

.fa-store-alt-slash:before {
  content: "\E070"; }

.fa-store-slash:before {
  content: "\E071"; }

.fa-strava:before {
  content: "\F428"; }

.fa-stream:before {
  content: "\F550"; }

.fa-street-view:before {
  content: "\F21D"; }

.fa-strikethrough:before {
  content: "\F0CC"; }

.fa-stripe:before {
  content: "\F429"; }

.fa-stripe-s:before {
  content: "\F42A"; }

.fa-stroopwafel:before {
  content: "\F551"; }

.fa-studiovinari:before {
  content: "\F3F8"; }

.fa-stumbleupon:before {
  content: "\F1A4"; }

.fa-stumbleupon-circle:before {
  content: "\F1A3"; }

.fa-subscript:before {
  content: "\F12C"; }

.fa-subway:before {
  content: "\F239"; }

.fa-suitcase:before {
  content: "\F0F2"; }

.fa-suitcase-rolling:before {
  content: "\F5C1"; }

.fa-sun:before {
  content: "\F185"; }

.fa-superpowers:before {
  content: "\F2DD"; }

.fa-superscript:before {
  content: "\F12B"; }

.fa-supple:before {
  content: "\F3F9"; }

.fa-surprise:before {
  content: "\F5C2"; }

.fa-suse:before {
  content: "\F7D6"; }

.fa-swatchbook:before {
  content: "\F5C3"; }

.fa-swift:before {
  content: "\F8E1"; }

.fa-swimmer:before {
  content: "\F5C4"; }

.fa-swimming-pool:before {
  content: "\F5C5"; }

.fa-symfony:before {
  content: "\F83D"; }

.fa-synagogue:before {
  content: "\F69B"; }

.fa-sync:before {
  content: "\F021"; }

.fa-sync-alt:before {
  content: "\F2F1"; }

.fa-syringe:before {
  content: "\F48E"; }

.fa-table:before {
  content: "\F0CE"; }

.fa-table-tennis:before {
  content: "\F45D"; }

.fa-tablet:before {
  content: "\F10A"; }

.fa-tablet-alt:before {
  content: "\F3FA"; }

.fa-tablets:before {
  content: "\F490"; }

.fa-tachometer-alt:before {
  content: "\F3FD"; }

.fa-tag:before {
  content: "\F02B"; }

.fa-tags:before {
  content: "\F02C"; }

.fa-tape:before {
  content: "\F4DB"; }

.fa-tasks:before {
  content: "\F0AE"; }

.fa-taxi:before {
  content: "\F1BA"; }

.fa-teamspeak:before {
  content: "\F4F9"; }

.fa-teeth:before {
  content: "\F62E"; }

.fa-teeth-open:before {
  content: "\F62F"; }

.fa-telegram:before {
  content: "\F2C6"; }

.fa-telegram-plane:before {
  content: "\F3FE"; }

.fa-temperature-high:before {
  content: "\F769"; }

.fa-temperature-low:before {
  content: "\F76B"; }

.fa-tencent-weibo:before {
  content: "\F1D5"; }

.fa-tenge:before {
  content: "\F7D7"; }

.fa-terminal:before {
  content: "\F120"; }

.fa-text-height:before {
  content: "\F034"; }

.fa-text-width:before {
  content: "\F035"; }

.fa-th:before {
  content: "\F00A"; }

.fa-th-large:before {
  content: "\F009"; }

.fa-th-list:before {
  content: "\F00B"; }

.fa-the-red-yeti:before {
  content: "\F69D"; }

.fa-theater-masks:before {
  content: "\F630"; }

.fa-themeco:before {
  content: "\F5C6"; }

.fa-themeisle:before {
  content: "\F2B2"; }

.fa-thermometer:before {
  content: "\F491"; }

.fa-thermometer-empty:before {
  content: "\F2CB"; }

.fa-thermometer-full:before {
  content: "\F2C7"; }

.fa-thermometer-half:before {
  content: "\F2C9"; }

.fa-thermometer-quarter:before {
  content: "\F2CA"; }

.fa-thermometer-three-quarters:before {
  content: "\F2C8"; }

.fa-think-peaks:before {
  content: "\F731"; }

.fa-thumbs-down:before {
  content: "\F165"; }

.fa-thumbs-up:before {
  content: "\F164"; }

.fa-thumbtack:before {
  content: "\F08D"; }

.fa-ticket-alt:before {
  content: "\F3FF"; }

.fa-tiktok:before {
  content: "\E07B"; }

.fa-times:before {
  content: "\F00D"; }

.fa-times-circle:before {
  content: "\F057"; }

.fa-tint:before {
  content: "\F043"; }

.fa-tint-slash:before {
  content: "\F5C7"; }

.fa-tired:before {
  content: "\F5C8"; }

.fa-toggle-off:before {
  content: "\F204"; }

.fa-toggle-on:before {
  content: "\F205"; }

.fa-toilet:before {
  content: "\F7D8"; }

.fa-toilet-paper:before {
  content: "\F71E"; }

.fa-toilet-paper-slash:before {
  content: "\E072"; }

.fa-toolbox:before {
  content: "\F552"; }

.fa-tools:before {
  content: "\F7D9"; }

.fa-tooth:before {
  content: "\F5C9"; }

.fa-torah:before {
  content: "\F6A0"; }

.fa-torii-gate:before {
  content: "\F6A1"; }

.fa-tractor:before {
  content: "\F722"; }

.fa-trade-federation:before {
  content: "\F513"; }

.fa-trademark:before {
  content: "\F25C"; }

.fa-traffic-light:before {
  content: "\F637"; }

.fa-trailer:before {
  content: "\E041"; }

.fa-train:before {
  content: "\F238"; }

.fa-tram:before {
  content: "\F7DA"; }

.fa-transgender:before {
  content: "\F224"; }

.fa-transgender-alt:before {
  content: "\F225"; }

.fa-trash:before {
  content: "\F1F8"; }

.fa-trash-alt:before {
  content: "\F2ED"; }

.fa-trash-restore:before {
  content: "\F829"; }

.fa-trash-restore-alt:before {
  content: "\F82A"; }

.fa-tree:before {
  content: "\F1BB"; }

.fa-trello:before {
  content: "\F181"; }

.fa-trophy:before {
  content: "\F091"; }

.fa-truck:before {
  content: "\F0D1"; }

.fa-truck-loading:before {
  content: "\F4DE"; }

.fa-truck-monster:before {
  content: "\F63B"; }

.fa-truck-moving:before {
  content: "\F4DF"; }

.fa-truck-pickup:before {
  content: "\F63C"; }

.fa-tshirt:before {
  content: "\F553"; }

.fa-tty:before {
  content: "\F1E4"; }

.fa-tumblr:before {
  content: "\F173"; }

.fa-tumblr-square:before {
  content: "\F174"; }

.fa-tv:before {
  content: "\F26C"; }

.fa-twitch:before {
  content: "\F1E8"; }

.fa-twitter:before {
  content: "\F099"; }

.fa-twitter-square:before {
  content: "\F081"; }

.fa-typo3:before {
  content: "\F42B"; }

.fa-uber:before {
  content: "\F402"; }

.fa-ubuntu:before {
  content: "\F7DF"; }

.fa-uikit:before {
  content: "\F403"; }

.fa-umbraco:before {
  content: "\F8E8"; }

.fa-umbrella:before {
  content: "\F0E9"; }

.fa-umbrella-beach:before {
  content: "\F5CA"; }

.fa-uncharted:before {
  content: "\E084"; }

.fa-underline:before {
  content: "\F0CD"; }

.fa-undo:before {
  content: "\F0E2"; }

.fa-undo-alt:before {
  content: "\F2EA"; }

.fa-uniregistry:before {
  content: "\F404"; }

.fa-unity:before {
  content: "\E049"; }

.fa-universal-access:before {
  content: "\F29A"; }

.fa-university:before {
  content: "\F19C"; }

.fa-unlink:before {
  content: "\F127"; }

.fa-unlock:before {
  content: "\F09C"; }

.fa-unlock-alt:before {
  content: "\F13E"; }

.fa-unsplash:before {
  content: "\E07C"; }

.fa-untappd:before {
  content: "\F405"; }

.fa-upload:before {
  content: "\F093"; }

.fa-ups:before {
  content: "\F7E0"; }

.fa-usb:before {
  content: "\F287"; }

.fa-user:before {
  content: "\F007"; }

.fa-user-alt:before {
  content: "\F406"; }

.fa-user-alt-slash:before {
  content: "\F4FA"; }

.fa-user-astronaut:before {
  content: "\F4FB"; }

.fa-user-check:before {
  content: "\F4FC"; }

.fa-user-circle:before {
  content: "\F2BD"; }

.fa-user-clock:before {
  content: "\F4FD"; }

.fa-user-cog:before {
  content: "\F4FE"; }

.fa-user-edit:before {
  content: "\F4FF"; }

.fa-user-friends:before {
  content: "\F500"; }

.fa-user-graduate:before {
  content: "\F501"; }

.fa-user-injured:before {
  content: "\F728"; }

.fa-user-lock:before {
  content: "\F502"; }

.fa-user-md:before {
  content: "\F0F0"; }

.fa-user-minus:before {
  content: "\F503"; }

.fa-user-ninja:before {
  content: "\F504"; }

.fa-user-nurse:before {
  content: "\F82F"; }

.fa-user-plus:before {
  content: "\F234"; }

.fa-user-secret:before {
  content: "\F21B"; }

.fa-user-shield:before {
  content: "\F505"; }

.fa-user-slash:before {
  content: "\F506"; }

.fa-user-tag:before {
  content: "\F507"; }

.fa-user-tie:before {
  content: "\F508"; }

.fa-user-times:before {
  content: "\F235"; }

.fa-users:before {
  content: "\F0C0"; }

.fa-users-cog:before {
  content: "\F509"; }

.fa-users-slash:before {
  content: "\E073"; }

.fa-usps:before {
  content: "\F7E1"; }

.fa-ussunnah:before {
  content: "\F407"; }

.fa-utensil-spoon:before {
  content: "\F2E5"; }

.fa-utensils:before {
  content: "\F2E7"; }

.fa-vaadin:before {
  content: "\F408"; }

.fa-vector-square:before {
  content: "\F5CB"; }

.fa-venus:before {
  content: "\F221"; }

.fa-venus-double:before {
  content: "\F226"; }

.fa-venus-mars:before {
  content: "\F228"; }

.fa-vest:before {
  content: "\E085"; }

.fa-vest-patches:before {
  content: "\E086"; }

.fa-viacoin:before {
  content: "\F237"; }

.fa-viadeo:before {
  content: "\F2A9"; }

.fa-viadeo-square:before {
  content: "\F2AA"; }

.fa-vial:before {
  content: "\F492"; }

.fa-vials:before {
  content: "\F493"; }

.fa-viber:before {
  content: "\F409"; }

.fa-video:before {
  content: "\F03D"; }

.fa-video-slash:before {
  content: "\F4E2"; }

.fa-vihara:before {
  content: "\F6A7"; }

.fa-vimeo:before {
  content: "\F40A"; }

.fa-vimeo-square:before {
  content: "\F194"; }

.fa-vimeo-v:before {
  content: "\F27D"; }

.fa-vine:before {
  content: "\F1CA"; }

.fa-virus:before {
  content: "\E074"; }

.fa-virus-slash:before {
  content: "\E075"; }

.fa-viruses:before {
  content: "\E076"; }

.fa-vk:before {
  content: "\F189"; }

.fa-vnv:before {
  content: "\F40B"; }

.fa-voicemail:before {
  content: "\F897"; }

.fa-volleyball-ball:before {
  content: "\F45F"; }

.fa-volume-down:before {
  content: "\F027"; }

.fa-volume-mute:before {
  content: "\F6A9"; }

.fa-volume-off:before {
  content: "\F026"; }

.fa-volume-up:before {
  content: "\F028"; }

.fa-vote-yea:before {
  content: "\F772"; }

.fa-vr-cardboard:before {
  content: "\F729"; }

.fa-vuejs:before {
  content: "\F41F"; }

.fa-walking:before {
  content: "\F554"; }

.fa-wallet:before {
  content: "\F555"; }

.fa-warehouse:before {
  content: "\F494"; }

.fa-watchman-monitoring:before {
  content: "\E087"; }

.fa-water:before {
  content: "\F773"; }

.fa-wave-square:before {
  content: "\F83E"; }

.fa-waze:before {
  content: "\F83F"; }

.fa-weebly:before {
  content: "\F5CC"; }

.fa-weibo:before {
  content: "\F18A"; }

.fa-weight:before {
  content: "\F496"; }

.fa-weight-hanging:before {
  content: "\F5CD"; }

.fa-weixin:before {
  content: "\F1D7"; }

.fa-whatsapp:before {
  content: "\F232"; }

.fa-whatsapp-square:before {
  content: "\F40C"; }

.fa-wheelchair:before {
  content: "\F193"; }

.fa-whmcs:before {
  content: "\F40D"; }

.fa-wifi:before {
  content: "\F1EB"; }

.fa-wikipedia-w:before {
  content: "\F266"; }

.fa-wind:before {
  content: "\F72E"; }

.fa-window-close:before {
  content: "\F410"; }

.fa-window-maximize:before {
  content: "\F2D0"; }

.fa-window-minimize:before {
  content: "\F2D1"; }

.fa-window-restore:before {
  content: "\F2D2"; }

.fa-windows:before {
  content: "\F17A"; }

.fa-wine-bottle:before {
  content: "\F72F"; }

.fa-wine-glass:before {
  content: "\F4E3"; }

.fa-wine-glass-alt:before {
  content: "\F5CE"; }

.fa-wix:before {
  content: "\F5CF"; }

.fa-wizards-of-the-coast:before {
  content: "\F730"; }

.fa-wodu:before {
  content: "\E088"; }

.fa-wolf-pack-battalion:before {
  content: "\F514"; }

.fa-won-sign:before {
  content: "\F159"; }

.fa-wordpress:before {
  content: "\F19A"; }

.fa-wordpress-simple:before {
  content: "\F411"; }

.fa-wpbeginner:before {
  content: "\F297"; }

.fa-wpexplorer:before {
  content: "\F2DE"; }

.fa-wpforms:before {
  content: "\F298"; }

.fa-wpressr:before {
  content: "\F3E4"; }

.fa-wrench:before {
  content: "\F0AD"; }

.fa-x-ray:before {
  content: "\F497"; }

.fa-xbox:before {
  content: "\F412"; }

.fa-xing:before {
  content: "\F168"; }

.fa-xing-square:before {
  content: "\F169"; }

.fa-y-combinator:before {
  content: "\F23B"; }

.fa-yahoo:before {
  content: "\F19E"; }

.fa-yammer:before {
  content: "\F840"; }

.fa-yandex:before {
  content: "\F413"; }

.fa-yandex-international:before {
  content: "\F414"; }

.fa-yarn:before {
  content: "\F7E3"; }

.fa-yelp:before {
  content: "\F1E9"; }

.fa-yen-sign:before {
  content: "\F157"; }

.fa-yin-yang:before {
  content: "\F6AD"; }

.fa-yoast:before {
  content: "\F2B1"; }

.fa-youtube:before {
  content: "\F167"; }

.fa-youtube-square:before {
  content: "\F431"; }

.fa-zhihu:before {
  content: "\F63F"; }

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

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

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa.fa-glass:before {
  content: "\F000"; }

.fa.fa-meetup {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-star-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-star-o:before {
  content: "\F005"; }

.fa.fa-remove:before {
  content: "\F00D"; }

.fa.fa-close:before {
  content: "\F00D"; }

.fa.fa-gear:before {
  content: "\F013"; }

.fa.fa-trash-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-trash-o:before {
  content: "\F2ED"; }

.fa.fa-file-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-file-o:before {
  content: "\F15B"; }

.fa.fa-clock-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-clock-o:before {
  content: "\F017"; }

.fa.fa-arrow-circle-o-down {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-arrow-circle-o-down:before {
  content: "\F358"; }

.fa.fa-arrow-circle-o-up {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-arrow-circle-o-up:before {
  content: "\F35B"; }

.fa.fa-play-circle-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-play-circle-o:before {
  content: "\F144"; }

.fa.fa-repeat:before {
  content: "\F01E"; }

.fa.fa-rotate-right:before {
  content: "\F01E"; }

.fa.fa-refresh:before {
  content: "\F021"; }

.fa.fa-list-alt {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-dedent:before {
  content: "\F03B"; }

.fa.fa-video-camera:before {
  content: "\F03D"; }

.fa.fa-picture-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-picture-o:before {
  content: "\F03E"; }

.fa.fa-photo {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-photo:before {
  content: "\F03E"; }

.fa.fa-image {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-image:before {
  content: "\F03E"; }

.fa.fa-pencil:before {
  content: "\F303"; }

.fa.fa-map-marker:before {
  content: "\F3C5"; }

.fa.fa-pencil-square-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-pencil-square-o:before {
  content: "\F044"; }

.fa.fa-share-square-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-share-square-o:before {
  content: "\F14D"; }

.fa.fa-check-square-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-check-square-o:before {
  content: "\F14A"; }

.fa.fa-arrows:before {
  content: "\F0B2"; }

.fa.fa-times-circle-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-times-circle-o:before {
  content: "\F057"; }

.fa.fa-check-circle-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-check-circle-o:before {
  content: "\F058"; }

.fa.fa-mail-forward:before {
  content: "\F064"; }

.fa.fa-expand:before {
  content: "\F424"; }

.fa.fa-compress:before {
  content: "\F422"; }

.fa.fa-eye {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-eye-slash {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-warning:before {
  content: "\F071"; }

.fa.fa-calendar:before {
  content: "\F073"; }

.fa.fa-arrows-v:before {
  content: "\F338"; }

.fa.fa-arrows-h:before {
  content: "\F337"; }

.fa.fa-bar-chart {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-bar-chart:before {
  content: "\F080"; }

.fa.fa-bar-chart-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-bar-chart-o:before {
  content: "\F080"; }

.fa.fa-twitter-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-facebook-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-gears:before {
  content: "\F085"; }

.fa.fa-thumbs-o-up {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-thumbs-o-up:before {
  content: "\F164"; }

.fa.fa-thumbs-o-down {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-thumbs-o-down:before {
  content: "\F165"; }

.fa.fa-heart-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-heart-o:before {
  content: "\F004"; }

.fa.fa-sign-out:before {
  content: "\F2F5"; }

.fa.fa-linkedin-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-linkedin-square:before {
  content: "\F08C"; }

.fa.fa-thumb-tack:before {
  content: "\F08D"; }

.fa.fa-external-link:before {
  content: "\F35D"; }

.fa.fa-sign-in:before {
  content: "\F2F6"; }

.fa.fa-github-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-lemon-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-lemon-o:before {
  content: "\F094"; }

.fa.fa-square-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-square-o:before {
  content: "\F0C8"; }

.fa.fa-bookmark-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-bookmark-o:before {
  content: "\F02E"; }

.fa.fa-twitter {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-facebook {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-facebook:before {
  content: "\F39E"; }

.fa.fa-facebook-f {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-facebook-f:before {
  content: "\F39E"; }

.fa.fa-github {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-credit-card {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-feed:before {
  content: "\F09E"; }

.fa.fa-hdd-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-hdd-o:before {
  content: "\F0A0"; }

.fa.fa-hand-o-right {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-hand-o-right:before {
  content: "\F0A4"; }

.fa.fa-hand-o-left {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-hand-o-left:before {
  content: "\F0A5"; }

.fa.fa-hand-o-up {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-hand-o-up:before {
  content: "\F0A6"; }

.fa.fa-hand-o-down {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-hand-o-down:before {
  content: "\F0A7"; }

.fa.fa-arrows-alt:before {
  content: "\F31E"; }

.fa.fa-group:before {
  content: "\F0C0"; }

.fa.fa-chain:before {
  content: "\F0C1"; }

.fa.fa-scissors:before {
  content: "\F0C4"; }

.fa.fa-files-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-files-o:before {
  content: "\F0C5"; }

.fa.fa-floppy-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-floppy-o:before {
  content: "\F0C7"; }

.fa.fa-navicon:before {
  content: "\F0C9"; }

.fa.fa-reorder:before {
  content: "\F0C9"; }

.fa.fa-pinterest {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-pinterest-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-google-plus-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-google-plus {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-google-plus:before {
  content: "\F0D5"; }

.fa.fa-money {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-money:before {
  content: "\F3D1"; }

.fa.fa-unsorted:before {
  content: "\F0DC"; }

.fa.fa-sort-desc:before {
  content: "\F0DD"; }

.fa.fa-sort-asc:before {
  content: "\F0DE"; }

.fa.fa-linkedin {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-linkedin:before {
  content: "\F0E1"; }

.fa.fa-rotate-left:before {
  content: "\F0E2"; }

.fa.fa-legal:before {
  content: "\F0E3"; }

.fa.fa-tachometer:before {
  content: "\F3FD"; }

.fa.fa-dashboard:before {
  content: "\F3FD"; }

.fa.fa-comment-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-comment-o:before {
  content: "\F075"; }

.fa.fa-comments-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-comments-o:before {
  content: "\F086"; }

.fa.fa-flash:before {
  content: "\F0E7"; }

.fa.fa-clipboard {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-paste {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-paste:before {
  content: "\F328"; }

.fa.fa-lightbulb-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-lightbulb-o:before {
  content: "\F0EB"; }

.fa.fa-exchange:before {
  content: "\F362"; }

.fa.fa-cloud-download:before {
  content: "\F381"; }

.fa.fa-cloud-upload:before {
  content: "\F382"; }

.fa.fa-bell-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-bell-o:before {
  content: "\F0F3"; }

.fa.fa-cutlery:before {
  content: "\F2E7"; }

.fa.fa-file-text-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-file-text-o:before {
  content: "\F15C"; }

.fa.fa-building-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-building-o:before {
  content: "\F1AD"; }

.fa.fa-hospital-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-hospital-o:before {
  content: "\F0F8"; }

.fa.fa-tablet:before {
  content: "\F3FA"; }

.fa.fa-mobile:before {
  content: "\F3CD"; }

.fa.fa-mobile-phone:before {
  content: "\F3CD"; }

.fa.fa-circle-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-circle-o:before {
  content: "\F111"; }

.fa.fa-mail-reply:before {
  content: "\F3E5"; }

.fa.fa-github-alt {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-folder-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-folder-o:before {
  content: "\F07B"; }

.fa.fa-folder-open-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-folder-open-o:before {
  content: "\F07C"; }

.fa.fa-smile-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-smile-o:before {
  content: "\F118"; }

.fa.fa-frown-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-frown-o:before {
  content: "\F119"; }

.fa.fa-meh-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-meh-o:before {
  content: "\F11A"; }

.fa.fa-keyboard-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-keyboard-o:before {
  content: "\F11C"; }

.fa.fa-flag-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-flag-o:before {
  content: "\F024"; }

.fa.fa-mail-reply-all:before {
  content: "\F122"; }

.fa.fa-star-half-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-star-half-o:before {
  content: "\F089"; }

.fa.fa-star-half-empty {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-star-half-empty:before {
  content: "\F089"; }

.fa.fa-star-half-full {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-star-half-full:before {
  content: "\F089"; }

.fa.fa-code-fork:before {
  content: "\F126"; }

.fa.fa-chain-broken:before {
  content: "\F127"; }

.fa.fa-shield:before {
  content: "\F3ED"; }

.fa.fa-calendar-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-calendar-o:before {
  content: "\F133"; }

.fa.fa-maxcdn {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-html5 {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-css3 {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-ticket:before {
  content: "\F3FF"; }

.fa.fa-minus-square-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-minus-square-o:before {
  content: "\F146"; }

.fa.fa-level-up:before {
  content: "\F3BF"; }

.fa.fa-level-down:before {
  content: "\F3BE"; }

.fa.fa-pencil-square:before {
  content: "\F14B"; }

.fa.fa-external-link-square:before {
  content: "\F360"; }

.fa.fa-compass {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-caret-square-o-down {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-caret-square-o-down:before {
  content: "\F150"; }

.fa.fa-toggle-down {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-toggle-down:before {
  content: "\F150"; }

.fa.fa-caret-square-o-up {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-caret-square-o-up:before {
  content: "\F151"; }

.fa.fa-toggle-up {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-toggle-up:before {
  content: "\F151"; }

.fa.fa-caret-square-o-right {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-caret-square-o-right:before {
  content: "\F152"; }

.fa.fa-toggle-right {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-toggle-right:before {
  content: "\F152"; }

.fa.fa-eur:before {
  content: "\F153"; }

.fa.fa-euro:before {
  content: "\F153"; }

.fa.fa-gbp:before {
  content: "\F154"; }

.fa.fa-usd:before {
  content: "\F155"; }

.fa.fa-dollar:before {
  content: "\F155"; }

.fa.fa-inr:before {
  content: "\F156"; }

.fa.fa-rupee:before {
  content: "\F156"; }

.fa.fa-jpy:before {
  content: "\F157"; }

.fa.fa-cny:before {
  content: "\F157"; }

.fa.fa-rmb:before {
  content: "\F157"; }

.fa.fa-yen:before {
  content: "\F157"; }

.fa.fa-rub:before {
  content: "\F158"; }

.fa.fa-ruble:before {
  content: "\F158"; }

.fa.fa-rouble:before {
  content: "\F158"; }

.fa.fa-krw:before {
  content: "\F159"; }

.fa.fa-won:before {
  content: "\F159"; }

.fa.fa-btc {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-bitcoin {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-bitcoin:before {
  content: "\F15A"; }

.fa.fa-file-text:before {
  content: "\F15C"; }

.fa.fa-sort-alpha-asc:before {
  content: "\F15D"; }

.fa.fa-sort-alpha-desc:before {
  content: "\F881"; }

.fa.fa-sort-amount-asc:before {
  content: "\F160"; }

.fa.fa-sort-amount-desc:before {
  content: "\F884"; }

.fa.fa-sort-numeric-asc:before {
  content: "\F162"; }

.fa.fa-sort-numeric-desc:before {
  content: "\F886"; }

.fa.fa-youtube-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-youtube {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-xing {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-xing-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-youtube-play {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-youtube-play:before {
  content: "\F167"; }

.fa.fa-dropbox {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-stack-overflow {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-instagram {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-flickr {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-adn {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-bitbucket {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-bitbucket-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-bitbucket-square:before {
  content: "\F171"; }

.fa.fa-tumblr {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-tumblr-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-long-arrow-down:before {
  content: "\F309"; }

.fa.fa-long-arrow-up:before {
  content: "\F30C"; }

.fa.fa-long-arrow-left:before {
  content: "\F30A"; }

.fa.fa-long-arrow-right:before {
  content: "\F30B"; }

.fa.fa-apple {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-windows {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-android {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-linux {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-dribbble {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-skype {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-foursquare {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-trello {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-gratipay {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-gittip {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-gittip:before {
  content: "\F184"; }

.fa.fa-sun-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-sun-o:before {
  content: "\F185"; }

.fa.fa-moon-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-moon-o:before {
  content: "\F186"; }

.fa.fa-vk {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-weibo {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-renren {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-pagelines {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-stack-exchange {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-arrow-circle-o-right {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-arrow-circle-o-right:before {
  content: "\F35A"; }

.fa.fa-arrow-circle-o-left {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-arrow-circle-o-left:before {
  content: "\F359"; }

.fa.fa-caret-square-o-left {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-caret-square-o-left:before {
  content: "\F191"; }

.fa.fa-toggle-left {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-toggle-left:before {
  content: "\F191"; }

.fa.fa-dot-circle-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-dot-circle-o:before {
  content: "\F192"; }

.fa.fa-vimeo-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-try:before {
  content: "\F195"; }

.fa.fa-turkish-lira:before {
  content: "\F195"; }

.fa.fa-plus-square-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-plus-square-o:before {
  content: "\F0FE"; }

.fa.fa-slack {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-wordpress {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-openid {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-institution:before {
  content: "\F19C"; }

.fa.fa-bank:before {
  content: "\F19C"; }

.fa.fa-mortar-board:before {
  content: "\F19D"; }

.fa.fa-yahoo {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-google {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-reddit {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-reddit-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-stumbleupon-circle {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-stumbleupon {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-delicious {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-digg {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-pied-piper-pp {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-pied-piper-alt {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-drupal {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-joomla {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-spoon:before {
  content: "\F2E5"; }

.fa.fa-behance {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-behance-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-steam {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-steam-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-automobile:before {
  content: "\F1B9"; }

.fa.fa-envelope-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-envelope-o:before {
  content: "\F0E0"; }

.fa.fa-spotify {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-deviantart {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-soundcloud {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-file-pdf-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-file-pdf-o:before {
  content: "\F1C1"; }

.fa.fa-file-word-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-file-word-o:before {
  content: "\F1C2"; }

.fa.fa-file-excel-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-file-excel-o:before {
  content: "\F1C3"; }

.fa.fa-file-powerpoint-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-file-powerpoint-o:before {
  content: "\F1C4"; }

.fa.fa-file-image-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-file-image-o:before {
  content: "\F1C5"; }

.fa.fa-file-photo-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-file-photo-o:before {
  content: "\F1C5"; }

.fa.fa-file-picture-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-file-picture-o:before {
  content: "\F1C5"; }

.fa.fa-file-archive-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-file-archive-o:before {
  content: "\F1C6"; }

.fa.fa-file-zip-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-file-zip-o:before {
  content: "\F1C6"; }

.fa.fa-file-audio-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-file-audio-o:before {
  content: "\F1C7"; }

.fa.fa-file-sound-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-file-sound-o:before {
  content: "\F1C7"; }

.fa.fa-file-video-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-file-video-o:before {
  content: "\F1C8"; }

.fa.fa-file-movie-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-file-movie-o:before {
  content: "\F1C8"; }

.fa.fa-file-code-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-file-code-o:before {
  content: "\F1C9"; }

.fa.fa-vine {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-codepen {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-jsfiddle {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-life-ring {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-life-bouy {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-life-bouy:before {
  content: "\F1CD"; }

.fa.fa-life-buoy {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-life-buoy:before {
  content: "\F1CD"; }

.fa.fa-life-saver {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-life-saver:before {
  content: "\F1CD"; }

.fa.fa-support {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-support:before {
  content: "\F1CD"; }

.fa.fa-circle-o-notch:before {
  content: "\F1CE"; }

.fa.fa-rebel {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-ra {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-ra:before {
  content: "\F1D0"; }

.fa.fa-resistance {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-resistance:before {
  content: "\F1D0"; }

.fa.fa-empire {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-ge {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-ge:before {
  content: "\F1D1"; }

.fa.fa-git-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-git {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-hacker-news {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-y-combinator-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-y-combinator-square:before {
  content: "\F1D4"; }

.fa.fa-yc-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-yc-square:before {
  content: "\F1D4"; }

.fa.fa-tencent-weibo {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-qq {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-weixin {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-wechat {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-wechat:before {
  content: "\F1D7"; }

.fa.fa-send:before {
  content: "\F1D8"; }

.fa.fa-paper-plane-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-paper-plane-o:before {
  content: "\F1D8"; }

.fa.fa-send-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-send-o:before {
  content: "\F1D8"; }

.fa.fa-circle-thin {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-circle-thin:before {
  content: "\F111"; }

.fa.fa-header:before {
  content: "\F1DC"; }

.fa.fa-sliders:before {
  content: "\F1DE"; }

.fa.fa-futbol-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-futbol-o:before {
  content: "\F1E3"; }

.fa.fa-soccer-ball-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-soccer-ball-o:before {
  content: "\F1E3"; }

.fa.fa-slideshare {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-twitch {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-yelp {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-newspaper-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-newspaper-o:before {
  content: "\F1EA"; }

.fa.fa-paypal {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-google-wallet {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-cc-visa {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-cc-mastercard {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-cc-discover {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-cc-amex {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-cc-paypal {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-cc-stripe {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-bell-slash-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-bell-slash-o:before {
  content: "\F1F6"; }

.fa.fa-trash:before {
  content: "\F2ED"; }

.fa.fa-copyright {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-eyedropper:before {
  content: "\F1FB"; }

.fa.fa-area-chart:before {
  content: "\F1FE"; }

.fa.fa-pie-chart:before {
  content: "\F200"; }

.fa.fa-line-chart:before {
  content: "\F201"; }

.fa.fa-lastfm {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-lastfm-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-ioxhost {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-angellist {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-cc {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-cc:before {
  content: "\F20A"; }

.fa.fa-ils:before {
  content: "\F20B"; }

.fa.fa-shekel:before {
  content: "\F20B"; }

.fa.fa-sheqel:before {
  content: "\F20B"; }

.fa.fa-meanpath {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-meanpath:before {
  content: "\F2B4"; }

.fa.fa-buysellads {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-connectdevelop {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-dashcube {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-forumbee {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-leanpub {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-sellsy {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-shirtsinbulk {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-simplybuilt {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-skyatlas {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-diamond {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-diamond:before {
  content: "\F3A5"; }

.fa.fa-intersex:before {
  content: "\F224"; }

.fa.fa-facebook-official {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-facebook-official:before {
  content: "\F09A"; }

.fa.fa-pinterest-p {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-whatsapp {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-hotel:before {
  content: "\F236"; }

.fa.fa-viacoin {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-medium {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-y-combinator {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-yc {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-yc:before {
  content: "\F23B"; }

.fa.fa-optin-monster {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-opencart {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-expeditedssl {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-battery-4:before {
  content: "\F240"; }

.fa.fa-battery:before {
  content: "\F240"; }

.fa.fa-battery-3:before {
  content: "\F241"; }

.fa.fa-battery-2:before {
  content: "\F242"; }

.fa.fa-battery-1:before {
  content: "\F243"; }

.fa.fa-battery-0:before {
  content: "\F244"; }

.fa.fa-object-group {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-object-ungroup {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-sticky-note-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-sticky-note-o:before {
  content: "\F249"; }

.fa.fa-cc-jcb {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-cc-diners-club {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-clone {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-hourglass-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-hourglass-o:before {
  content: "\F254"; }

.fa.fa-hourglass-1:before {
  content: "\F251"; }

.fa.fa-hourglass-2:before {
  content: "\F252"; }

.fa.fa-hourglass-3:before {
  content: "\F253"; }

.fa.fa-hand-rock-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-hand-rock-o:before {
  content: "\F255"; }

.fa.fa-hand-grab-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-hand-grab-o:before {
  content: "\F255"; }

.fa.fa-hand-paper-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-hand-paper-o:before {
  content: "\F256"; }

.fa.fa-hand-stop-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-hand-stop-o:before {
  content: "\F256"; }

.fa.fa-hand-scissors-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-hand-scissors-o:before {
  content: "\F257"; }

.fa.fa-hand-lizard-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-hand-lizard-o:before {
  content: "\F258"; }

.fa.fa-hand-spock-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-hand-spock-o:before {
  content: "\F259"; }

.fa.fa-hand-pointer-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-hand-pointer-o:before {
  content: "\F25A"; }

.fa.fa-hand-peace-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-hand-peace-o:before {
  content: "\F25B"; }

.fa.fa-registered {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-creative-commons {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-gg {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-gg-circle {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-tripadvisor {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-odnoklassniki {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-odnoklassniki-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-get-pocket {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-wikipedia-w {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-safari {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-chrome {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-firefox {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-opera {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-internet-explorer {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-television:before {
  content: "\F26C"; }

.fa.fa-contao {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-500px {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-amazon {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-calendar-plus-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-calendar-plus-o:before {
  content: "\F271"; }

.fa.fa-calendar-minus-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-calendar-minus-o:before {
  content: "\F272"; }

.fa.fa-calendar-times-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-calendar-times-o:before {
  content: "\F273"; }

.fa.fa-calendar-check-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-calendar-check-o:before {
  content: "\F274"; }

.fa.fa-map-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-map-o:before {
  content: "\F279"; }

.fa.fa-commenting:before {
  content: "\F4AD"; }

.fa.fa-commenting-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-commenting-o:before {
  content: "\F4AD"; }

.fa.fa-houzz {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-vimeo {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-vimeo:before {
  content: "\F27D"; }

.fa.fa-black-tie {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-fonticons {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-reddit-alien {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-edge {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-credit-card-alt:before {
  content: "\F09D"; }

.fa.fa-codiepie {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-modx {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-fort-awesome {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-usb {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-product-hunt {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-mixcloud {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-scribd {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-pause-circle-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-pause-circle-o:before {
  content: "\F28B"; }

.fa.fa-stop-circle-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-stop-circle-o:before {
  content: "\F28D"; }

.fa.fa-bluetooth {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-bluetooth-b {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-gitlab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-wpbeginner {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-wpforms {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-envira {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-wheelchair-alt {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-wheelchair-alt:before {
  content: "\F368"; }

.fa.fa-question-circle-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-question-circle-o:before {
  content: "\F059"; }

.fa.fa-volume-control-phone:before {
  content: "\F2A0"; }

.fa.fa-asl-interpreting:before {
  content: "\F2A3"; }

.fa.fa-deafness:before {
  content: "\F2A4"; }

.fa.fa-hard-of-hearing:before {
  content: "\F2A4"; }

.fa.fa-glide {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-glide-g {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-signing:before {
  content: "\F2A7"; }

.fa.fa-viadeo {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-viadeo-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-snapchat {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-snapchat-ghost {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-snapchat-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-pied-piper {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-first-order {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-yoast {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-themeisle {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-google-plus-official {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-google-plus-official:before {
  content: "\F2B3"; }

.fa.fa-google-plus-circle {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-google-plus-circle:before {
  content: "\F2B3"; }

.fa.fa-font-awesome {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-fa {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-fa:before {
  content: "\F2B4"; }

.fa.fa-handshake-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-handshake-o:before {
  content: "\F2B5"; }

.fa.fa-envelope-open-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-envelope-open-o:before {
  content: "\F2B6"; }

.fa.fa-linode {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-address-book-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-address-book-o:before {
  content: "\F2B9"; }

.fa.fa-vcard:before {
  content: "\F2BB"; }

.fa.fa-address-card-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-address-card-o:before {
  content: "\F2BB"; }

.fa.fa-vcard-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-vcard-o:before {
  content: "\F2BB"; }

.fa.fa-user-circle-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-user-circle-o:before {
  content: "\F2BD"; }

.fa.fa-user-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-user-o:before {
  content: "\F007"; }

.fa.fa-id-badge {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-drivers-license:before {
  content: "\F2C2"; }

.fa.fa-id-card-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-id-card-o:before {
  content: "\F2C2"; }

.fa.fa-drivers-license-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-drivers-license-o:before {
  content: "\F2C2"; }

.fa.fa-quora {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-free-code-camp {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-telegram {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-thermometer-4:before {
  content: "\F2C7"; }

.fa.fa-thermometer:before {
  content: "\F2C7"; }

.fa.fa-thermometer-3:before {
  content: "\F2C8"; }

.fa.fa-thermometer-2:before {
  content: "\F2C9"; }

.fa.fa-thermometer-1:before {
  content: "\F2CA"; }

.fa.fa-thermometer-0:before {
  content: "\F2CB"; }

.fa.fa-bathtub:before {
  content: "\F2CD"; }

.fa.fa-s15:before {
  content: "\F2CD"; }

.fa.fa-window-maximize {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-window-restore {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-times-rectangle:before {
  content: "\F410"; }

.fa.fa-window-close-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-window-close-o:before {
  content: "\F410"; }

.fa.fa-times-rectangle-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-times-rectangle-o:before {
  content: "\F410"; }

.fa.fa-bandcamp {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-grav {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-etsy {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-imdb {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-ravelry {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-eercast {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-eercast:before {
  content: "\F2DA"; }

.fa.fa-snowflake-o {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

.fa.fa-snowflake-o:before {
  content: "\F2DC"; }

.fa.fa-superpowers {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-wpexplorer {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-cab:before {
  content: "\F1BA"; }

.flag-icon-background, .flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat; }

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.33333em;
  line-height: 1em; }
  .flag-icon:before {
    content: '\A0'; }
  .flag-icon.flag-icon-squared {
    width: 1em; }

.flag-icon-ad {
  background-image: url(../fonts/flags//4x3/ad.svg); }
  .flag-icon-ad.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ad.svg); }

.flag-icon-ae {
  background-image: url(../fonts/flags//4x3/ae.svg); }
  .flag-icon-ae.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ae.svg); }

.flag-icon-af {
  background-image: url(../fonts/flags//4x3/af.svg); }
  .flag-icon-af.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/af.svg); }

.flag-icon-ag {
  background-image: url(../fonts/flags//4x3/ag.svg); }
  .flag-icon-ag.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ag.svg); }

.flag-icon-ai {
  background-image: url(../fonts/flags//4x3/ai.svg); }
  .flag-icon-ai.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ai.svg); }

.flag-icon-al {
  background-image: url(../fonts/flags//4x3/al.svg); }
  .flag-icon-al.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/al.svg); }

.flag-icon-am {
  background-image: url(../fonts/flags//4x3/am.svg); }
  .flag-icon-am.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/am.svg); }

.flag-icon-ao {
  background-image: url(../fonts/flags//4x3/ao.svg); }
  .flag-icon-ao.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ao.svg); }

.flag-icon-aq {
  background-image: url(../fonts/flags//4x3/aq.svg); }
  .flag-icon-aq.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/aq.svg); }

.flag-icon-ar {
  background-image: url(../fonts/flags//4x3/ar.svg); }
  .flag-icon-ar.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ar.svg); }

.flag-icon-as {
  background-image: url(../fonts/flags//4x3/as.svg); }
  .flag-icon-as.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/as.svg); }

.flag-icon-at {
  background-image: url(../fonts/flags//4x3/at.svg); }
  .flag-icon-at.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/at.svg); }

.flag-icon-au {
  background-image: url(../fonts/flags//4x3/au.svg); }
  .flag-icon-au.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/au.svg); }

.flag-icon-aw {
  background-image: url(../fonts/flags//4x3/aw.svg); }
  .flag-icon-aw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/aw.svg); }

.flag-icon-ax {
  background-image: url(../fonts/flags//4x3/ax.svg); }
  .flag-icon-ax.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ax.svg); }

.flag-icon-az {
  background-image: url(../fonts/flags//4x3/az.svg); }
  .flag-icon-az.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/az.svg); }

.flag-icon-ba {
  background-image: url(../fonts/flags//4x3/ba.svg); }
  .flag-icon-ba.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ba.svg); }

.flag-icon-bb {
  background-image: url(../fonts/flags//4x3/bb.svg); }
  .flag-icon-bb.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bb.svg); }

.flag-icon-bd {
  background-image: url(../fonts/flags//4x3/bd.svg); }
  .flag-icon-bd.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bd.svg); }

.flag-icon-be {
  background-image: url(../fonts/flags//4x3/be.svg); }
  .flag-icon-be.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/be.svg); }

.flag-icon-bf {
  background-image: url(../fonts/flags//4x3/bf.svg); }
  .flag-icon-bf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bf.svg); }

.flag-icon-bg {
  background-image: url(../fonts/flags//4x3/bg.svg); }
  .flag-icon-bg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bg.svg); }

.flag-icon-bh {
  background-image: url(../fonts/flags//4x3/bh.svg); }
  .flag-icon-bh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bh.svg); }

.flag-icon-bi {
  background-image: url(../fonts/flags//4x3/bi.svg); }
  .flag-icon-bi.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bi.svg); }

.flag-icon-bj {
  background-image: url(../fonts/flags//4x3/bj.svg); }
  .flag-icon-bj.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bj.svg); }

.flag-icon-bl {
  background-image: url(../fonts/flags//4x3/bl.svg); }
  .flag-icon-bl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bl.svg); }

.flag-icon-bm {
  background-image: url(../fonts/flags//4x3/bm.svg); }
  .flag-icon-bm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bm.svg); }

.flag-icon-bn {
  background-image: url(../fonts/flags//4x3/bn.svg); }
  .flag-icon-bn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bn.svg); }

.flag-icon-bo {
  background-image: url(../fonts/flags//4x3/bo.svg); }
  .flag-icon-bo.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bo.svg); }

.flag-icon-bq {
  background-image: url(../fonts/flags//4x3/bq.svg); }
  .flag-icon-bq.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bq.svg); }

.flag-icon-br {
  background-image: url(../fonts/flags//4x3/br.svg); }
  .flag-icon-br.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/br.svg); }

.flag-icon-bs {
  background-image: url(../fonts/flags//4x3/bs.svg); }
  .flag-icon-bs.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bs.svg); }

.flag-icon-bt {
  background-image: url(../fonts/flags//4x3/bt.svg); }
  .flag-icon-bt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bt.svg); }

.flag-icon-bv {
  background-image: url(../fonts/flags//4x3/bv.svg); }
  .flag-icon-bv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bv.svg); }

.flag-icon-bw {
  background-image: url(../fonts/flags//4x3/bw.svg); }
  .flag-icon-bw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bw.svg); }

.flag-icon-by {
  background-image: url(../fonts/flags//4x3/by.svg); }
  .flag-icon-by.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/by.svg); }

.flag-icon-bz {
  background-image: url(../fonts/flags//4x3/bz.svg); }
  .flag-icon-bz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bz.svg); }

.flag-icon-ca {
  background-image: url(../fonts/flags//4x3/ca.svg); }
  .flag-icon-ca.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ca.svg); }

.flag-icon-cc {
  background-image: url(../fonts/flags//4x3/cc.svg); }
  .flag-icon-cc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cc.svg); }

.flag-icon-cd {
  background-image: url(../fonts/flags//4x3/cd.svg); }
  .flag-icon-cd.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cd.svg); }

.flag-icon-cf {
  background-image: url(../fonts/flags//4x3/cf.svg); }
  .flag-icon-cf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cf.svg); }

.flag-icon-cg {
  background-image: url(../fonts/flags//4x3/cg.svg); }
  .flag-icon-cg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cg.svg); }

.flag-icon-ch {
  background-image: url(../fonts/flags//4x3/ch.svg); }
  .flag-icon-ch.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ch.svg); }

.flag-icon-ci {
  background-image: url(../fonts/flags//4x3/ci.svg); }
  .flag-icon-ci.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ci.svg); }

.flag-icon-ck {
  background-image: url(../fonts/flags//4x3/ck.svg); }
  .flag-icon-ck.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ck.svg); }

.flag-icon-cl {
  background-image: url(../fonts/flags//4x3/cl.svg); }
  .flag-icon-cl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cl.svg); }

.flag-icon-cm {
  background-image: url(../fonts/flags//4x3/cm.svg); }
  .flag-icon-cm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cm.svg); }

.flag-icon-cn {
  background-image: url(../fonts/flags//4x3/cn.svg); }
  .flag-icon-cn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cn.svg); }

.flag-icon-co {
  background-image: url(../fonts/flags//4x3/co.svg); }
  .flag-icon-co.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/co.svg); }

.flag-icon-cr {
  background-image: url(../fonts/flags//4x3/cr.svg); }
  .flag-icon-cr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cr.svg); }

.flag-icon-cu {
  background-image: url(../fonts/flags//4x3/cu.svg); }
  .flag-icon-cu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cu.svg); }

.flag-icon-cv {
  background-image: url(../fonts/flags//4x3/cv.svg); }
  .flag-icon-cv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cv.svg); }

.flag-icon-cw {
  background-image: url(../fonts/flags//4x3/cw.svg); }
  .flag-icon-cw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cw.svg); }

.flag-icon-cx {
  background-image: url(../fonts/flags//4x3/cx.svg); }
  .flag-icon-cx.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cx.svg); }

.flag-icon-cy {
  background-image: url(../fonts/flags//4x3/cy.svg); }
  .flag-icon-cy.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cy.svg); }

.flag-icon-cz {
  background-image: url(../fonts/flags//4x3/cz.svg); }
  .flag-icon-cz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cz.svg); }

.flag-icon-de {
  background-image: url(../fonts/flags//4x3/de.svg); }
  .flag-icon-de.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/de.svg); }

.flag-icon-dj {
  background-image: url(../fonts/flags//4x3/dj.svg); }
  .flag-icon-dj.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/dj.svg); }

.flag-icon-dk {
  background-image: url(../fonts/flags//4x3/dk.svg); }
  .flag-icon-dk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/dk.svg); }

.flag-icon-dm {
  background-image: url(../fonts/flags//4x3/dm.svg); }
  .flag-icon-dm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/dm.svg); }

.flag-icon-do {
  background-image: url(../fonts/flags//4x3/do.svg); }
  .flag-icon-do.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/do.svg); }

.flag-icon-dz {
  background-image: url(../fonts/flags//4x3/dz.svg); }
  .flag-icon-dz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/dz.svg); }

.flag-icon-ec {
  background-image: url(../fonts/flags//4x3/ec.svg); }
  .flag-icon-ec.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ec.svg); }

.flag-icon-ee {
  background-image: url(../fonts/flags//4x3/ee.svg); }
  .flag-icon-ee.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ee.svg); }

.flag-icon-eg {
  background-image: url(../fonts/flags//4x3/eg.svg); }
  .flag-icon-eg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/eg.svg); }

.flag-icon-eh {
  background-image: url(../fonts/flags//4x3/eh.svg); }
  .flag-icon-eh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/eh.svg); }

.flag-icon-er {
  background-image: url(../fonts/flags//4x3/er.svg); }
  .flag-icon-er.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/er.svg); }

.flag-icon-es {
  background-image: url(../fonts/flags//4x3/es.svg); }
  .flag-icon-es.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/es.svg); }

.flag-icon-et {
  background-image: url(../fonts/flags//4x3/et.svg); }
  .flag-icon-et.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/et.svg); }

.flag-icon-fi {
  background-image: url(../fonts/flags//4x3/fi.svg); }
  .flag-icon-fi.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fi.svg); }

.flag-icon-fj {
  background-image: url(../fonts/flags//4x3/fj.svg); }
  .flag-icon-fj.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fj.svg); }

.flag-icon-fk {
  background-image: url(../fonts/flags//4x3/fk.svg); }
  .flag-icon-fk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fk.svg); }

.flag-icon-fm {
  background-image: url(../fonts/flags//4x3/fm.svg); }
  .flag-icon-fm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fm.svg); }

.flag-icon-fo {
  background-image: url(../fonts/flags//4x3/fo.svg); }
  .flag-icon-fo.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fo.svg); }

.flag-icon-fr {
  background-image: url(../fonts/flags//4x3/fr.svg); }
  .flag-icon-fr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fr.svg); }

.flag-icon-ga {
  background-image: url(../fonts/flags//4x3/ga.svg); }
  .flag-icon-ga.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ga.svg); }

.flag-icon-gb {
  background-image: url(../fonts/flags//4x3/gb.svg); }
  .flag-icon-gb.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gb.svg); }

.flag-icon-gd {
  background-image: url(../fonts/flags//4x3/gd.svg); }
  .flag-icon-gd.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gd.svg); }

.flag-icon-ge {
  background-image: url(../fonts/flags//4x3/ge.svg); }
  .flag-icon-ge.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ge.svg); }

.flag-icon-gf {
  background-image: url(../fonts/flags//4x3/gf.svg); }
  .flag-icon-gf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gf.svg); }

.flag-icon-gg {
  background-image: url(../fonts/flags//4x3/gg.svg); }
  .flag-icon-gg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gg.svg); }

.flag-icon-gh {
  background-image: url(../fonts/flags//4x3/gh.svg); }
  .flag-icon-gh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gh.svg); }

.flag-icon-gi {
  background-image: url(../fonts/flags//4x3/gi.svg); }
  .flag-icon-gi.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gi.svg); }

.flag-icon-gl {
  background-image: url(../fonts/flags//4x3/gl.svg); }
  .flag-icon-gl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gl.svg); }

.flag-icon-gm {
  background-image: url(../fonts/flags//4x3/gm.svg); }
  .flag-icon-gm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gm.svg); }

.flag-icon-gn {
  background-image: url(../fonts/flags//4x3/gn.svg); }
  .flag-icon-gn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gn.svg); }

.flag-icon-gp {
  background-image: url(../fonts/flags//4x3/gp.svg); }
  .flag-icon-gp.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gp.svg); }

.flag-icon-gq {
  background-image: url(../fonts/flags//4x3/gq.svg); }
  .flag-icon-gq.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gq.svg); }

.flag-icon-gr {
  background-image: url(../fonts/flags//4x3/gr.svg); }
  .flag-icon-gr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gr.svg); }

.flag-icon-gs {
  background-image: url(../fonts/flags//4x3/gs.svg); }
  .flag-icon-gs.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gs.svg); }

.flag-icon-gt {
  background-image: url(../fonts/flags//4x3/gt.svg); }
  .flag-icon-gt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gt.svg); }

.flag-icon-gu {
  background-image: url(../fonts/flags//4x3/gu.svg); }
  .flag-icon-gu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gu.svg); }

.flag-icon-gw {
  background-image: url(../fonts/flags//4x3/gw.svg); }
  .flag-icon-gw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gw.svg); }

.flag-icon-gy {
  background-image: url(../fonts/flags//4x3/gy.svg); }
  .flag-icon-gy.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gy.svg); }

.flag-icon-hk {
  background-image: url(../fonts/flags//4x3/hk.svg); }
  .flag-icon-hk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/hk.svg); }

.flag-icon-hm {
  background-image: url(../fonts/flags//4x3/hm.svg); }
  .flag-icon-hm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/hm.svg); }

.flag-icon-hn {
  background-image: url(../fonts/flags//4x3/hn.svg); }
  .flag-icon-hn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/hn.svg); }

.flag-icon-hr {
  background-image: url(../fonts/flags//4x3/hr.svg); }
  .flag-icon-hr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/hr.svg); }

.flag-icon-ht {
  background-image: url(../fonts/flags//4x3/ht.svg); }
  .flag-icon-ht.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ht.svg); }

.flag-icon-hu {
  background-image: url(../fonts/flags//4x3/hu.svg); }
  .flag-icon-hu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/hu.svg); }

.flag-icon-id {
  background-image: url(../fonts/flags//4x3/id.svg); }
  .flag-icon-id.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/id.svg); }

.flag-icon-ie {
  background-image: url(../fonts/flags//4x3/ie.svg); }
  .flag-icon-ie.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ie.svg); }

.flag-icon-il {
  background-image: url(../fonts/flags//4x3/il.svg); }
  .flag-icon-il.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/il.svg); }

.flag-icon-im {
  background-image: url(../fonts/flags//4x3/im.svg); }
  .flag-icon-im.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/im.svg); }

.flag-icon-in {
  background-image: url(../fonts/flags//4x3/in.svg); }
  .flag-icon-in.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/in.svg); }

.flag-icon-io {
  background-image: url(../fonts/flags//4x3/io.svg); }
  .flag-icon-io.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/io.svg); }

.flag-icon-iq {
  background-image: url(../fonts/flags//4x3/iq.svg); }
  .flag-icon-iq.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/iq.svg); }

.flag-icon-ir {
  background-image: url(../fonts/flags//4x3/ir.svg); }
  .flag-icon-ir.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ir.svg); }

.flag-icon-is {
  background-image: url(../fonts/flags//4x3/is.svg); }
  .flag-icon-is.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/is.svg); }

.flag-icon-it {
  background-image: url(../fonts/flags//4x3/it.svg); }
  .flag-icon-it.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/it.svg); }

.flag-icon-je {
  background-image: url(../fonts/flags//4x3/je.svg); }
  .flag-icon-je.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/je.svg); }

.flag-icon-jm {
  background-image: url(../fonts/flags//4x3/jm.svg); }
  .flag-icon-jm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/jm.svg); }

.flag-icon-jo {
  background-image: url(../fonts/flags//4x3/jo.svg); }
  .flag-icon-jo.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/jo.svg); }

.flag-icon-jp {
  background-image: url(../fonts/flags//4x3/jp.svg); }
  .flag-icon-jp.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/jp.svg); }

.flag-icon-ke {
  background-image: url(../fonts/flags//4x3/ke.svg); }
  .flag-icon-ke.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ke.svg); }

.flag-icon-kg {
  background-image: url(../fonts/flags//4x3/kg.svg); }
  .flag-icon-kg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kg.svg); }

.flag-icon-kh {
  background-image: url(../fonts/flags//4x3/kh.svg); }
  .flag-icon-kh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kh.svg); }

.flag-icon-ki {
  background-image: url(../fonts/flags//4x3/ki.svg); }
  .flag-icon-ki.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ki.svg); }

.flag-icon-km {
  background-image: url(../fonts/flags//4x3/km.svg); }
  .flag-icon-km.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/km.svg); }

.flag-icon-kn {
  background-image: url(../fonts/flags//4x3/kn.svg); }
  .flag-icon-kn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kn.svg); }

.flag-icon-kp {
  background-image: url(../fonts/flags//4x3/kp.svg); }
  .flag-icon-kp.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kp.svg); }

.flag-icon-kr {
  background-image: url(../fonts/flags//4x3/kr.svg); }
  .flag-icon-kr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kr.svg); }

.flag-icon-kw {
  background-image: url(../fonts/flags//4x3/kw.svg); }
  .flag-icon-kw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kw.svg); }

.flag-icon-ky {
  background-image: url(../fonts/flags//4x3/ky.svg); }
  .flag-icon-ky.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ky.svg); }

.flag-icon-kz {
  background-image: url(../fonts/flags//4x3/kz.svg); }
  .flag-icon-kz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kz.svg); }

.flag-icon-la {
  background-image: url(../fonts/flags//4x3/la.svg); }
  .flag-icon-la.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/la.svg); }

.flag-icon-lb {
  background-image: url(../fonts/flags//4x3/lb.svg); }
  .flag-icon-lb.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lb.svg); }

.flag-icon-lc {
  background-image: url(../fonts/flags//4x3/lc.svg); }
  .flag-icon-lc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lc.svg); }

.flag-icon-li {
  background-image: url(../fonts/flags//4x3/li.svg); }
  .flag-icon-li.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/li.svg); }

.flag-icon-lk {
  background-image: url(../fonts/flags//4x3/lk.svg); }
  .flag-icon-lk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lk.svg); }

.flag-icon-lr {
  background-image: url(../fonts/flags//4x3/lr.svg); }
  .flag-icon-lr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lr.svg); }

.flag-icon-ls {
  background-image: url(../fonts/flags//4x3/ls.svg); }
  .flag-icon-ls.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ls.svg); }

.flag-icon-lt {
  background-image: url(../fonts/flags//4x3/lt.svg); }
  .flag-icon-lt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lt.svg); }

.flag-icon-lu {
  background-image: url(../fonts/flags//4x3/lu.svg); }
  .flag-icon-lu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lu.svg); }

.flag-icon-lv {
  background-image: url(../fonts/flags//4x3/lv.svg); }
  .flag-icon-lv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lv.svg); }

.flag-icon-ly {
  background-image: url(../fonts/flags//4x3/ly.svg); }
  .flag-icon-ly.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ly.svg); }

.flag-icon-ma {
  background-image: url(../fonts/flags//4x3/ma.svg); }
  .flag-icon-ma.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ma.svg); }

.flag-icon-mc {
  background-image: url(../fonts/flags//4x3/mc.svg); }
  .flag-icon-mc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mc.svg); }

.flag-icon-md {
  background-image: url(../fonts/flags//4x3/md.svg); }
  .flag-icon-md.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/md.svg); }

.flag-icon-me {
  background-image: url(../fonts/flags//4x3/me.svg); }
  .flag-icon-me.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/me.svg); }

.flag-icon-mf {
  background-image: url(../fonts/flags//4x3/mf.svg); }
  .flag-icon-mf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mf.svg); }

.flag-icon-mg {
  background-image: url(../fonts/flags//4x3/mg.svg); }
  .flag-icon-mg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mg.svg); }

.flag-icon-mh {
  background-image: url(../fonts/flags//4x3/mh.svg); }
  .flag-icon-mh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mh.svg); }

.flag-icon-mk {
  background-image: url(../fonts/flags//4x3/mk.svg); }
  .flag-icon-mk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mk.svg); }

.flag-icon-ml {
  background-image: url(../fonts/flags//4x3/ml.svg); }
  .flag-icon-ml.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ml.svg); }

.flag-icon-mm {
  background-image: url(../fonts/flags//4x3/mm.svg); }
  .flag-icon-mm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mm.svg); }

.flag-icon-mn {
  background-image: url(../fonts/flags//4x3/mn.svg); }
  .flag-icon-mn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mn.svg); }

.flag-icon-mo {
  background-image: url(../fonts/flags//4x3/mo.svg); }
  .flag-icon-mo.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mo.svg); }

.flag-icon-mp {
  background-image: url(../fonts/flags//4x3/mp.svg); }
  .flag-icon-mp.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mp.svg); }

.flag-icon-mq {
  background-image: url(../fonts/flags//4x3/mq.svg); }
  .flag-icon-mq.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mq.svg); }

.flag-icon-mr {
  background-image: url(../fonts/flags//4x3/mr.svg); }
  .flag-icon-mr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mr.svg); }

.flag-icon-ms {
  background-image: url(../fonts/flags//4x3/ms.svg); }
  .flag-icon-ms.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ms.svg); }

.flag-icon-mt {
  background-image: url(../fonts/flags//4x3/mt.svg); }
  .flag-icon-mt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mt.svg); }

.flag-icon-mu {
  background-image: url(../fonts/flags//4x3/mu.svg); }
  .flag-icon-mu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mu.svg); }

.flag-icon-mv {
  background-image: url(../fonts/flags//4x3/mv.svg); }
  .flag-icon-mv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mv.svg); }

.flag-icon-mw {
  background-image: url(../fonts/flags//4x3/mw.svg); }
  .flag-icon-mw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mw.svg); }

.flag-icon-mx {
  background-image: url(../fonts/flags//4x3/mx.svg); }
  .flag-icon-mx.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mx.svg); }

.flag-icon-my {
  background-image: url(../fonts/flags//4x3/my.svg); }
  .flag-icon-my.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/my.svg); }

.flag-icon-mz {
  background-image: url(../fonts/flags//4x3/mz.svg); }
  .flag-icon-mz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mz.svg); }

.flag-icon-na {
  background-image: url(../fonts/flags//4x3/na.svg); }
  .flag-icon-na.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/na.svg); }

.flag-icon-nc {
  background-image: url(../fonts/flags//4x3/nc.svg); }
  .flag-icon-nc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nc.svg); }

.flag-icon-ne {
  background-image: url(../fonts/flags//4x3/ne.svg); }
  .flag-icon-ne.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ne.svg); }

.flag-icon-nf {
  background-image: url(../fonts/flags//4x3/nf.svg); }
  .flag-icon-nf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nf.svg); }

.flag-icon-ng {
  background-image: url(../fonts/flags//4x3/ng.svg); }
  .flag-icon-ng.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ng.svg); }

.flag-icon-ni {
  background-image: url(../fonts/flags//4x3/ni.svg); }
  .flag-icon-ni.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ni.svg); }

.flag-icon-nl {
  background-image: url(../fonts/flags//4x3/nl.svg); }
  .flag-icon-nl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nl.svg); }

.flag-icon-no {
  background-image: url(../fonts/flags//4x3/no.svg); }
  .flag-icon-no.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/no.svg); }

.flag-icon-np {
  background-image: url(../fonts/flags//4x3/np.svg); }
  .flag-icon-np.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/np.svg); }

.flag-icon-nr {
  background-image: url(../fonts/flags//4x3/nr.svg); }
  .flag-icon-nr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nr.svg); }

.flag-icon-nu {
  background-image: url(../fonts/flags//4x3/nu.svg); }
  .flag-icon-nu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nu.svg); }

.flag-icon-nz {
  background-image: url(../fonts/flags//4x3/nz.svg); }
  .flag-icon-nz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nz.svg); }

.flag-icon-om {
  background-image: url(../fonts/flags//4x3/om.svg); }
  .flag-icon-om.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/om.svg); }

.flag-icon-pa {
  background-image: url(../fonts/flags//4x3/pa.svg); }
  .flag-icon-pa.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pa.svg); }

.flag-icon-pe {
  background-image: url(../fonts/flags//4x3/pe.svg); }
  .flag-icon-pe.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pe.svg); }

.flag-icon-pf {
  background-image: url(../fonts/flags//4x3/pf.svg); }
  .flag-icon-pf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pf.svg); }

.flag-icon-pg {
  background-image: url(../fonts/flags//4x3/pg.svg); }
  .flag-icon-pg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pg.svg); }

.flag-icon-ph {
  background-image: url(../fonts/flags//4x3/ph.svg); }
  .flag-icon-ph.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ph.svg); }

.flag-icon-pk {
  background-image: url(../fonts/flags//4x3/pk.svg); }
  .flag-icon-pk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pk.svg); }

.flag-icon-pl {
  background-image: url(../fonts/flags//4x3/pl.svg); }
  .flag-icon-pl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pl.svg); }

.flag-icon-pm {
  background-image: url(../fonts/flags//4x3/pm.svg); }
  .flag-icon-pm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pm.svg); }

.flag-icon-pn {
  background-image: url(../fonts/flags//4x3/pn.svg); }
  .flag-icon-pn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pn.svg); }

.flag-icon-pr {
  background-image: url(../fonts/flags//4x3/pr.svg); }
  .flag-icon-pr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pr.svg); }

.flag-icon-ps {
  background-image: url(../fonts/flags//4x3/ps.svg); }
  .flag-icon-ps.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ps.svg); }

.flag-icon-pt {
  background-image: url(../fonts/flags//4x3/pt.svg); }
  .flag-icon-pt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pt.svg); }

.flag-icon-pw {
  background-image: url(../fonts/flags//4x3/pw.svg); }
  .flag-icon-pw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pw.svg); }

.flag-icon-py {
  background-image: url(../fonts/flags//4x3/py.svg); }
  .flag-icon-py.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/py.svg); }

.flag-icon-qa {
  background-image: url(../fonts/flags//4x3/qa.svg); }
  .flag-icon-qa.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/qa.svg); }

.flag-icon-re {
  background-image: url(../fonts/flags//4x3/re.svg); }
  .flag-icon-re.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/re.svg); }

.flag-icon-ro {
  background-image: url(../fonts/flags//4x3/ro.svg); }
  .flag-icon-ro.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ro.svg); }

.flag-icon-rs {
  background-image: url(../fonts/flags//4x3/rs.svg); }
  .flag-icon-rs.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/rs.svg); }

.flag-icon-ru {
  background-image: url(../fonts/flags//4x3/ru.svg); }
  .flag-icon-ru.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ru.svg); }

.flag-icon-rw {
  background-image: url(../fonts/flags//4x3/rw.svg); }
  .flag-icon-rw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/rw.svg); }

.flag-icon-sa {
  background-image: url(../fonts/flags//4x3/sa.svg); }
  .flag-icon-sa.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sa.svg); }

.flag-icon-sb {
  background-image: url(../fonts/flags//4x3/sb.svg); }
  .flag-icon-sb.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sb.svg); }

.flag-icon-sc {
  background-image: url(../fonts/flags//4x3/sc.svg); }
  .flag-icon-sc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sc.svg); }

.flag-icon-sd {
  background-image: url(../fonts/flags//4x3/sd.svg); }
  .flag-icon-sd.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sd.svg); }

.flag-icon-se {
  background-image: url(../fonts/flags//4x3/se.svg); }
  .flag-icon-se.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/se.svg); }

.flag-icon-sg {
  background-image: url(../fonts/flags//4x3/sg.svg); }
  .flag-icon-sg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sg.svg); }

.flag-icon-sh {
  background-image: url(../fonts/flags//4x3/sh.svg); }
  .flag-icon-sh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sh.svg); }

.flag-icon-si {
  background-image: url(../fonts/flags//4x3/si.svg); }
  .flag-icon-si.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/si.svg); }

.flag-icon-sj {
  background-image: url(../fonts/flags//4x3/sj.svg); }
  .flag-icon-sj.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sj.svg); }

.flag-icon-sk {
  background-image: url(../fonts/flags//4x3/sk.svg); }
  .flag-icon-sk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sk.svg); }

.flag-icon-sl {
  background-image: url(../fonts/flags//4x3/sl.svg); }
  .flag-icon-sl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sl.svg); }

.flag-icon-sm {
  background-image: url(../fonts/flags//4x3/sm.svg); }
  .flag-icon-sm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sm.svg); }

.flag-icon-sn {
  background-image: url(../fonts/flags//4x3/sn.svg); }
  .flag-icon-sn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sn.svg); }

.flag-icon-so {
  background-image: url(../fonts/flags//4x3/so.svg); }
  .flag-icon-so.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/so.svg); }

.flag-icon-sr {
  background-image: url(../fonts/flags//4x3/sr.svg); }
  .flag-icon-sr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sr.svg); }

.flag-icon-ss {
  background-image: url(../fonts/flags//4x3/ss.svg); }
  .flag-icon-ss.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ss.svg); }

.flag-icon-st {
  background-image: url(../fonts/flags//4x3/st.svg); }
  .flag-icon-st.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/st.svg); }

.flag-icon-sv {
  background-image: url(../fonts/flags//4x3/sv.svg); }
  .flag-icon-sv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sv.svg); }

.flag-icon-sx {
  background-image: url(../fonts/flags//4x3/sx.svg); }
  .flag-icon-sx.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sx.svg); }

.flag-icon-sy {
  background-image: url(../fonts/flags//4x3/sy.svg); }
  .flag-icon-sy.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sy.svg); }

.flag-icon-sz {
  background-image: url(../fonts/flags//4x3/sz.svg); }
  .flag-icon-sz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sz.svg); }

.flag-icon-tc {
  background-image: url(../fonts/flags//4x3/tc.svg); }
  .flag-icon-tc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tc.svg); }

.flag-icon-td {
  background-image: url(../fonts/flags//4x3/td.svg); }
  .flag-icon-td.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/td.svg); }

.flag-icon-tf {
  background-image: url(../fonts/flags//4x3/tf.svg); }
  .flag-icon-tf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tf.svg); }

.flag-icon-tg {
  background-image: url(../fonts/flags//4x3/tg.svg); }
  .flag-icon-tg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tg.svg); }

.flag-icon-th {
  background-image: url(../fonts/flags//4x3/th.svg); }
  .flag-icon-th.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/th.svg); }

.flag-icon-tj {
  background-image: url(../fonts/flags//4x3/tj.svg); }
  .flag-icon-tj.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tj.svg); }

.flag-icon-tk {
  background-image: url(../fonts/flags//4x3/tk.svg); }
  .flag-icon-tk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tk.svg); }

.flag-icon-tl {
  background-image: url(../fonts/flags//4x3/tl.svg); }
  .flag-icon-tl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tl.svg); }

.flag-icon-tm {
  background-image: url(../fonts/flags//4x3/tm.svg); }
  .flag-icon-tm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tm.svg); }

.flag-icon-tn {
  background-image: url(../fonts/flags//4x3/tn.svg); }
  .flag-icon-tn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tn.svg); }

.flag-icon-to {
  background-image: url(../fonts/flags//4x3/to.svg); }
  .flag-icon-to.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/to.svg); }

.flag-icon-tr {
  background-image: url(../fonts/flags//4x3/tr.svg); }
  .flag-icon-tr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tr.svg); }

.flag-icon-tt {
  background-image: url(../fonts/flags//4x3/tt.svg); }
  .flag-icon-tt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tt.svg); }

.flag-icon-tv {
  background-image: url(../fonts/flags//4x3/tv.svg); }
  .flag-icon-tv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tv.svg); }

.flag-icon-tw {
  background-image: url(../fonts/flags//4x3/tw.svg); }
  .flag-icon-tw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tw.svg); }

.flag-icon-tz {
  background-image: url(../fonts/flags//4x3/tz.svg); }
  .flag-icon-tz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tz.svg); }

.flag-icon-ua {
  background-image: url(../fonts/flags//4x3/ua.svg); }
  .flag-icon-ua.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ua.svg); }

.flag-icon-ug {
  background-image: url(../fonts/flags//4x3/ug.svg); }
  .flag-icon-ug.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ug.svg); }

.flag-icon-um {
  background-image: url(../fonts/flags//4x3/um.svg); }
  .flag-icon-um.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/um.svg); }

.flag-icon-us {
  background-image: url(../fonts/flags//4x3/us.svg); }
  .flag-icon-us.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/us.svg); }

.flag-icon-uy {
  background-image: url(../fonts/flags//4x3/uy.svg); }
  .flag-icon-uy.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/uy.svg); }

.flag-icon-uz {
  background-image: url(../fonts/flags//4x3/uz.svg); }
  .flag-icon-uz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/uz.svg); }

.flag-icon-va {
  background-image: url(../fonts/flags//4x3/va.svg); }
  .flag-icon-va.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/va.svg); }

.flag-icon-vc {
  background-image: url(../fonts/flags//4x3/vc.svg); }
  .flag-icon-vc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/vc.svg); }

.flag-icon-ve {
  background-image: url(../fonts/flags//4x3/ve.svg); }
  .flag-icon-ve.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ve.svg); }

.flag-icon-vg {
  background-image: url(../fonts/flags//4x3/vg.svg); }
  .flag-icon-vg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/vg.svg); }

.flag-icon-vi {
  background-image: url(../fonts/flags//4x3/vi.svg); }
  .flag-icon-vi.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/vi.svg); }

.flag-icon-vn {
  background-image: url(../fonts/flags//4x3/vn.svg); }
  .flag-icon-vn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/vn.svg); }

.flag-icon-vu {
  background-image: url(../fonts/flags//4x3/vu.svg); }
  .flag-icon-vu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/vu.svg); }

.flag-icon-wf {
  background-image: url(../fonts/flags//4x3/wf.svg); }
  .flag-icon-wf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/wf.svg); }

.flag-icon-ws {
  background-image: url(../fonts/flags//4x3/ws.svg); }
  .flag-icon-ws.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ws.svg); }

.flag-icon-ye {
  background-image: url(../fonts/flags//4x3/ye.svg); }
  .flag-icon-ye.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ye.svg); }

.flag-icon-yt {
  background-image: url(../fonts/flags//4x3/yt.svg); }
  .flag-icon-yt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/yt.svg); }

.flag-icon-za {
  background-image: url(../fonts/flags//4x3/za.svg); }
  .flag-icon-za.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/za.svg); }

.flag-icon-zm {
  background-image: url(../fonts/flags//4x3/zm.svg); }
  .flag-icon-zm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/zm.svg); }

.flag-icon-zw {
  background-image: url(../fonts/flags//4x3/zw.svg); }
  .flag-icon-zw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/zw.svg); }

.flag-icon-es-ct {
  background-image: url(../fonts/flags//4x3/es-ct.svg); }
  .flag-icon-es-ct.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/es-ct.svg); }

.flag-icon-eu {
  background-image: url(../fonts/flags//4x3/eu.svg); }
  .flag-icon-eu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/eu.svg); }

.flag-icon-gb-eng {
  background-image: url(../fonts/flags//4x3/gb-eng.svg); }
  .flag-icon-gb-eng.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gb-eng.svg); }

.flag-icon-gb-nir {
  background-image: url(../fonts/flags//4x3/gb-nir.svg); }
  .flag-icon-gb-nir.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gb-nir.svg); }

.flag-icon-gb-sct {
  background-image: url(../fonts/flags//4x3/gb-sct.svg); }
  .flag-icon-gb-sct.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gb-sct.svg); }

.flag-icon-gb-wls {
  background-image: url(../fonts/flags//4x3/gb-wls.svg); }
  .flag-icon-gb-wls.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gb-wls.svg); }

.flag-icon-un {
  background-image: url(../fonts/flags//4x3/un.svg); }
  .flag-icon-un.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/un.svg); }

html {
  font-size: 16px;
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

body {
  font-size: inherit; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
body {
  padding-right: 0 !important; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../images/ajax-loader.gif") center center no-repeat; }

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

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 1.5625rem;
  width: 1.8125rem;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 1; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 28px;
    line-height: 1;
    color: black;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "\2190"; }
    [dir="rtl"] .slick-prev:before {
      content: "\2192"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "\2192"; }
    [dir="rtl"] .slick-next:before {
      content: "\2190"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.modal-background {
  background-color: #000;
  display: none;
  height: 100%;
  position: fixed;
  opacity: 0.5;
  width: 100%;
  top: 0;
  left: 0; }

input[placeholder] {
  text-overflow: ellipsis; }

header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary), header ~ #maincontent .promo.banner .text.overlay a:not(.btn-primary):not(.btn-outline-primary), .promo.banner header ~ #maincontent .text.overlay a:not(.btn-primary):not(.btn-outline-primary) {
  color: var(--skin-link-color-2); }

.hide-order-discount {
  display: none; }

.hide-shipping-discount {
  display: none; }

.order-discount {
  color: #fe5000; }

.shipping-discount {
  color: #fe5000; }

.error-messaging {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1; }

.error-hero {
  background-image: url("../images/storelocator.jpg");
  margin-bottom: 0.625em; }

.error-message {
  margin-top: 3.125rem;
  margin-bottom: 3.125rem; }

.error.continue-shopping {
  margin-bottom: 6.25em; }

.error-unassigned-category {
  color: #bd0000; }

.skip {
  position: absolute;
  left: 0;
  top: -4.2em;
  overflow: hidden;
  padding: 1em 1.5em;
  background: #fff;
  transition: all 0.2s ease-in-out; }

a.skip:active,
a.skip:focus,
a.skip:hover {
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  z-index: 10000000;
  background: #fff;
  transition: all 0.2s ease-in-out; }

.card-header-custom {
  font-size: 1.5rem;
  margin-bottom: 0; }

img {
  max-width: 100%; }

#maincontent {
  position: relative; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #bd0000;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-orange: #fe5000;
  --color-dark-orange: #eb4800;
  --color-darker-orange: #d24200;
  --color-abbey: #4c5055;
  --color-dune: #2d2926;
  --color-primary: #fe5000;
  --color-secondary: #4c5055;
  --color-accent: #fff;
  --color-red: #bd0000;
  --color-success: var(--color-orange);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey3);
  --color-dark-gray: var(--color-grey4);
  --color-darker-gray: var(--color-grey5);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey5);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-font-family-1: Muli;
  --skin-font-family-2: HelveticaNeue;
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-abbey);
  --skin-main-text-color-2: var(--color-abbey);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-darker-orange);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Muli;
  --skin-header-font-2: HelveticaNeue;
  --skin-body-font: HelveticaNeue;
  --skin-promo-color: var($primary);
  --skin-font-weight-light: 300;
  --skin-font-weight-normal: 400;
  --skin-font-weight-bold: 700;
  --skin-font-weight-extra-bold: 800;
  --skin-font-weight-black: 900; }

.site-main {
  overflow: hidden; }

.alert-success {
  color: var(--color-white);
  background-color: var(--color-success); }

.ratings {
  display: flex; }

.rating-star {
  display: inline-block;
  margin: 0 0.125rem 0 0;
  height: 1.75rem;
  width: 1.75rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.125rem; }
  .rating-star.star-100 {
    background-image: url("../images/stars/star-100.jpg"); }
  .rating-star.star-75 {
    background-image: url("../images/stars/star-75.jpg"); }
  .rating-star.star-50 {
    background-image: url("../images/stars/star-50.jpg"); }
  .rating-star.star-25 {
    background-image: url("../images/stars/star-25.jpg"); }
  .rating-star.star-0 {
    background-image: url("../images/stars/star-0.jpg"); }
  .product-tile .rating-star {
    height: 0.9375rem;
    width: 0.9375rem; }

.order-discount {
  color: #fe5000; }

.shipping-discount {
  color: #fe5000; }

a[href=""], a[href="null"], a[href="root"], a[href="#"] {
  cursor: default; }

/* -------------------------------------------------------------
This file has been disconnected from the _base in order to allow
extensibility going forward.
Base file cannot be imported becasue ti will define media
queries for previous brekapoints that cannot be overridden.
------------------------------------------------------------- */
/* -------------------------------------------------------------
This file has been disconnected from the _base in order to allow
extensibility going forward.
Base file cannot be imported becasue ti will define media
queries for previous brekapoints that cannot be overridden.
------------------------------------------------------------- */
@media (max-width: 543.98px) {
  .menu-toggleable-left.navbar-toggleable-xs {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-xs.in {
      min-width: 50%;
      left: 0; } }

@media (max-width: 768.98px) {
  .menu-toggleable-left.navbar-toggleable-sm {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-sm.in {
      min-width: 50%;
      left: 0; } }

@media (max-width: 1023.98px) {
  .menu-toggleable-left.navbar-toggleable-md {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-md.in {
      min-width: 50%;
      left: 0; } }

@media (max-width: 1199.98px) {
  .menu-toggleable-left.navbar-toggleable-lg {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-lg.in {
      min-width: 50%;
      left: 0; } }

.menu-toggleable-left.navbar-toggleable-xl {
  position: fixed;
  left: -100%;
  top: 0;
  bottom: 0;
  transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
  display: block;
  max-width: 100%; }
  .menu-toggleable-left.navbar-toggleable-xl.in {
    min-width: 50%;
    left: 0; }

.navbar.bg-inverse {
  background-color: transparent !important;
  padding: 0; }
  @media (min-width: 1200px) {
    .navbar.bg-inverse .navbar-nav .nav-item + .nav-item {
      margin-left: 0; }
    .navbar.bg-inverse .navbar-nav .nav-link {
      padding: 0.8rem;
      white-space: nowrap; } }

.navbar-expand-md .navbar-nav.nav-center {
  justify-content: center; }

.navbar-expand-md .navbar-nav.nav-spaced {
  justify-content: space-evenly; }

.navbar-expand-md .navbar-nav.nav-right {
  justify-content: end; }

.nav-item .nav-link:hover,
.nav-item .nav-link:focus,
.nav-item.show .nav-link {
  background-color: #fff;
  color: #4c5055; }

@media (min-width: 1200px) {
  .nav-item > .nav-link {
    color: #fff; } }

@media (max-width: 1199.98px) {
  .main-menu.menu-toggleable-left {
    background-color: #fff;
    z-index: 4; } }

.menu-toggleable-left .close-menu {
  padding: 15px;
  background-color: #e4e4e4;
  border-bottom: 1px solid #cfcfcf;
  flex: 0 0 100%; }
  @media (min-width: 1200px) {
    .menu-toggleable-left .close-menu {
      display: none; } }

.menu-toggleable-left .menu-group {
  flex: 0 0 100%; }

.menu-toggleable-left li > .close-menu {
  margin-right: 0;
  margin-top: -0.6rem;
  margin-left: 0; }

@media (max-width: 1199.98px) {
  .menu-toggleable-left .bg-inverse {
    background-color: white !important;
    color: #222; } }

@media (max-width: 1023.98px) {
  .menu-toggleable-left.in {
    right: 0;
    margin-right: 1.25em;
    /* 20/16 */ } }

@media (max-width: 1199.98px) {
  .menu-toggleable-left.in .nav-item + .nav-item {
    border-top: 1px solid #e4e4e4; }
  .menu-toggleable-left.in .dropdown {
    display: block;
    position: static; }
  .menu-toggleable-left.in .dropdown-toggle {
    padding-left: 1rem; }
    .menu-toggleable-left.in .dropdown-toggle::after {
      border-top: 0.3em solid transparent;
      border-bottom: 0.3em solid transparent;
      border-left: 0.3em solid;
      position: absolute;
      right: 0.3em;
      margin-top: 0.55em; }
  .menu-toggleable-left.in .nav-item .nav-link {
    padding-left: 1rem; }
  .menu-toggleable-left.in .show > .dropdown-menu {
    left: 0; }
  .menu-toggleable-left.in .dropdown-menu {
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0 none;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block; } }

.multilevel-dropdown .dropdown-menu {
  top: 90%;
  border: 0;
  border-radius: 0; }
  @media (min-width: 1200px) {
    .multilevel-dropdown .dropdown-menu {
      box-shadow: 0 3px 5px rgba(43, 36, 25, 0.4); } }

.multilevel-dropdown .dropdown-item.dropdown > .dropdown-toggle::after {
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  position: absolute;
  right: 0.3em;
  margin-top: 0.55em; }

@media (min-width: 1200px) {
  .multilevel-dropdown .dropdown-menu > .dropdown > .dropdown-menu {
    top: -0.65em;
    left: 99%; } }

.multilevel-dropdown .navbar > .close-menu > .back {
  display: none; }

.multilevel-dropdown .close-menu .back .caret-left {
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-left: 0.3 solid transparent;
  width: 0;
  height: 0;
  display: inline-block;
  margin-bottom: 0.125em; }

.multilevel-dropdown .dropdown-item {
  padding: 0 0 0 1em; }
  .multilevel-dropdown .dropdown-item .dropdown-link {
    display: block;
    padding: 0.425em 5em 0.425em 0; }
  .multilevel-dropdown .dropdown-item + .dropdown-item {
    border-top: 1px solid #e4e4e4; }
  .multilevel-dropdown .dropdown-item.top-category {
    font-weight: bold; }
    .multilevel-dropdown .dropdown-item.top-category > .nav-link {
      padding-left: 0; }

@media (min-width: 1200px) {
  .dropdown-toggle:after {
    display: none; }
  .navbar-nav > .dropdown > .dropdown-menu {
    display: flex;
    flex-direction: column;
    top: 100%;
    margin: 0;
    padding: 0 1rem;
    opacity: 0;
    transition: all 0.4s ease;
    overflow: hidden;
    height: 0;
    box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.25); }
    .navbar-nav > .dropdown > .dropdown-menu .dropdown-menu {
      display: none; }
    .navbar-nav > .dropdown > .dropdown-menu .dropdown-item {
      display: none; }
  .navbar-nav > .dropdown .dropdown-item {
    border: 0;
    padding: 0;
    order: 0; }
    .navbar-nav > .dropdown .dropdown-item:hover {
      background-color: transparent; }
    .navbar-nav > .dropdown .dropdown-item + .dropdown-item {
      border-top: none; }
    .navbar-nav > .dropdown .dropdown-item .dropdown-link {
      padding: 0.5rem 1rem; }
    .navbar-nav > .dropdown .dropdown-item.content-item {
      padding: 0.5rem;
      order: 1; }
  .navbar-nav > .dropdown.show > .dropdown-menu {
    opacity: 1;
    padding: 1rem;
    height: auto; }
    .navbar-nav > .dropdown.show > .dropdown-menu > .dropdown-item {
      display: block; }
  .navbar-nav > .dropdown.mega-nav > .dropdown-menu {
    flex-direction: row; }
    .navbar-nav > .dropdown.mega-nav > .dropdown-menu .dropdown-menu {
      display: flex;
      flex-direction: column;
      position: static;
      box-shadow: none;
      padding: 0;
      margin: 0; }
    .navbar-nav > .dropdown.mega-nav > .dropdown-menu > .dropdown-item > .dropdown-link {
      font-weight: bold; }
    .navbar-nav > .dropdown.mega-nav > .dropdown-menu > .dropdown-item + .dropdown-item {
      border-top: 0; }
    .navbar-nav > .dropdown.mega-nav > .dropdown-menu .dropdown-item {
      display: block;
      line-height: 0.75;
      font-size: 0.875rem; }
  header .main-menu,
  header .navbar,
  header .menu-group,
  header .navbar-nav,
  header .navbar-nav .nav-link {
    height: 100%; }
  header .navbar {
    position: static; }
    header .navbar .nav-item {
      position: static; }
  header .navbar-nav > .dropdown.mega-nav > .dropdown-menu {
    width: 100%;
    padding: 0 12%; }
    header .navbar-nav > .dropdown.mega-nav > .dropdown-menu > .dropdown-item {
      width: auto;
      padding: 1rem 0.625rem; }
  header .nav-item > .nav-link {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-family: "Muli";
    font-weight: 800;
    font-size: 0.875rem; } }

.header {
  position: relative; }

.navbar-header {
  height: 2.5rem; }
  .navbar-header > .row {
    height: 100%; }
  .navbar-header .user,
  .navbar-header .country-selector,
  .navbar-header .navbar-toggler {
    line-height: 2.25em;
    /* 36/16 */
    height: auto; }
  .navbar-header .user {
    font-size: 0.75rem;
    text-transform: uppercase;
    margin: 0 1.25rem 0 0;
    position: relative;
    height: auto; }
    .navbar-header .user a:not(:first-child) {
      margin-left: 0.625rem; }
    .navbar-header .user a > .fa {
      margin-right: 0.125rem; }
    .navbar-header .user .popover {
      position: absolute;
      display: none;
      padding: 1em;
      top: 85%;
      left: 0; }
      .navbar-header .user .popover a {
        white-space: nowrap;
        margin-bottom: 0.5em; }
      .navbar-header .user .popover::before {
        left: 1.5rem; }
      .navbar-header .user .popover::after {
        left: 1.5rem; }
      .navbar-header .user .popover.show {
        display: block; }

.header-top-inner {
  display: flex;
  justify-content: center; }
  @media (min-width: 769px) {
    .header-top-inner {
      justify-content: space-between; } }

.header-top-left,
.header-top-center,
.header-top-right {
  display: flex;
  align-items: center;
  height: 100%; }

.header-top-left {
  font-size: 0.75rem;
  text-transform: uppercase; }

.store-locate > .fa {
  margin-right: 0.125rem; }

.header-top-right {
  justify-content: flex-end; }

.header-main {
  border-bottom: 1px solid #e6e6e6;
  height: 3.125rem; }
  @media (min-width: 769px) {
    .header-main {
      height: 4.375rem; } }
  .header-main > .row {
    height: 100%; }

.header-main-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; }

.navbar-toggler {
  padding: 0.3125rem 0.625rem;
  font-size: 1.5rem;
  width: auto; }

.mobile-main-right {
  display: flex;
  align-items: center; }

.brand {
  display: block;
  width: auto;
  padding: 0;
  position: static;
  margin: 0; }
  @media (min-width: 769px) {
    .brand {
      margin: 0 0 0 2.5rem; } }
  .brand:not(.microsite) img.site-logo {
    width: 100%;
    max-width: 3.4375rem; }
    @media (min-width: 769px) {
      .brand:not(.microsite) img.site-logo {
        max-width: 5.125rem; } }

.main-menu {
  background-color: #97999b; }
  .main-menu .navbar .close-menu button,
  .main-menu .navbar .close-button button {
    background-color: transparent;
    border: 0;
    -webkit-appearance: none; }

.header-banner {
  background-color: #4c5055;
  text-align: center;
  color: #fff; }
  .header-banner .close-button {
    width: 2.125em; }
    .header-banner .close-button .close {
      opacity: 1;
      color: #fff;
      width: 100%;
      height: 100%;
      background-color: var(--skin-primary-color); }
  .header-banner .content {
    margin-right: 1.5em;
    padding-top: 0.3125em;
    padding-bottom: 0.3125em; }

.minicart {
  margin-top: 0.1875em;
  /* 3/16 */
  vertical-align: top; }
  .minicart .minicart-icon {
    font-size: 1.5em; }
  .minicart a.minicart-link:hover {
    text-decoration: none; }
  .minicart .minicart-quantity {
    background-color: var(--skin-primary-color);
    border-radius: 50%;
    width: 1.25em;
    /* 20/16 */
    height: 1.25em;
    /* 20/16 */
    line-height: normal;
    display: inline-block;
    text-align: center;
    font-size: 0.8125em;
    /* 13/16 */
    position: relative;
    top: -0.9375em;
    /* 15/16 */
    left: -0.9375em;
    /* 15/16 */
    color: #fff; }

a.normal {
  color: var(--skin-primary-color);
  text-decoration: underline; }

.slide-up {
  transition-duration: 0.5s;
  transition-timing-function: ease-in;
  max-height: 100px;
  overflow: hidden; }
  .slide-up.hide {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }

.country-selector {
  margin: 0; }
  .country-selector .btn {
    font-size: 0.75rem;
    text-transform: uppercase; }

.dropdown-country-selector {
  margin-top: -0.0625em; }

.cookie-warning-messaging.cookie-warning {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  display: none; }

.valid-cookie-warning {
  background-color: var(--skin-link-color-1);
  color: #fff;
  white-space: nowrap; }
  .valid-cookie-warning p {
    margin-top: 0;
    margin-bottom: 0.2em;
    padding-right: 2em; }

/* -------------------------------------------------------------
This file has been disconnected from the _base in order to allow
extensibility going forward.
Base file cannot be imported becasue ti will define media
queries for previous brekapoints that cannot be overridden.
------------------------------------------------------------- */
@media (max-width: 543.98px) {
  .menu-toggleable-left.navbar-toggleable-xs {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-xs.in {
      min-width: 50%;
      left: 0; } }

@media (max-width: 768.98px) {
  .menu-toggleable-left.navbar-toggleable-sm {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-sm.in {
      min-width: 50%;
      left: 0; } }

@media (max-width: 1023.98px) {
  .menu-toggleable-left.navbar-toggleable-md {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-md.in {
      min-width: 50%;
      left: 0; } }

@media (max-width: 1199.98px) {
  .menu-toggleable-left.navbar-toggleable-lg {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-lg.in {
      min-width: 50%;
      left: 0; } }

.menu-toggleable-left.navbar-toggleable-xl {
  position: fixed;
  left: -100%;
  top: 0;
  bottom: 0;
  transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
  display: block;
  max-width: 100%; }
  .menu-toggleable-left.navbar-toggleable-xl.in {
    min-width: 50%;
    left: 0; }

.navbar.bg-inverse {
  background-color: transparent !important;
  padding: 0; }
  @media (min-width: 1200px) {
    .navbar.bg-inverse .navbar-nav .nav-item + .nav-item {
      margin-left: 0; }
    .navbar.bg-inverse .navbar-nav .nav-link {
      padding: 0.8rem;
      white-space: nowrap; } }

.navbar-expand-md .navbar-nav.nav-center {
  justify-content: center; }

.navbar-expand-md .navbar-nav.nav-spaced {
  justify-content: space-evenly; }

.navbar-expand-md .navbar-nav.nav-right {
  justify-content: end; }

.nav-item .nav-link:hover,
.nav-item .nav-link:focus,
.nav-item.show .nav-link {
  background-color: #fff;
  color: #4c5055; }

@media (min-width: 1200px) {
  .nav-item > .nav-link {
    color: #fff; } }

@media (max-width: 1199.98px) {
  .main-menu.menu-toggleable-left {
    background-color: #fff;
    z-index: 4; } }

.menu-toggleable-left .close-menu {
  padding: 15px;
  background-color: #e4e4e4;
  border-bottom: 1px solid #cfcfcf;
  flex: 0 0 100%; }
  @media (min-width: 1200px) {
    .menu-toggleable-left .close-menu {
      display: none; } }

.menu-toggleable-left .menu-group {
  flex: 0 0 100%; }

.menu-toggleable-left li > .close-menu {
  margin-right: 0;
  margin-top: -0.6rem;
  margin-left: 0; }

@media (max-width: 1199.98px) {
  .menu-toggleable-left .bg-inverse {
    background-color: white !important;
    color: #222; } }

@media (max-width: 1023.98px) {
  .menu-toggleable-left.in {
    right: 0;
    margin-right: 1.25em;
    /* 20/16 */ } }

@media (max-width: 1199.98px) {
  .menu-toggleable-left.in .nav-item + .nav-item {
    border-top: 1px solid #e4e4e4; }
  .menu-toggleable-left.in .dropdown {
    display: block;
    position: static; }
  .menu-toggleable-left.in .dropdown-toggle {
    padding-left: 1rem; }
    .menu-toggleable-left.in .dropdown-toggle::after {
      border-top: 0.3em solid transparent;
      border-bottom: 0.3em solid transparent;
      border-left: 0.3em solid;
      position: absolute;
      right: 0.3em;
      margin-top: 0.55em; }
  .menu-toggleable-left.in .nav-item .nav-link {
    padding-left: 1rem; }
  .menu-toggleable-left.in .show > .dropdown-menu {
    left: 0; }
  .menu-toggleable-left.in .dropdown-menu {
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0 none;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block; } }

.multilevel-dropdown .dropdown-menu {
  top: 90%;
  border: 0;
  border-radius: 0; }
  @media (min-width: 1200px) {
    .multilevel-dropdown .dropdown-menu {
      box-shadow: 0 3px 5px rgba(43, 36, 25, 0.4); } }

.multilevel-dropdown .dropdown-item.dropdown > .dropdown-toggle::after {
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  position: absolute;
  right: 0.3em;
  margin-top: 0.55em; }

@media (min-width: 1200px) {
  .multilevel-dropdown .dropdown-menu > .dropdown > .dropdown-menu {
    top: -0.65em;
    left: 99%; } }

.multilevel-dropdown .navbar > .close-menu > .back {
  display: none; }

.multilevel-dropdown .close-menu .back .caret-left {
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-left: 0.3 solid transparent;
  width: 0;
  height: 0;
  display: inline-block;
  margin-bottom: 0.125em; }

.multilevel-dropdown .dropdown-item {
  padding: 0 0 0 1em; }
  .multilevel-dropdown .dropdown-item .dropdown-link {
    display: block;
    padding: 0.425em 5em 0.425em 0; }
  .multilevel-dropdown .dropdown-item + .dropdown-item {
    border-top: 1px solid #e4e4e4; }
  .multilevel-dropdown .dropdown-item.top-category {
    font-weight: bold; }
    .multilevel-dropdown .dropdown-item.top-category > .nav-link {
      padding-left: 0; }

@media (min-width: 1200px) {
  .dropdown-toggle:after {
    display: none; }
  .navbar-nav > .dropdown > .dropdown-menu {
    display: flex;
    flex-direction: column;
    top: 100%;
    margin: 0;
    padding: 0 1rem;
    opacity: 0;
    transition: all 0.4s ease;
    overflow: hidden;
    height: 0;
    box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.25); }
    .navbar-nav > .dropdown > .dropdown-menu .dropdown-menu {
      display: none; }
    .navbar-nav > .dropdown > .dropdown-menu .dropdown-item {
      display: none; }
  .navbar-nav > .dropdown .dropdown-item {
    border: 0;
    padding: 0;
    order: 0; }
    .navbar-nav > .dropdown .dropdown-item:hover {
      background-color: transparent; }
    .navbar-nav > .dropdown .dropdown-item + .dropdown-item {
      border-top: none; }
    .navbar-nav > .dropdown .dropdown-item .dropdown-link {
      padding: 0.5rem 1rem; }
    .navbar-nav > .dropdown .dropdown-item.content-item {
      padding: 0.5rem;
      order: 1; }
  .navbar-nav > .dropdown.show > .dropdown-menu {
    opacity: 1;
    padding: 1rem;
    height: auto; }
    .navbar-nav > .dropdown.show > .dropdown-menu > .dropdown-item {
      display: block; }
  .navbar-nav > .dropdown.mega-nav > .dropdown-menu {
    flex-direction: row; }
    .navbar-nav > .dropdown.mega-nav > .dropdown-menu .dropdown-menu {
      display: flex;
      flex-direction: column;
      position: static;
      box-shadow: none;
      padding: 0;
      margin: 0; }
    .navbar-nav > .dropdown.mega-nav > .dropdown-menu > .dropdown-item > .dropdown-link {
      font-weight: bold; }
    .navbar-nav > .dropdown.mega-nav > .dropdown-menu > .dropdown-item + .dropdown-item {
      border-top: 0; }
    .navbar-nav > .dropdown.mega-nav > .dropdown-menu .dropdown-item {
      display: block;
      line-height: 0.75;
      font-size: 0.875rem; }
  header .main-menu,
  header .navbar,
  header .menu-group,
  header .navbar-nav,
  header .navbar-nav .nav-link {
    height: 100%; }
  header .navbar {
    position: static; }
    header .navbar .nav-item {
      position: static; }
  header .navbar-nav > .dropdown.mega-nav > .dropdown-menu {
    width: 100%;
    padding: 0 12%; }
    header .navbar-nav > .dropdown.mega-nav > .dropdown-menu > .dropdown-item {
      width: auto;
      padding: 1rem 0.625rem; }
  header .nav-item > .nav-link {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-family: "Muli";
    font-weight: 800;
    font-size: 0.875rem; } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #bd0000;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-orange: #fe5000;
  --color-dark-orange: #eb4800;
  --color-darker-orange: #d24200;
  --color-abbey: #4c5055;
  --color-dune: #2d2926;
  --color-primary: #fe5000;
  --color-secondary: #4c5055;
  --color-accent: #fff;
  --color-red: #bd0000;
  --color-success: var(--color-orange);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey3);
  --color-dark-gray: var(--color-grey4);
  --color-darker-gray: var(--color-grey5);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey5);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-font-family-1: Muli;
  --skin-font-family-2: HelveticaNeue;
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-abbey);
  --skin-main-text-color-2: var(--color-abbey);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-darker-orange);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Muli;
  --skin-header-font-2: HelveticaNeue;
  --skin-body-font: HelveticaNeue;
  --skin-promo-color: var($primary);
  --skin-font-weight-light: 300;
  --skin-font-weight-normal: 400;
  --skin-font-weight-bold: 700;
  --skin-font-weight-extra-bold: 800;
  --skin-font-weight-black: 900; }

body,
.card,
.card-header,
.hero {
  background-color: var(--skin-background-color-1);
  font-family: var(--skin-body-font);
  color: var(--skin-main-text-color-1); }

.hero {
  border-bottom-color: var(--skin-background-color-1); }

.main-menu {
  background-color: var(--skin-banner-background-color-1); }

.banner-color {
  background-color: var(--skin-banner-background-color-1); }

.header-banner {
  background-color: var(--skin-banner-background-color-2);
  color: var(--skin-banner-text-color-1); }

.header-banner .close-button .close {
  background-color: var(--skin-primary-color-1); }

h1.header.page-title,
h1.header.page-title::before {
  background-color: var(--skin-heading-color-1);
  color: var(--skin-heading-color-1-invert); }

.product-tile {
  background-color: var(--skin-background-color-1);
  border: 10px solid var(--skin-border-color-1); }

.refinements ul li button {
  color: var(--skin-primary-color-1); }

.custom-select {
  background-color: var(--skin-selectbox-background-color-1);
  color: var(--skin-selectbox-text-color-1); }

a {
  color: var(--skin-primary-color-1); }

header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary), header ~ #maincontent .promo.banner .text.overlay a:not(.btn-primary):not(.btn-outline-primary), .promo.banner header ~ #maincontent .text.overlay a:not(.btn-primary):not(.btn-outline-primary) {
  color: var(--skin-primary-color-1); }

.price {
  color: var(--skin-price-1); }

.navbar,
.navbar .nav-item,
.navbar .nav-item a,
.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown a,
.dropdown-menu,
.dropdown-menu a {
  color: var(--skin-menu-color-1); }
  @media (min-width: 769px) {
    .navbar,
    .navbar .nav-item,
    .navbar .nav-item a,
    .navbar .nav-item.dropdown,
    .navbar .nav-item.dropdown a,
    .dropdown-menu,
    .dropdown-menu a {
      color: var(--skin-menu-color-1-invert); } }

.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown .dropdown-menu.show {
  color: var(--skin-selectbox-text-color-1); }

.navbar .nav-item.dropdown .dropdown-menu.show {
  background-color: var(--skin-selectbox-background-color-1); }
  .navbar .nav-item.dropdown .dropdown-menu.show a,
  .navbar .nav-item.dropdown .dropdown-menu.show .nav-item {
    color: var(--skin-selectbox-text-color-1); }

.nav-item .nav-link:hover,
.nav-item .nav-link:focus,
.nav-item.show .nav-link {
  background-color: var(--skin-menu-color-1-invert);
  color: var(--skin-menu-color-1) !important; }

.btn-primary {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  color: var(--skin-primary-color-invert-1); }

.btn-primary:hover {
  color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  background-color: var(--skin-primary-color-invert-1); }

.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color);
  color: var(--skin-primary-color-invert-1);
  opacity: 0.5; }

.btn-outline-primary {
  color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1); }

.btn-outline-primary:hover {
  color: var(--skin-primary-color-invert-1);
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1); }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--skin-header-font), sans-serif; }

a {
  color: var(--skin-link-color-1); }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #c00;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f9f9f9;
  --color-grey2: #eee;
  --color-grey3: #ccc;
  --color-grey4: #999;
  --color-grey5: #666;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #1782c5;
  --color-secondary: #484848;
  --color-accent: #249be5;
  --color-red: #c00;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f9f9f9;
  --color-grey2: #eee;
  --color-grey3: #ccc;
  --color-grey4: #999;
  --color-grey5: #666;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-grey7);
  --skin-main-text-color-2: var(--color-grey7);
  --skin-menu-color-1: var(--color-white);
  --skin-menu-color-1-invert: var(--color-accent);
  --skin-menu-color-2: var(--color-secondary);
  --skin-link-color-1: var(--color-secondary);
  --skin-link-color-2: var(--color-primary);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Source Sans Pro, sans-serif;
  --skin-body-font: Source Sans Pro, sans-serif;
  --skin-promo-color: var(--color-light-green);
  --skin-bg-accent: var(--color-grey2);
  --skin-bg-dark: var(--color-secondary); }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.highlight {
  background-color: var(--skin-bg-accent);
  padding: 2rem; }
  @media (min-width: 992px) {
    .highlight {
      padding: 3rem; } }

.product-tile {
  border-width: 0; }

.btn-primary {
  background-color: var(--skin-primary-color);
  border-color: var(--skin-primary-color);
  color: var(--color-white); }
  .btn-primary:hover {
    color: var(--color-white);
    border-color: var(--skin-primary-color-invert);
    background-color: var(--skin-primary-color-invert); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--color-grey1);
    border-color: var(--skin-primary-color);
    color: var(--skin-primary-color);
    opacity: 0.5; }

.btn-outline-primary {
  background-color: var(--color-grey1);
  border-color: var(--skin-primary-color);
  color: var(--skin-primary-color); }
  .btn-outline-primary:hover {
    color: var(--color-white);
    border-color: var(--skin-primary-color-invert);
    background-color: var(--skin-primary-color-invert); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    opacity: 0.5; }
    .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
      background-color: var(--color-grey1);
      border-color: var(--skin-primary-color);
      color: var(--skin-primary-color); }

h1, h2, h3, h4, h5, h6 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400; }

h1.header.page-title,
h1.header.page-title::before {
  background-color: transparent;
  color: var(--color-black); }
  .homepage h1.header.page-title, .homepage
  h1.header.page-title::before {
    background-color: var(--skin-heading-color-1);
    color: var(--skin-heading-color-1-invert); }

h2 {
  font-family: "Playfair Display", serif;
  font-weight: 400; }

h3 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-size: 1.25rem; }
  @media (min-width: 769px) {
    h3 {
      font-size: 1.5rem; } }

a {
  color: var(--skin-link-color-1); }

.navbar,
.navbar .nav-item,
.navbar .nav-item a,
.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown a,
.dropdown-menu,
.dropdown-menu a {
  color: var(--skin-menu-color-2); }
  @media (min-width: 769px) {
    .navbar,
    .navbar .nav-item,
    .navbar .nav-item a,
    .navbar .nav-item.dropdown,
    .navbar .nav-item.dropdown a,
    .dropdown-menu,
    .dropdown-menu a {
      color: var(--skin-menu-color-1); } }

header.accel .navbar-header {
  color: var(--color-white);
  background-color: var(--skin-secondary-color); }
  header.accel .navbar-header a {
    color: var(--color-white); }
  header.accel .navbar-header .user .popover {
    background-color: var(--color-grey2); }
    header.accel .navbar-header .user .popover a {
      color: var(--skin-secondary-color); }
  header.accel .navbar-header .country-selector .btn {
    color: var(--color-white); }
  header.accel .navbar-header .country-selector a {
    color: var(--skin-secondary-color); }
  header.accel .navbar-header .dropdown-country-selector {
    background-color: var(--color-grey2); }

header.accel .minicart {
  background-color: transparent; }
  @media (min-width: 992px) {
    header.accel .minicart {
      background-color: var(--color-primary); } }
  header.accel .minicart .minicart-quantity {
    color: var(--skin-secondary-color); }
    @media (min-width: 992px) {
      header.accel .minicart .minicart-quantity {
        color: var(--color-white); } }

@media (min-width: 992px) {
  header.accel .main-menu {
    background-color: transparent; } }

header.accel .header-main {
  background-color: var(--color-grey1); }

header.accel .navbar,
header.accel .navbar .nav-item,
header.accel .navbar .nav-item a,
header.accel .navbar .nav-item.dropdown,
header.accel .navbar .nav-item.dropdown a,
header.accel .dropdown-menu,
header.accel .dropdown-menu a {
  color: var(--skin-menu-color-2); }
  @media (min-width: 992px) {
    header.accel .navbar,
    header.accel .navbar .nav-item,
    header.accel .navbar .nav-item a,
    header.accel .navbar .nav-item.dropdown,
    header.accel .navbar .nav-item.dropdown a,
    header.accel .dropdown-menu,
    header.accel .dropdown-menu a {
      color: var(--skin-menu-color-2); } }

header.accel .nav-item .nav-link {
  background-color: transparent;
  color: var(--skin-secondary-color); }
  @media (min-width: 992px) {
    header.accel .nav-item .nav-link {
      border-bottom: 0.3125rem solid transparent;
      border-top: 0.3125rem solid transparent; } }

header.accel .nav-item .nav-link:hover,
header.accel .nav-item .nav-link:focus,
header.accel .nav-item.show .nav-link {
  background-color: transparent;
  color: var(--skin-menu-color-2) !important; }
  @media (min-width: 992px) {
    header.accel .nav-item .nav-link:hover,
    header.accel .nav-item .nav-link:focus,
    header.accel .nav-item.show .nav-link {
      border-bottom: 0.3125rem solid var(--skin-menu-color-1-invert); } }

@media (min-width: 992px) {
  header.accel .navbar-nav > .dropdown.mega-nav > .dropdown-menu > .dropdown-item > .dropdown-link {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-primary);
    font-size: 0.875rem; } }

footer {
  background-color: var(--skin-accent-color);
  color: var(--color-white); }
  footer h2 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    color: var(--color-white); }
    @media (min-width: 769px) {
      footer h2 {
        color: var(--skin-secondary-color); } }
  footer a {
    color: var(--color-white); }
  footer .store a:hover {
    color: var(--color-white); }
    @media (min-width: 769px) {
      footer .store a:hover {
        color: var(--skin-secondary-color); } }
  footer .container div.collapsible-xs button.title, footer .promo.banner .text.overlay div.collapsible-xs button.title, .promo.banner footer .text.overlay div.collapsible-xs button.title {
    color: var(--color-white); }
    @media (min-width: 769px) {
      footer .container div.collapsible-xs button.title, footer .promo.banner .text.overlay div.collapsible-xs button.title, .promo.banner footer .text.overlay div.collapsible-xs button.title {
        color: var(--skin-secondary-color); } }
  footer .back-to-top i.fa-circle {
    color: var(--color-grey1); }

.refinements .refinement {
  border: 0; }

.refinements ul li button {
  color: var(--skin-secondary-color); }

.refinements ul li.size-attribute button {
  border: 1px solid var(--color-grey5);
  background-color: var(--color-white); }
  .refinements ul li.size-attribute button.selected {
    border: 1px solid var(--skin-secondary-color);
    background-color: var(--skin-secondary-color);
    color: var(--color-white); }

@media (min-width: 769px) {
  .grid-tile-wrapper:hover {
    box-shadow: var(--skin-box-shadow);
    z-index: 2; } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #bd0000;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-orange: #fe5000;
  --color-dark-orange: #eb4800;
  --color-darker-orange: #d24200;
  --color-abbey: #4c5055;
  --color-dune: #2d2926;
  --color-primary: #fe5000;
  --color-secondary: #4c5055;
  --color-accent: #fff;
  --color-red: #bd0000;
  --color-success: var(--color-orange);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey3);
  --color-dark-gray: var(--color-grey4);
  --color-darker-gray: var(--color-grey5);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey5);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-font-family-1: Muli;
  --skin-font-family-2: HelveticaNeue;
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-abbey);
  --skin-main-text-color-2: var(--color-abbey);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-darker-orange);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Muli;
  --skin-header-font-2: HelveticaNeue;
  --skin-body-font: HelveticaNeue;
  --skin-promo-color: var($primary);
  --skin-font-weight-light: 300;
  --skin-font-weight-normal: 400;
  --skin-font-weight-bold: 700;
  --skin-font-weight-extra-bold: 800;
  --skin-font-weight-black: 900; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
h1 {
  font-family: "Muli";
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 3rem;
  text-transform: uppercase; }

h2 {
  font-family: "Muli";
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-transform: uppercase; }

h3 {
  font-family: "HelveticaNeue";
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 1.75rem; }

h4 {
  font-family: "HelveticaNeue";
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.1625rem; }

h5 {
  font-family: "Muli";
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.15625rem;
  text-transform: uppercase; }

.page {
  background-color: var(--color-white); }

.page-heading {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem; }
  @media (min-width: 544px) {
    .page-heading {
      margin-top: 3.75rem;
      margin-bottom: 1.875rem; } }

.page-container {
  margin-bottom: 5rem; }
  .page-container.search-results {
    margin-bottom: 0; }

h1.page-title {
  margin: 0;
  color: var(--color-abbey); }

h1.header.page-title,
h1.header.page-title::before {
  background-color: transparent;
  color: var(--color-black); }
  .homepage h1.header.page-title, .homepage
  h1.header.page-title::before {
    background-color: var(--skin-heading-color-1);
    color: var(--skin-heading-color-1-invert); }

body {
  font-family: var(--skin-body-font);
  font-size: 1rem;
  line-height: 1.5rem; }

a {
  text-decoration: underline; }
  a:hover, a:active {
    text-decoration: none; }
  a:disabled {
    cursor: default; }
  header a,
  footer a {
    text-decoration: none; }

ul.stylized-list {
  list-style-type: none;
  padding-left: 0;
  font-family: "HelveticaNeue";
  font-weight: 300;
  font-size: 1.25rem;
  margin-bottom: 0; }
  @media (min-width: 544px) {
    ul.stylized-list {
      columns: 2;
      -webkit-columns: 2;
      -moz-columns: 2; } }
  ul.stylized-list li {
    position: relative;
    margin-bottom: 0.75rem;
    line-height: 1.75rem;
    padding-left: 1.4375rem; }
    @media (min-width: 544px) {
      ul.stylized-list li {
        width: 90%; } }
    ul.stylized-list li:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0.4375rem;
      display: block;
      width: 0.8125rem;
      height: 0.8125rem;
      background-color: var(--color-white);
      border: 0.3125rem solid var(--skin-primary-color);
      border-radius: 50%; }

.btn {
  border-radius: 0.3125rem;
  border-width: 0.125rem;
  font-family: var(--skin-font-family-2);
  font-weight: var(--skin-font-weight-bold);
  font-size: 1.1875rem;
  line-height: 1.1875rem;
  padding: 0.75rem 1.25rem;
  text-decoration: none;
  text-transform: none; }
  .btn .fa {
    font-size: 89%; }

.btn-primary:not(:disabled):not(.disabled).focus, .btn-primary:not(:disabled):not(.disabled):focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):hover {
  color: var(--color-white);
  border-color: var(--color-darker-orange);
  background-color: var(--color-darker-orange);
  box-shadow: none; }
  .btn-primary:not(:disabled):not(.disabled).focus.grey-button, .btn-primary:not(:disabled):not(.disabled):focus.grey-button, .btn-primary:not(:disabled):not(.disabled):active.grey-button, .btn-primary:not(:disabled):not(.disabled):hover.grey-button {
    background-color: #97999b;
    border-color: #97999b; }

.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  color: var(--skin-primary-color-invert-1);
  opacity: 0.5;
  cursor: default; }
  .btn-primary.disabled.grey-button, .btn-primary:disabled.grey-button {
    background-color: #97999b;
    border-color: #97999b; }

.btn-no-bg {
  font-size: 1rem; }
  .btn-no-bg::after {
    content: '>>';
    font-size: 0.625rem;
    position: relative;
    top: -0.1875rem;
    letter-spacing: 0; }

.btn-back-to-top {
  border-radius: 1.875rem;
  padding-right: 40px;
  position: relative; }

.up_arrow {
  transform: rotate(-90deg);
  width: 20px;
  height: 20px;
  display: inline-block;
  font-size: 3.4375rem;
  position: absolute;
  right: 10px;
  font-weight: 300; }

.btn-outline-primary {
  background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled).focus, .btn-outline-primary:not(:disabled):not(.disabled):focus, .btn-outline-primary:not(:disabled):not(.disabled):hover, .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: var(--color-darker-orange);
    border-color: var(--color-darker-orange);
    background-color: transparent;
    box-shadow: none; }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    cursor: default; }

::-moz-placeholder {
  color: var(--color-slightly-darker-gray); }

::placeholder {
  color: var(--color-slightly-darker-gray); }

:-ms-input-placeholder {
  color: var(--color-slightly-darker-gray); }

::-ms-input-placeholder {
  color: var(--color-slightly-darker-gray); }

.form-group {
  position: relative; }
  .form-group.quantity-form {
    margin-bottom: 0; }
  .form-group .info-icon {
    position: absolute;
    top: 2.5625rem;
    right: 0.5rem; }
    .form-group .info-icon .tooltip {
      background-color: var(--color-abbey);
      padding: 0.5rem 0.5625rem;
      font-size: 1rem;
      line-height: 1.15625rem;
      text-align: left;
      left: unset;
      right: -1.25rem;
      bottom: 2.375rem;
      transform: unset;
      z-index: 1; }
      .form-group .info-icon .tooltip::after {
        left: unset;
        right: 1.25rem; }
    .form-group .info-icon .icon {
      position: relative;
      color: transparent;
      width: 1.25rem;
      height: 1.25rem; }
      .form-group .info-icon .icon::before {
        display: inline;
        font-family: "Font Awesome 5 Free";
        font-size: 0.75rem;
        font-weight: 700;
        line-height: 0.75rem;
        content: '\F129';
        color: var(--color-white);
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .form-group .info-icon ~ .form-control {
      padding-right: 2.5rem; }
    .form-group .info-icon:hover .icon {
      background-color: var(--color-dark-gray); }
  .form-group span {
    display: block;
    text-align: right; }
  .form-group.is-validated::after {
    display: block;
    font-family: "Font Awesome 5 Free";
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-dark-gray);
    background-color: var(--color-white);
    content: '\F058';
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 2.40625rem;
    right: 0.5rem; }
  .form-group.saved-security-code .info-icon {
    right: 1.4375rem; }

.form-control-label {
  color: var(--color-black); }

.form-control {
  color: var(--color-black);
  border-color: var(--color-dark-gray);
  border-radius: 0.3125rem; }
  .form-control:focus {
    border-color: var(--color-dark-gray);
    box-shadow: 0 0 0 0.1875rem var(--color-slightly-darker-gray); }
  .form-control.is-invalid {
    border-width: 0.125rem; }
    .form-control.is-invalid ~ .invalid-feedback {
      font-size: 1rem;
      text-align: right; }
      .form-control.is-invalid ~ .invalid-feedback::after {
        display: block;
        font-family: "Font Awesome 5 Free";
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--color-red);
        background-color: var(--color-white);
        content: '\F057';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        top: 2.40625rem;
        right: 0.5rem;
        pointer-events: none; }
        .card-number-wrapper .form-control.is-invalid ~ .invalid-feedback::after {
          top: 0.4375rem;
          right: 3.75rem; }
        .custom-select-group .form-control.is-invalid ~ .invalid-feedback::after {
          right: 1.5625rem; }
  .card-number-wrapper .form-control {
    padding-right: 5.625rem; }

.card-number-wrapper {
  background-color: transparent; }

.custom-select-group::after {
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 1rem;
  content: '\F0D7';
  color: var(--color-abbey);
  position: absolute;
  height: 0.375rem;
  width: 0.625rem;
  pointer-events: none;
  z-index: 1;
  top: 2.375rem;
  right: 0.625rem; }

.custom-select-group.quantity-form::after {
  top: 1.75rem; }
  .line-item-quantity .custom-select-group.quantity-form::after {
    top: 2rem; }
  .minicart .custom-select-group.quantity-form::after {
    top: 1.75rem; }

.custom-select-group.sort-order-group::after {
  top: 0.4375rem;
  right: 1.875rem; }

.custom-select-group.no-label::after {
  top: 0.375rem; }

.custom-select {
  background: none;
  border-width: 0.125rem; }

.custom-control-label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

.custom-checkbox .custom-control-label::before {
  border: 0.125rem solid var(--color-dune); }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
  color: var(--color-white);
  font-family: "Font Awesome 5 Free";
  content: '\F00C';
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.03125rem; }

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border: 0.125rem solid var(--color-dune);
  box-shadow: 0 0 0 0.1875rem var(--color-slightly-darker-gray); }

.custom-control-input:checked ~ .custom-control-label::before {
  border: 0.125rem solid var(--skin-primary-color-1); }

.custom-control-input:checked:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.1875rem var(--color-slightly-darker-gray); }

.custom-radio .custom-control-label::before {
  border: 0.125rem solid var(--color-dune); }

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  border: 0.125rem solid var(--color-dune);
  background-color: var(--color-white); }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  display: inline-block;
  content: '';
  height: 0.5rem;
  width: 0.5rem;
  background-image: none;
  background-color: var(--color-primary);
  border-radius: 50%;
  position: absolute;
  top: 0.5rem;
  left: -1.25rem; }

@-moz-document url-prefix() {
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    margin-top: -0.0625rem; } }

.price .sales,
.price .range {
  font-family: "Muli";
  font-weight: 800;
  color: var(--skin-primary-color-1); }

.price.starting .starting-msg {
  display: block;
  font-family: "Muli";
  font-weight: 800;
  font-size: 0.625rem;
  line-height: 1.5rem;
  color: var(--color-abbey);
  text-transform: uppercase; }

.price.starting .starting-price {
  display: block;
  font-family: "Muli";
  font-weight: 800;
  color: var(--skin-primary-color-1); }

.price .strike-through {
  font-family: "Muli";
  font-weight: 800;
  color: var(--color-dark-gray); }

.modal-header {
  font-family: "Muli";
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.15625rem;
  text-transform: uppercase;
  color: var(--color-abbey); }
  .modal-header .close:focus {
    outline: 0; }

.nav-tabs .nav-item .nav-link {
  text-decoration: none; }
  .nav-tabs .nav-item .nav-link.show, .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link:focus {
    outline: 0.125rem solid var(--color-slightly-darker-gray);
    color: var(--color-darker-orange) !important; }

.valid-cookie-warning .close {
  height: 100%; }
  .valid-cookie-warning .close:focus, .valid-cookie-warning .close:hover {
    color: var(--color-white); }
  .valid-cookie-warning .close span {
    display: flex;
    height: 1rem;
    line-height: 1rem;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -0.25rem; }

footer {
  background-color: var(--color-abbey); }
  footer h2 {
    color: var(--color-white); }

.bg-img--none {
  background-image: none !important; }

.main-menu {
  display: none;
  position: fixed;
  left: -100%;
  top: 0;
  bottom: 0;
  max-width: 100%;
  transition: left 0.5s cubic-bezier(0, 1, 0.5, 1); }
  .main-menu.in {
    display: block;
    min-width: 50%;
    left: 0; }
  @media (min-width: 1024px) {
    .main-menu {
      display: block;
      position: relative;
      left: unset;
      top: unset;
      bottom: unset;
      transition: unset;
      height: 2.8125rem !important; } }
  .main-menu > .container, .promo.banner .main-menu > .text.overlay {
    max-width: 1230px; }
  .main-menu .close-menu {
    display: grid;
    grid-template-columns: 1fr 9.375rem 1fr;
    grid-template-areas: "back logo close";
    justify-content: center;
    padding: 1.25rem 1.25rem 1.5rem;
    background-color: var(--color-white);
    border-bottom: 0; }
    @media (min-width: 1024px) {
      .main-menu .close-menu {
        display: none; } }
    .main-menu .close-menu .back {
      grid-area: back;
      justify-self: start;
      font-size: 1.625rem;
      line-height: 1.625rem; }
      .main-menu .close-menu .back i {
        color: var(--color-primary); }
    .main-menu .close-menu .menu-logo {
      grid-area: logo;
      display: inline-block;
      width: auto;
      height: auto; }
      .main-menu .close-menu .menu-logo img {
        width: 9.375rem;
        height: auto; }
    .main-menu .close-menu .close-button {
      grid-area: close;
      justify-self: end;
      font-size: 1.375rem;
      line-height: 1.375rem; }
      .main-menu .close-menu .close-button i {
        color: var(--color-primary); }
    .main-menu .close-menu button {
      padding: 0; }

.navbar-nav {
  border-top: 0.125rem solid var(--color-dark-gray); }
  @media (min-width: 1024px) {
    .navbar-nav {
      border-top: 0;
      justify-content: space-between; } }
  .navbar-nav > .nav-item {
    padding: 0.8125rem 1.25rem;
    border-top: 0 !important;
    border-bottom: 0.0625rem solid var(--color-light-gray); }
    @media (min-width: 1024px) {
      .navbar-nav > .nav-item {
        position: relative !important;
        padding: 0 0.75rem 1.25rem;
        border-bottom: 0; }
        .sticky-header .navbar-nav > .nav-item {
          padding: 0.5rem 1.25rem; } }
    @media (min-width: 1024px) {
      .navbar-nav > .nav-item:hover::after {
        display: block;
        content: '';
        position: absolute;
        height: 0.75rem;
        background-color: var(--color-primary);
        bottom: -0.1875rem;
        left: 0;
        right: 0;
        border-top-left-radius: 0.3125rem;
        border-top-right-radius: 0.3125rem; } }
    .navbar-nav > .nav-item a {
      position: relative;
      margin: 0;
      padding: 0 !important;
      font-family: "Muli";
      font-weight: 900;
      font-size: 1.5rem;
      line-height: 1.875rem;
      color: var(--color-abbey);
      text-transform: uppercase; }
      @media (min-width: 1024px) {
        .navbar-nav > .nav-item a {
          font-weight: 800;
          font-size: 0.75rem;
          line-height: 0.9375rem; } }
      .navbar-nav > .nav-item a:focus {
        outline: 0; }
    .navbar-nav > .nav-item.dropdown a::after {
      display: inline-block;
      height: 0.875rem;
      width: 0.5625rem;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      color: var(--color-primary);
      font-family: "Font Awesome 5 Free";
      font-weight: 700;
      font-size: 0.875rem;
      line-height: 0.875rem;
      content: '\F054';
      position: absolute;
      top: 0.5rem !important;
      right: 0 !important; }
      @media (min-width: 1024px) {
        .navbar-nav > .nav-item.dropdown a::after {
          display: none; } }
    .navbar-nav > .nav-item.nav-item-icon {
      display: flex;
      align-items: center; }
      .navbar-nav > .nav-item.nav-item-icon .category-nav-icon {
        display: block;
        margin-right: 10px;
        width: 20px; }
  .navbar-nav > .nav-account {
    border-bottom: 0; }
    .navbar-nav > .nav-account a {
      display: flex;
      align-items: center;
      position: relative;
      margin: 0;
      padding: 0 !important; }
    .navbar-nav > .nav-account .user-message {
      font-family: "HelveticaNeue";
      font-weight: 400;
      font-size: 1.125rem;
      line-height: 1.125rem;
      color: var(--color-primary);
      text-transform: none; }
    .navbar-nav > .nav-account .fa-user {
      margin: 0 0.8125rem 0 0;
      color: var(--color-white);
      background-color: var(--color-black);
      padding: 0.375rem 0.25rem;
      border-radius: 0.1875rem;
      font-size: 0.75rem;
      line-height: 0.75rem; }
    .navbar-nav > .nav-account .nav-link {
      padding: 0 !important; }
      .navbar-nav > .nav-account .nav-link.dropdown-toggle {
        position: relative; }
        .navbar-nav > .nav-account .nav-link.dropdown-toggle::after {
          display: inline-block;
          height: 0.875rem;
          width: 0.5625rem;
          margin: 0 !important;
          padding: 0 !important;
          border: 0 !important;
          color: var(--color-primary);
          font-family: "Font Awesome 5 Free";
          font-weight: 700;
          font-size: 0.875rem;
          line-height: 0.875rem;
          content: '\F054';
          position: absolute;
          top: 0.375rem !important;
          right: 0 !important; }
      .navbar-nav > .nav-account .nav-link > i:not(.fa-user) {
        margin: 0 0.8125rem 0 0;
        color: var(--color-black); }

@media (min-width: 1024px) {
  .navbar-nav > .dropdown > .dropdown-menu {
    width: auto !important;
    margin: 0.1875rem 0 0 -1.25rem !important;
    padding: 0 !important;
    left: auto;
    border: 0.0625rem solid var(--color-slightly-darker-gray);
    border-top: 0;
    box-shadow: none; }
    .navbar-nav > .dropdown > .dropdown-menu.show {
      padding: 1rem 0 2.1875rem 1.875rem !important; }
    .navbar-nav > .dropdown.mega-nav-vertical > .dropdown-menu {
      flex-direction: column; } }

.navbar-nav > .dropdown > .dropdown-menu > .dropdown-item {
  padding: 0.8125rem 1.25rem;
  border-top: 0;
  border-bottom: 0.0625rem solid var(--color-light-gray); }
  @media (min-width: 1024px) {
    .navbar-nav > .dropdown > .dropdown-menu > .dropdown-item {
      margin: 0 1.875rem 0 0;
      padding: 0 !important;
      border: 0; } }
  .navbar-nav > .dropdown > .dropdown-menu > .dropdown-item.top-category {
    background-color: var(--color-primary);
    border-bottom: 0; }
    .navbar-nav > .dropdown > .dropdown-menu > .dropdown-item.top-category a {
      font-family: "Muli";
      font-weight: 900;
      font-size: 1.5rem;
      line-height: 1.5rem;
      text-transform: uppercase;
      color: var(--color-white) !important; }
  .navbar-nav > .dropdown > .dropdown-menu > .dropdown-item.content-item img {
    max-width: unset; }
  .navbar-nav > .dropdown > .dropdown-menu > .dropdown-item .dropdown-link {
    font-family: "Muli";
    font-weight: 900;
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media (min-width: 1024px) {
      .navbar-nav > .dropdown > .dropdown-menu > .dropdown-item .dropdown-link:not(.subheading) {
        font-family: "HelveticaNeue" !important;
        font-weight: 700 !important;
        font-size: 1.25rem !important;
        line-height: 1.5rem;
        margin: 0.375rem 0 0.9375rem;
        padding-left: 0 !important;
        border-bottom: 0;
        text-transform: none !important;
        color: var(--color-abbey) !important; }
        .navbar-nav > .dropdown > .dropdown-menu > .dropdown-item .dropdown-link:not(.subheading):hover, .navbar-nav > .dropdown > .dropdown-menu > .dropdown-item .dropdown-link:not(.subheading):active, .navbar-nav > .dropdown > .dropdown-menu > .dropdown-item .dropdown-link:not(.subheading):focus {
          color: var(--color-primary) !important; } }
    @media (min-width: 1024px) {
      .navbar-nav > .dropdown > .dropdown-menu > .dropdown-item .dropdown-link.subheading {
        font-size: 0.75rem;
        line-height: 1.5625rem;
        margin: 0 0 0.875rem;
        padding: 0 0 0.4375rem;
        color: var(--color-abbey) !important;
        border-bottom: 0.125rem solid var(--color-light-gray);
        pointer-events: none; } }
    .navbar-nav > .dropdown > .dropdown-menu > .dropdown-item .dropdown-link.dropdown-toggle::after {
      top: 0.3125rem !important; }
      @media (min-width: 1024px) {
        .navbar-nav > .dropdown > .dropdown-menu > .dropdown-item .dropdown-link.dropdown-toggle::after {
          display: none; } }
    .navbar-nav > .dropdown > .dropdown-menu > .dropdown-item .dropdown-link:not(.dropdown-toggle)::after {
      display: none; }

.navbar-nav > .dropdown > .dropdown-menu > .dropdown .dropdown-menu .nav-menu {
  border-bottom: 0.125rem solid var(--color-dark-gray); }

.navbar-nav > .dropdown > .dropdown-menu > .dropdown .dropdown-menu > .dropdown-item {
  padding: 0.8125rem 1.25rem;
  border-top: 0;
  border-bottom: 0.0625rem solid var(--color-light-gray); }
  @media (min-width: 1024px) {
    .navbar-nav > .dropdown > .dropdown-menu > .dropdown .dropdown-menu > .dropdown-item {
      padding: 0;
      border-bottom: 0; } }
  .navbar-nav > .dropdown > .dropdown-menu > .dropdown .dropdown-menu > .dropdown-item .dropdown-link {
    padding-left: 2.8125rem !important;
    font-family: "HelveticaNeue";
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-transform: none; }
    @media (min-width: 1024px) {
      .navbar-nav > .dropdown > .dropdown-menu > .dropdown .dropdown-menu > .dropdown-item .dropdown-link {
        margin: 0 0 0.9375rem;
        padding-left: 0 !important;
        border-bottom: 0; }
        .navbar-nav > .dropdown > .dropdown-menu > .dropdown .dropdown-menu > .dropdown-item .dropdown-link:hover, .navbar-nav > .dropdown > .dropdown-menu > .dropdown .dropdown-menu > .dropdown-item .dropdown-link:active, .navbar-nav > .dropdown > .dropdown-menu > .dropdown .dropdown-menu > .dropdown-item .dropdown-link:focus {
          color: var(--color-primary); } }
    .navbar-nav > .dropdown > .dropdown-menu > .dropdown .dropdown-menu > .dropdown-item .dropdown-link.dropdown-toggle::after {
      top: 0.3125rem !important; }
      @media (min-width: 1024px) {
        .navbar-nav > .dropdown > .dropdown-menu > .dropdown .dropdown-menu > .dropdown-item .dropdown-link.dropdown-toggle::after {
          display: none; } }
    .navbar-nav > .dropdown > .dropdown-menu > .dropdown .dropdown-menu > .dropdown-item .dropdown-link:not(.dropdown-toggle)::after {
      display: none; }
  .navbar-nav > .dropdown > .dropdown-menu > .dropdown .dropdown-menu > .dropdown-item.top-category a {
    padding-left: 1.25rem !important;
    font-family: "Muli";
    font-weight: 900;
    font-size: 0.75rem;
    line-height: 0.75rem;
    text-transform: uppercase; }
    .navbar-nav > .dropdown > .dropdown-menu > .dropdown .dropdown-menu > .dropdown-item.top-category a.subheading {
      pointer-events: none; }
  @media (min-width: 1024px) {
    .navbar-nav > .dropdown > .dropdown-menu > .dropdown .dropdown-menu > .dropdown-item:last-child a {
      margin-bottom: 0; } }

.nav-account > .dropdown-menu .dropdown-item {
  padding: 0.8125rem 1.25rem;
  border-top: 0;
  border-bottom: 0.0625rem solid var(--color-light-gray); }
  .nav-account > .dropdown-menu .dropdown-item.top-category {
    background-color: var(--color-primary);
    border-bottom: 0; }
    .nav-account > .dropdown-menu .dropdown-item.top-category .user-message {
      font-family: "Muli";
      font-weight: 900;
      font-size: 1.5rem;
      line-height: 1.5rem;
      text-transform: uppercase;
      color: var(--color-white) !important; }
  .nav-account > .dropdown-menu .dropdown-item .dropdown-link {
    font-family: "Muli";
    font-weight: 900;
    font-size: 1.25rem;
    line-height: 1.25rem;
    text-transform: none; }
    .nav-account > .dropdown-menu .dropdown-item .dropdown-link::after {
      display: none; }

.nav-account.dropdown.show .dropdown-item i {
  display: none; }

@media (min-width: 1024px) {
  .navbar-nav .mega-nav:nth-last-child(2) .dropdown-menu,
  .navbar-nav .mega-nav:nth-last-child(2) .dropdown-menu.show,
  .navbar.navbar-expand-lg li.dropdown.nav-item.mega-nav.edge .dropdown-menu,
  .navbar.navbar-expand-lg li.dropdown.nav-item.mega-nav.edge .dropdown-menu.show,
  .navbar.navbar-expand-lg li.dropdown.nav-item.mega-nav.right .dropdown-menu,
  .navbar.navbar-expand-lg li.dropdown.nav-item.mega-nav.right .dropdown-menu.show {
    right: 0 !important;
    left: initial !important; } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #bd0000;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-orange: #fe5000;
  --color-dark-orange: #eb4800;
  --color-darker-orange: #d24200;
  --color-abbey: #4c5055;
  --color-dune: #2d2926;
  --color-primary: #fe5000;
  --color-secondary: #4c5055;
  --color-accent: #fff;
  --color-red: #bd0000;
  --color-success: var(--color-orange);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey3);
  --color-dark-gray: var(--color-grey4);
  --color-darker-gray: var(--color-grey5);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey5);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-font-family-1: Muli;
  --skin-font-family-2: HelveticaNeue;
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-abbey);
  --skin-main-text-color-2: var(--color-abbey);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-darker-orange);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Muli;
  --skin-header-font-2: HelveticaNeue;
  --skin-body-font: HelveticaNeue;
  --skin-promo-color: var($primary);
  --skin-font-weight-light: 300;
  --skin-font-weight-normal: 400;
  --skin-font-weight-bold: 700;
  --skin-font-weight-extra-bold: 800;
  --skin-font-weight-black: 900; }

header.accel {
  top: 0;
  z-index: 10;
  border-bottom: 0.1875rem solid var(--color-grey2); }
  .sticky-header header.accel {
    position: fixed;
    left: 0;
    right: 0; }
  header.accel .header-banner {
    color: var(--color-white);
    background-color: var(--color-primary);
    font-family: "HelveticaNeue";
    font-weight: 400;
    font-size: 0.875rem !important;
    line-height: 0.875rem;
    text-align: center;
    transition: all 0.2s ease; }
    .sticky-header header.accel .header-banner {
      height: 0; }
    header.accel .header-banner strong {
      font-family: "Muli";
      font-weight: 900;
      font-size: 0.875rem !important;
      line-height: 0.875rem; }
    header.accel .header-banner .html-slot-container {
      padding: 0.375rem 0; }
  header.accel nav {
    background-color: var(--color-white); }
  header.accel.accel .navbar-header {
    color: var(--color-abbey) !important;
    background-color: transparent !important; }
    header.accel.accel .navbar-header.brand {
      grid-area: logo;
      height: auto;
      margin: 0;
      padding: 0;
      justify-self: center;
      align-self: center; }
    header.accel.accel .navbar-header.header-left {
      grid-area: login;
      height: auto;
      align-self: center; }
    header.accel.accel .navbar-header.header-right {
      grid-area: cart;
      height: auto;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      align-self: center; }
    header.accel.accel .navbar-header a:not(.btn):not(.minicart-view) {
      color: var(--color-black) !important; }
    header.accel.accel .navbar-header .user i {
      color: var(--color-white);
      background-color: var(--color-black);
      padding: 0.375rem 0.25rem;
      border-radius: 0.1875rem;
      margin-right: 0.375rem; }
    header.accel.accel .navbar-header .user .user-message {
      color: var(--color-primary);
      text-transform: none;
      font-family: "HelveticaNeue";
      font-weight: 400;
      font-size: 0.875rem;
      line-height: 1.125rem;
      padding: 0; }
    header.accel.accel .navbar-header .user .popover {
      background-color: var(--color-white) !important;
      margin: 0; }
      header.accel.accel .navbar-header .user .popover ul {
        flex-direction: column; }
      header.accel.accel .navbar-header .user .popover a {
        display: block; }
        header.accel.accel .navbar-header .user .popover a:hover, header.accel.accel .navbar-header .user .popover a:active, header.accel.accel .navbar-header .user .popover a:focus {
          color: var(--color-primary) !important; }
    header.accel.accel .navbar-header .navbar-toggler {
      color: var(--color-primary);
      font-size: 1.5rem;
      height: auto;
      line-height: unset;
      padding: 0; }
      header.accel.accel .navbar-header .navbar-toggler span {
        display: none; }

.sticky-header #header-placeholder {
  display: none;
  height: 87px; }
  .sticky-header #header-placeholder.shown {
    display: block; }
  @media (min-width: 1024px) {
    .sticky-header #header-placeholder {
      height: 125px; } }

.header {
  position: relative;
  margin: 0 auto;
  padding: 1.25rem 1rem;
  display: grid;
  grid-template-columns: 1fr 9.375rem 1fr;
  grid-template-areas: "login logo cart";
  transition: all 0.2s ease; }
  @media (min-width: 769px) {
    .header {
      max-width: 1230px;
      padding: 1.875rem 1.25rem;
      grid-template-columns: 1fr 18.75rem 1fr; } }
  .sticky-header .header {
    padding: 0.625rem 1rem; }
    @media (min-width: 769px) {
      .sticky-header .header {
        padding: 0.5rem 1.25rem; } }

.logo-home {
  display: inline-block;
  transition: all 0.2s ease; }
  .logo-home:not(.microsite) {
    height: 1.25rem;
    width: 9.375rem; }
  @media (min-width: 769px) {
    .logo-home:not(.microsite) {
      height: 2.5rem;
      width: 18.75rem; } }
  @media (min-width: 769px) {
    .sticky-header .logo-home {
      height: 1.625rem;
      width: 10.6875rem; } }
  .logo-home:not(.microsite) img.site-logo {
    height: 100%;
    width: auto;
    max-width: unset; }

.compare-bar-wrapper {
  padding: 0;
  width: -moz-fit-content;
  width: fit-content; }
  @media (max-width: 1023.98px) {
    .compare-bar-wrapper {
      margin-right: 0;
      margin-bottom: -9px; } }
  @media (max-width: 1023.98px) {
    .compare-bar-wrapper .compare {
      font-size: 12px; } }
  .compare-bar-wrapper .row {
    margin: 0 !important; }
  .compare-bar-wrapper .col-8 {
    display: none; }
  .compare-bar-wrapper .compare-clear-all {
    display: none; }
  .compare-bar-wrapper .compare-bar {
    padding: 0; }
  .compare-bar-wrapper .compare-products-form2 .action {
    flex: none;
    max-width: 100%;
    padding: 0; }
    .compare-bar-wrapper .compare-products-form2 .action .compare.btn {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: transparent;
      color: #fe5000;
      border: none;
      font-weight: 300;
      letter-spacing: 1px;
      margin: auto;
      padding: 0;
      position: relative;
      font-size: 14px; }
      @media (max-width: 1023.98px) {
        .compare-bar-wrapper .compare-products-form2 .action .compare.btn {
          font-size: 12px; } }
      .compare-bar-wrapper .compare-products-form2 .action .compare.btn .fas {
        color: #000000;
        font-size: 1.1875rem;
        margin-bottom: -2px; }
      .compare-bar-wrapper .compare-products-form2 .action .compare.btn .compare-count {
        background-color: #FE5000;
        color: #FFFFFF;
        font-weight: bold;
        padding: 0 6px;
        font-size: 10px;
        border-radius: 50px;
        position: absolute;
        top: -6px;
        right: 3px; }

.page[data-action="Compare-Show"] {
  background-color: #f5f5f5; }
  .page[data-action="Compare-Show"] .pdp-header {
    min-height: 210px;
    width: 100%;
    box-sizing: border-box; }
    .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container {
      padding: 23px 26px 30px 38px;
      background: #000000;
      width: 100%;
      display: none; }
      .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .content-asset {
        width: 100%; }
      .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container.active {
        display: flex;
        flex-direction: column; }
      .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .content-asset {
        width: 100%; }
      .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container {
        width: 100%;
        background-color: #F5F5F5;
        padding: 30px 0;
        padding-bottom: 0;
        position: relative;
        border-radius: 5px;
        overflow: visible;
        flex-direction: column; }
        .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .header-text {
          margin: 0;
          color: #FE5000;
          font-size: 26px;
          font-family: Helvetica, Neue;
          font-weight: bold;
          letter-spacing: 1.95px;
          text-transform: uppercase;
          text-align: center;
          margin-bottom: 28px; }
          @media (max-width: 768px) {
            .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .header-text {
              font-size: 24px;
              padding: 0 5px; } }
          .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .header-text::after {
            content: '';
            transform: rotate(45deg);
            height: 30px;
            width: 30px;
            background-color: #F5F5F5;
            position: absolute;
            right: 65px;
            top: -7px; }
        .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container {
          width: 100%;
          background-color: #FFFFFF;
          display: flex; }
          @media (max-width: 768px) {
            .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container {
              flex-direction: column; } }
          .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category {
            flex-grow: 1;
            padding: 0;
            display: flex;
            flex-direction: column; }
            .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category.fog-container .content {
              border: none !important; }
              @media (max-width: 768px) {
                .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category.fog-container .content .image {
                  max-width: 100px !important; } }
            .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category.style-container .content {
              border-right: none !important; }
              @media (max-width: 768px) {
                .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category.style-container .content .image {
                  max-width: 100px !important; } }
            .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-text {
              min-height: 100px;
              width: 100%;
              border-radius: 5px 5px 0px 0px;
              display: flex;
              flex-direction: column;
              align-items: center;
              padding: 9px 5px;
              justify-content: center; }
              @media (max-width: 768px) {
                .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-text {
                  flex-direction: row;
                  flex-wrap: wrap;
                  align-items: center;
                  justify-content: center;
                  min-height: -moz-fit-content;
                  min-height: fit-content; } }
              .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-text.best {
                background-color: #FE5000; }
              .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-text.better {
                background-color: #133762; }
              .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-text.good {
                background-color: #381550; }
              .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-text.basic {
                background-color: #617D92; }
                .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-text.basic .sub-label {
                  display: none; }
              .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-text.style {
                background-color: #91835B; }
              .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-text.fog {
                background-color: #457FBF; }
              .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-text .label {
                letter-spacing: 0px;
                color: #FFFFFF;
                font-weight: 800;
                font-size: 16px;
                text-transform: uppercase;
                margin-bottom: 9px; }
                @media (max-width: 992px) {
                  .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-text .label {
                    font-size: 12px; } }
                @media (max-width: 768px) {
                  .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-text .label {
                    margin-right: 5px;
                    margin-bottom: 0; } }
              .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-text .sub-label {
                letter-spacing: 0px;
                color: #FFFFFF;
                font-weight: 800;
                font-size: 16px;
                text-transform: uppercase;
                margin: 0;
                text-align: center; }
                @media (max-width: 992px) {
                  .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-text .sub-label {
                    font-size: 12px; } }
                @media (max-width: 768px) {
                  .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-text .sub-label::before {
                    content: '('; }
                  .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-text .sub-label::after {
                    content: ')'; } }
            .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-body {
              border-right: 1px solid #CFCFCF;
              padding: 14px 0;
              display: flex;
              flex-direction: column;
              height: 100%; }
              @media (max-width: 768px) {
                .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-body {
                  padding-top: 9px;
                  padding-bottom: 0; } }
              .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-body .category-content-header {
                margin-bottom: 27px;
                letter-spacing: 0px;
                font-size: 16px;
                font-weight: bold;
                color: #000000;
                text-transform: capitalize;
                text-align: center;
                padding: 14px 20px; }
                @media (max-width: 768px) {
                  .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-body .category-content-header {
                    padding: 0 20px;
                    margin-bottom: 5px; } }
              .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-body .category-main-content {
                display: flex;
                flex-direction: column;
                align-items: center; }
                @media (max-width: 768px) {
                  .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-body .category-main-content {
                    flex-direction: row;
                    flex-wrap: wrap;
                    align-items: center;
                    justify-content: center; } }
                .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-body .category-main-content .content {
                  display: flex;
                  flex-direction: column;
                  margin-bottom: 19px;
                  max-width: 153px;
                  align-items: center;
                  padding: 10px;
                  justify-content: center; }
                  @media (max-width: 768px) {
                    .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-body .category-main-content .content {
                      border-right: solid 1px #707070; }
                      .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-body .category-main-content .content:last-child {
                        border: none; } }
                  .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-body .category-main-content .content .text {
                    text-align: center;
                    letter-spacing: 0px;
                    color: #000000;
                    font-weight: normal;
                    margin-bottom: 11px; }
                    @media (max-width: 768px) {
                      .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-body .category-main-content .content .text {
                        font-size: 11px;
                        width: 60px;
                        white-space: wrap;
                        text-align: center; } }
                  .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-body .category-main-content .content .image {
                    max-width: 100px; }
                    @media (max-width: 768px) {
                      .page[data-action="Compare-Show"] .pdp-header .bulb-options-main-container .installation-container .category-container .category .category-body .category-main-content .content .image {
                        max-width: 65px; } }
    .page[data-action="Compare-Show"] .pdp-header .vehicle-desc-container {
      min-height: 50px; }
    .page[data-action="Compare-Show"] .pdp-header .how-to-btn:focus {
      outline: none; }
    .page[data-action="Compare-Show"] .pdp-header .how-to-btn.active .bulb-icon-how-to {
      background-image: url("../../images/how-to-icon-orange.png"); }
    .page[data-action="Compare-Show"] .pdp-header .options-btn.active .bulb-icon-options {
      background-image: url("../../images/bulb-icon-orange.svg"); }
    .page[data-action="Compare-Show"] .pdp-header .bulb-icon {
      background-position: center 0;
      background-repeat: no-repeat;
      background-size: contain;
      width: 100%;
      margin-bottom: 16px; }
      .page[data-action="Compare-Show"] .pdp-header .bulb-icon-options {
        background-image: url("../../images/bulb-icon.svg");
        height: 28px; }
        .page[data-action="Compare-Show"] .pdp-header .bulb-icon-options.active {
          background-image: url("../../images/bulb-icon-orange.svg"); }
      .page[data-action="Compare-Show"] .pdp-header .bulb-icon-save-vehicle {
        background-image: url("../../images/car-icon.svg");
        height: 22px; }
        .page[data-action="Compare-Show"] .pdp-header .bulb-icon-save-vehicle.active {
          background-image: url("../../images/car-icon-orange.svg"); }
      .page[data-action="Compare-Show"] .pdp-header .bulb-icon-how-to {
        background-image: url("../../images/how-to-icon.png");
        height: 29px;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 16px; }
        .page[data-action="Compare-Show"] .pdp-header .bulb-icon-how-to.active {
          background-image: url("../../images/how-to-icon-orange.png"); }
    .page[data-action="Compare-Show"] .pdp-header .how-to-btn, .page[data-action="Compare-Show"] .pdp-header .how-to-btn:hover, .page[data-action="Compare-Show"] .pdp-header .how-to-btn:focus, .page[data-action="Compare-Show"] .pdp-header .how-to-btn:active, .page[data-action="Compare-Show"] .pdp-header .how-to-btn.active, .page[data-action="Compare-Show"] .pdp-header .options-btn, .page[data-action="Compare-Show"] .pdp-header .options-btn:hover, .page[data-action="Compare-Show"] .pdp-header .options-btn:focus, .page[data-action="Compare-Show"] .pdp-header .options-btn:active, .page[data-action="Compare-Show"] .pdp-header .options-btn.active, .page[data-action="Compare-Show"] .pdp-header .save-vehicle-btn, .page[data-action="Compare-Show"] .pdp-header .save-vehicle-btn:hover, .page[data-action="Compare-Show"] .pdp-header .save-vehicle-btn:focus, .page[data-action="Compare-Show"] .pdp-header .save-vehicle-btn:active, .page[data-action="Compare-Show"] .pdp-header .save-vehicle-btn.active {
      font-family: Muli;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      background-color: transparent;
      border: none;
      box-shadow: none; }
    .page[data-action="Compare-Show"] .pdp-header .how-to-btn .title-wrapper, .page[data-action="Compare-Show"] .pdp-header .options-btn .title-wrapper, .page[data-action="Compare-Show"] .pdp-header .save-vehicle-btn .title-wrapper {
      padding: 5px 6px 5px 11px;
      color: #FFFFFF;
      border: 1px solid #FFFFFF;
      border-radius: 20px; }
      .page[data-action="Compare-Show"] .pdp-header .how-to-btn .title-wrapper .fa-plus, .page[data-action="Compare-Show"] .pdp-header .options-btn .title-wrapper .fa-plus, .page[data-action="Compare-Show"] .pdp-header .save-vehicle-btn .title-wrapper .fa-plus {
        display: inline-block; }
      .page[data-action="Compare-Show"] .pdp-header .how-to-btn .title-wrapper .fa-minus, .page[data-action="Compare-Show"] .pdp-header .options-btn .title-wrapper .fa-minus, .page[data-action="Compare-Show"] .pdp-header .save-vehicle-btn .title-wrapper .fa-minus {
        display: none; }
      @media (max-width: 1023.98px) {
        .page[data-action="Compare-Show"] .pdp-header .how-to-btn .title-wrapper, .page[data-action="Compare-Show"] .pdp-header .options-btn .title-wrapper, .page[data-action="Compare-Show"] .pdp-header .save-vehicle-btn .title-wrapper {
          font-size: 12px;
          white-space: nowrap;
          padding: 1px 7px 1px 9px; } }
    .page[data-action="Compare-Show"] .pdp-header .how-to-btn .icon, .page[data-action="Compare-Show"] .pdp-header .options-btn .icon, .page[data-action="Compare-Show"] .pdp-header .save-vehicle-btn .icon {
      font-size: 18px; }
      @media (max-width: 1023.98px) {
        .page[data-action="Compare-Show"] .pdp-header .how-to-btn .icon, .page[data-action="Compare-Show"] .pdp-header .options-btn .icon, .page[data-action="Compare-Show"] .pdp-header .save-vehicle-btn .icon {
          font-size: 12px; } }
    .page[data-action="Compare-Show"] .pdp-header .how-to-btn.active .title-wrapper, .page[data-action="Compare-Show"] .pdp-header .options-btn.active .title-wrapper, .page[data-action="Compare-Show"] .pdp-header .save-vehicle-btn.active .title-wrapper {
      color: #FE5000;
      border: 1px solid #FE5000; }
      .page[data-action="Compare-Show"] .pdp-header .how-to-btn.active .title-wrapper .fa-plus, .page[data-action="Compare-Show"] .pdp-header .options-btn.active .title-wrapper .fa-plus, .page[data-action="Compare-Show"] .pdp-header .save-vehicle-btn.active .title-wrapper .fa-plus {
        display: none; }
      .page[data-action="Compare-Show"] .pdp-header .how-to-btn.active .title-wrapper .fa-minus, .page[data-action="Compare-Show"] .pdp-header .options-btn.active .title-wrapper .fa-minus, .page[data-action="Compare-Show"] .pdp-header .save-vehicle-btn.active .title-wrapper .fa-minus {
        display: inline-block; }
    .page[data-action="Compare-Show"] .pdp-header .pdp-header-content-section-1 {
      padding: 26.19px 26px 26.36px 38px;
      background-image: url("../../images/Mask-Group-16@2x.png");
      background-color: var(--color-black);
      box-sizing: border-box;
      width: 100%;
      background-position: center 0;
      background-repeat: no-repeat;
      background-size: cover; }
      @media (max-width: 1023.98px) {
        .page[data-action="Compare-Show"] .pdp-header .pdp-header-content-section-1 {
          background-size: cover;
          background-image: url("../../images/Mask-Group-16-mobile.png"); } }
    @media (max-width: 1023.98px) {
      .page[data-action="Compare-Show"] .pdp-header .section-one {
        width: 60%; } }
    @media (max-width: 1023.98px) {
      .page[data-action="Compare-Show"] .pdp-header .section-two {
        width: 40%; } }
    .page[data-action="Compare-Show"] .pdp-header .header-results-link {
      color: #FFFFFF;
      position: relative;
      padding-left: 17px;
      font-size: 18px;
      font-weight: 800;
      line-height: 23px;
      cursor: pointer !important;
      font-family: Muli;
      text-transform: uppercase;
      display: block !important; }
      @media (max-width: 1023.98px) {
        .page[data-action="Compare-Show"] .pdp-header .header-results-link {
          font-size: 16px;
          text-transform: capitalize; } }
      .page[data-action="Compare-Show"] .pdp-header .header-results-link:hover {
        color: #FFFFFF;
        text-decoration: underline; }
      .page[data-action="Compare-Show"] .pdp-header .header-results-link .fa {
        color: #FFFFFF;
        position: absolute;
        left: 0;
        font-size: 18px;
        top: 3px; }
    .page[data-action="Compare-Show"] .pdp-header .part-number {
      color: #FFFFFF;
      margin-top: 44px;
      margin-bottom: 6px;
      letter-spacing: 0;
      text-transform: capitalize;
      font-size: 22px;
      font-weight: normal;
      font-family: Helvetica, Neue;
      font-style: normal; }
      .page[data-action="Compare-Show"] .pdp-header .part-number .bold {
        font-weight: bold; }
        @media (max-width: 1023.98px) {
          .page[data-action="Compare-Show"] .pdp-header .part-number .bold {
            font-size: 21px;
            font-weight: 500 !important;
            margin-top: 59px;
            text-transform: uppercase;
            letter-spacing: 2px; } }
    .page[data-action="Compare-Show"] .pdp-header .product-short-desc {
      color: #FFFFFF;
      margin-bottom: 6px;
      font-size: 22px;
      font-weight: normal;
      font-family: Helvetica, Neue; }
      @media (max-width: 1023.98px) {
        .page[data-action="Compare-Show"] .pdp-header .product-short-desc {
          font-size: 16px; } }
      .page[data-action="Compare-Show"] .pdp-header .product-short-desc .bold {
        font-weight: bold; }
    .page[data-action="Compare-Show"] .pdp-header .product-category {
      color: #FFFFFF;
      margin-bottom: 0;
      font-size: 22px;
      font-weight: normal;
      font-family: Helvetica, Neue;
      font-weight: bold; }
      @media (max-width: 1023.98px) {
        .page[data-action="Compare-Show"] .pdp-header .product-category {
          font-size: 16px; } }
    .page[data-action="Compare-Show"] .pdp-header .section-two .icon-container {
      width: 100%; }
    .page[data-action="Compare-Show"] .pdp-header .section-two .btn {
      cursor: pointer; }
      @media (max-width: 1023.98px) {
        .page[data-action="Compare-Show"] .pdp-header .section-two .btn {
          background: none;
          border: none;
          padding: 0;
          text-decoration: underline;
          font-size: 16px; } }
    .page[data-action="Compare-Show"] .pdp-header .section-two .icon-wrapper {
      height: -moz-fit-content;
      height: fit-content; }
    @media (max-width: 1023.98px) {
      .page[data-action="Compare-Show"] .pdp-header .section-two .icon-container {
        width: -moz-fit-content;
        width: fit-content; } }
    .page[data-action="Compare-Show"] .pdp-header .section-two .icon-container .fas {
      font-size: 30px;
      margin: 0 0 15.97px 27px;
      color: #FFFFFF; }
      @media (max-width: 1023.98px) {
        .page[data-action="Compare-Show"] .pdp-header .section-two .icon-container .fas {
          margin-left: 0; } }
    .page[data-action="Compare-Show"] .pdp-header .section-two .how-to-btn {
      padding: 5px 6px 5px 11px;
      color: #FFFFFF;
      border: 1px solid #FFFFFF;
      border-radius: 20px;
      font-family: Muli;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none; }
      @media (max-width: 1023.98px) {
        .page[data-action="Compare-Show"] .pdp-header .section-two .how-to-btn {
          font-size: 12px;
          white-space: nowrap;
          padding: 1px 7px 1px 9px; } }
      .page[data-action="Compare-Show"] .pdp-header .section-two .how-to-btn .icon {
        font-size: 20px; }
        @media (max-width: 1023.98px) {
          .page[data-action="Compare-Show"] .pdp-header .section-two .how-to-btn .icon {
            font-size: 13px; } }
    .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container {
      width: 100%;
      padding-bottom: 19px;
      display: none !important;
      padding: 23px 26px 26.36px 38px;
      background: #000000; }
      @media (max-width: 1023.98px) {
        .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container {
          margin: auto; } }
      .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .header-text-container {
        width: 100%;
        background-color: #F5F5F5;
        padding: 30px 0;
        position: relative;
        border-radius: 5px 5px 0 0; }
        @media (max-width: 1023.98px) {
          .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .header-text-container {
            padding: 15px 21.5px;
            z-index: 2; } }
        .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .header-text-container::after {
          content: '';
          transform: rotate(45deg);
          height: 30px;
          width: 30px;
          background-color: #F5F5F5;
          position: absolute;
          right: 65px;
          top: -7px; }
          @media (max-width: 1023.98px) {
            .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .header-text-container::after {
              height: 20px;
              width: 20px;
              z-index: -1; } }
        .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .header-text-container .header-text {
          margin: 0;
          color: #FE5000;
          font-size: 26px;
          font-family: Helvetica, Neue;
          font-weight: bold;
          letter-spacing: 1.95px;
          text-transform: uppercase; }
          @media (max-width: 1023.98px) {
            .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .header-text-container .header-text {
              text-align: center;
              font-size: 24px; } }
      .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container {
        background: #FFFFFF;
        padding: 31.82px 20px 20px;
        min-height: 430px;
        border-radius: 0 0 5px 5px; }
        @media (max-width: 1199.98px) {
          .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container {
            min-height: 0; } }
        @media (max-width: 1023.98px) {
          .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container {
            margin-left: 0;
            margin-top: 0;
            width: 100%;
            flex-direction: column; } }
        .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .video-container {
          width: 40%; }
          @media (max-width: 1199.98px) {
            .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .video-container {
              height: 228px;
              width: 420px; } }
          @media (max-width: 1023.98px) {
            .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .video-container {
              width: 100%;
              height: -moz-fit-content;
              height: fit-content; } }
          .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .video-container .video {
            width: 90%;
            height: 75%;
            background: #f5f5f5;
            margin: auto;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center; }
            @media (max-width: 1023.98px) {
              .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .video-container .video .video-wrapper {
                width: 100%; } }
            .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .video-container .video video {
              width: 100%; }
            .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .video-container .video .slick-next {
              right: -40px;
              height: 16px;
              width: 16px;
              border-top: solid 3px #000;
              border-right: solid 3px #000;
              padding-left: 6px;
              transform: rotate(45deg) !important; }
              .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .video-container .video .slick-next.slick-disabled {
                border-top: solid 3px #a6a1a1;
                border-right: solid 3px #a6a1a1; }
              @media (max-width: 1023.98px) {
                .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .video-container .video .slick-next {
                  right: -22px; } }
              .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .video-container .video .slick-next::before {
                content: '.' !important;
                display: none !important; }
            .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .video-container .video .slick-prev {
              left: -40px;
              height: 16px;
              width: 16px;
              border-top: solid 3px #000;
              border-right: solid 3px #000;
              padding-left: 6px;
              transform: rotate(225deg) !important; }
              .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .video-container .video .slick-prev.slick-disabled {
                border-top: solid 3px #a6a1a1;
                border-right: solid 3px #a6a1a1; }
              @media (max-width: 1023.98px) {
                .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .video-container .video .slick-prev {
                  left: -22px; } }
              .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .video-container .video .slick-prev::before {
                content: '.' !important;
                display: none !important; }
          .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .video-container .thumbnail-container {
            margin-top: 23.71px;
            gap: 0 5px; }
            .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .video-container .thumbnail-container .thumbnail {
              height: 42px;
              width: 76px;
              background: #000000;
              border: 1px solid #707070;
              border-radius: 3px;
              cursor: pointer; }
        .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .desc-container {
          margin-left: 100px; }
          @media (max-width: 1199.98px) {
            .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .desc-container {
              margin-left: 20px;
              margin-top: 34px; } }
        .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .section {
          margin-bottom: 25px; }
          .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .section:nth-child(2) {
            display: none; }
          .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .section:nth-child(3) {
            display: none; }
          @media (max-width: 1023.98px) {
            .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .section {
              width: 100% !important;
              margin-bottom: 12.7px; } }
          .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .section .title {
            font-weight: bold;
            color: #000000;
            font-family: Muli;
            font-size: 16px;
            margin-bottom: 6px; }
            @media (max-width: 1023.98px) {
              .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .section .title {
                font-size: 14px;
                margin-bottom: 0; } }
            .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .section .title .text {
              margin-bottom: 6px;
              font-size: 16px;
              font-family: Helvetica, Neue;
              color: #000000; }
              @media (max-width: 1023.98px) {
                .page[data-action="Compare-Show"] .pdp-header .how-to-install-main-container .how-to-install-container .section .title .text {
                  font-size: 14px;
                  margin-bottom: 0; } }
    .page[data-action="Compare-Show"] .pdp-header.active .section-two .icon-container .fas {
      color: #FE5000; }
    .page[data-action="Compare-Show"] .pdp-header.active .section-two .how-to-btn {
      color: #FE5000;
      border: 1px solid #FE5000; }
      .page[data-action="Compare-Show"] .pdp-header.active .section-two .how-to-btn .icon {
        color: #FE5000;
        font-size: 20px; }
        @media (max-width: 1023.98px) {
          .page[data-action="Compare-Show"] .pdp-header.active .section-two .how-to-btn .icon {
            font-size: 13px; } }
    .page[data-action="Compare-Show"] .pdp-header.active .how-to-install-main-container {
      display: flex !important; }
  .page[data-action="Compare-Show"] .hero.slant-down {
    display: flex;
    align-items: center;
    height: 75px;
    height: 105px;
    padding-bottom: 30px;
    background-color: #f5f5f5; }
    @media (max-width: 768px) {
      .page[data-action="Compare-Show"] .hero.slant-down {
        height: 77px; } }
    .page[data-action="Compare-Show"] .hero.slant-down .page-title {
      height: -moz-fit-content;
      height: fit-content;
      font-weight: 900;
      font-size: 52px;
      letter-spacing: 0px;
      color: #000000;
      text-transform: uppercase;
      width: 100%;
      text-align: center; }
      @media (max-width: 768px) {
        .page[data-action="Compare-Show"] .hero.slant-down .page-title {
          font-size: 32px; } }
    .page[data-action="Compare-Show"] .hero.slant-down::after {
      display: none; }
  .page[data-action="Compare-Show"] .product-comparison {
    padding-bottom: 50px; }
    .page[data-action="Compare-Show"] .product-comparison .row:nth-child(2) {
      scrollbar-width: auto;
      scrollbar-color: #97999B #F5F5F5; }
      @media (max-width: 768px) {
        .page[data-action="Compare-Show"] .product-comparison .row:nth-child(2) {
          flex-wrap: nowrap;
          overflow-x: auto;
          overflow-y: hidden; } }
      .page[data-action="Compare-Show"] .product-comparison .row:nth-child(2)::-webkit-scrollbar {
        width: 16px; }
      .page[data-action="Compare-Show"] .product-comparison .row:nth-child(2)::-webkit-scrollbar-track {
        background: #F5F5F5; }
      .page[data-action="Compare-Show"] .product-comparison .row:nth-child(2)::-webkit-scrollbar-thumb {
        background-color: #97999B;
        border-radius: 10px;
        border: 3px solid #F5F5F5; }
    .page[data-action="Compare-Show"] .product-comparison .back-to-results {
      display: none; }
    .page[data-action="Compare-Show"] .product-comparison .product-tile {
      border: 1px solid #707070;
      border-radius: 5px;
      padding-bottom: 28px;
      width: 298px; }
      .page[data-action="Compare-Show"] .product-comparison .product-tile .image-container {
        display: none; }
      .page[data-action="Compare-Show"] .product-comparison .product-tile .tile-body .tile-body-mobile .tile-mobileImg .image-container {
        display: block; }
      .page[data-action="Compare-Show"] .product-comparison .product-tile .tile-body .tile-body-mobile .tile-subbody {
        display: flex;
        flex-direction: column; }
        .page[data-action="Compare-Show"] .product-comparison .product-tile .tile-body .tile-body-mobile .tile-subbody .pdp-link {
          height: -moz-fit-content;
          height: fit-content;
          margin-bottom: 20px; }
        .page[data-action="Compare-Show"] .product-comparison .product-tile .tile-body .tile-body-mobile .tile-subbody > div:nth-child(1) {
          order: 2; }
        .page[data-action="Compare-Show"] .product-comparison .product-tile .tile-body .tile-body-mobile .tile-subbody .tile-description {
          display: none; }
      .page[data-action="Compare-Show"] .product-comparison .product-tile .tile-price {
        border-top: none !important; }
        .page[data-action="Compare-Show"] .product-comparison .product-tile .tile-price .tile-addToCart .add-to-cart-global {
          display: none; }
        .page[data-action="Compare-Show"] .product-comparison .product-tile .tile-price .tile-nonpurchasable {
          display: none; }
      .page[data-action="Compare-Show"] .product-comparison .product-tile .tile-footer-container {
        display: none; }

.header-top-inner {
  height: 100%; }

.cookie-warning-messaging.cookie-warning {
  z-index: 5; }

#hiddenButton {
  display: none; }

@media (max-width: 543.98px) {
  .collapsible-xs .title {
    line-height: 2.5rem;
    /* 40/16 */ }
    .collapsible-xs .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-xs .title::after {
      float: right;
      content: "\F078";
      font-family: "FontAwesome"; }
  .collapsible-xs .content,
  .collapsible-xs .card-body {
    display: none; }
  .collapsible-xs.active .title::after {
    content: "\F077";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-xs.active .content,
  .collapsible-xs.active .card-body {
    display: block; } }

.container div.collapsible-xs button.title, .promo.banner .text.overlay div.collapsible-xs button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent; }
  .container div.collapsible-xs button.title:hover, .promo.banner .text.overlay div.collapsible-xs button.title:hover {
    text-decoration: none; }

@media (max-width: 768.98px) {
  .collapsible-sm .title {
    line-height: 2.5rem;
    /* 40/16 */ }
    .collapsible-sm .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-sm .title::after {
      float: right;
      content: "\F078";
      font-family: "FontAwesome"; }
  .collapsible-sm .content,
  .collapsible-sm .card-body {
    display: none; }
  .collapsible-sm.active .title::after {
    content: "\F077";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-sm.active .content,
  .collapsible-sm.active .card-body {
    display: block; } }

.container div.collapsible-sm button.title, .promo.banner .text.overlay div.collapsible-sm button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent; }
  .container div.collapsible-sm button.title:hover, .promo.banner .text.overlay div.collapsible-sm button.title:hover {
    text-decoration: none; }

@media (max-width: 1023.98px) {
  .collapsible-md .title {
    line-height: 2.5rem;
    /* 40/16 */ }
    .collapsible-md .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-md .title::after {
      float: right;
      content: "\F078";
      font-family: "FontAwesome"; }
  .collapsible-md .content,
  .collapsible-md .card-body {
    display: none; }
  .collapsible-md.active .title::after {
    content: "\F077";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-md.active .content,
  .collapsible-md.active .card-body {
    display: block; } }

.container div.collapsible-md button.title, .promo.banner .text.overlay div.collapsible-md button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent; }
  .container div.collapsible-md button.title:hover, .promo.banner .text.overlay div.collapsible-md button.title:hover {
    text-decoration: none; }

@media (max-width: 1199.98px) {
  .collapsible-lg .title {
    line-height: 2.5rem;
    /* 40/16 */ }
    .collapsible-lg .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-lg .title::after {
      float: right;
      content: "\F078";
      font-family: "FontAwesome"; }
  .collapsible-lg .content,
  .collapsible-lg .card-body {
    display: none; }
  .collapsible-lg.active .title::after {
    content: "\F077";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-lg.active .content,
  .collapsible-lg.active .card-body {
    display: block; } }

.container div.collapsible-lg button.title, .promo.banner .text.overlay div.collapsible-lg button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent; }
  .container div.collapsible-lg button.title:hover, .promo.banner .text.overlay div.collapsible-lg button.title:hover {
    text-decoration: none; }

.collapsible-xl .title {
  line-height: 2.5rem;
  /* 40/16 */ }
  .collapsible-xl .title::after {
    display: block;
    clear: both;
    content: ""; }
  .collapsible-xl .title::after {
    float: right;
    content: "\F078";
    font-family: "FontAwesome"; }

.collapsible-xl .content,
.collapsible-xl .card-body {
  display: none; }

.collapsible-xl.active .title::after {
  content: "\F077";
  margin-top: -0.125em;
  /* 2/16 */ }

.collapsible-xl.active .content,
.collapsible-xl.active .card-body {
  display: block; }

.container div.collapsible-xl button.title, .promo.banner .text.overlay div.collapsible-xl button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent; }
  .container div.collapsible-xl button.title:hover, .promo.banner .text.overlay div.collapsible-xl button.title:hover {
    text-decoration: none; }

footer {
  background-color: #e9ecef;
  padding-top: 1.25em;
  /* 20/16 */
  padding-bottom: 1.25em; }
  footer h2 {
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 2.5em;
    /* 40/16 */ }
  footer ul {
    list-style: none;
    padding-left: 0; }
  footer .social h2 {
    margin-top: 0; }
  footer .social::after {
    display: block;
    clear: both;
    content: ""; }
  footer .copyright,
  footer .social {
    margin-top: 1.25em; }
  footer .footer-container .footer-item.collapsible-xs button {
    font-family: 'Dosis', sans-serif;
    padding: 0; }
  footer .social-links {
    float: left; }
    footer .social-links::after {
      display: block;
      clear: both;
      content: ""; }
    @media (max-width: 543.98px) {
      footer .social-links {
        width: 80%; } }
    footer .social-links li {
      float: left;
      margin: 0.313em; }
      @media (max-width: 543.98px) {
        footer .social-links li {
          width: 20%;
          text-align: center; } }
    footer .social-links a {
      font-size: 2.25em; }
      footer .social-links a:hover {
        text-decoration: none; }
  @media (max-width: 543.98px) {
    footer .store {
      border-bottom: 1px solid #97999b; }
      footer .store .content {
        display: none; }
      footer .store h2::after {
        display: block;
        clear: both;
        content: ""; }
      footer .store h2::after {
        font-family: "FontAwesome";
        float: right;
        content: "\F041"; } }
  footer .content {
    font-size: 0.875em; }
    footer .content li {
      height: 1.875rem; }
  footer .copyright,
  footer .postscript {
    font-size: 0.8125em; }
  footer .copyright {
    margin-bottom: 0.625em; }
  footer .back-to-top {
    margin: 0.1em 0.313em;
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none; }
    footer .back-to-top i.fa-arrow-up {
      color: rgba(0, 0, 0, 0.7); }
    footer .back-to-top i.fa-circle {
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }

@media (max-width: 543.98px) {
  .footer-item {
    border-bottom: 1px solid #97999b; } }

#consent-tracking .button-wrapper button {
  margin: 0.5em; }

.email-signup-message {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.email-signup-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .email-signup-alert.show {
    display: block; }

@media (max-width: 543.98px) {
  .collapsible-xs .title {
    line-height: 2.5rem;
    /* 40/16 */
    font-family: "Muli";
    font-weight: 800;
    font-size: 0.875rem;
    text-transform: uppercase; }
    .collapsible-xs .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-xs .title::after {
      float: right;
      content: "\F067";
      font-family: "FontAwesome";
      font-size: 0.875rem;
      margin-right: 0.5rem; }
  .collapsible-xs .content,
  .collapsible-xs .card-body {
    display: none; }
  .collapsible-xs.active .title::after {
    content: "\F068";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-xs.active .content,
  .collapsible-xs.active .card-body {
    display: block; } }

.container div.collapsible-xs button.title, .promo.banner .text.overlay div.collapsible-xs button.title {
  color: var(--skin-secondary-color);
  text-decoration: none;
  border: none;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .container div.collapsible-xs button.title:hover, .promo.banner .text.overlay div.collapsible-xs button.title:hover {
    text-decoration: none; }

@media (max-width: 768.98px) {
  .collapsible-sm .title {
    line-height: 2.5rem;
    /* 40/16 */
    font-family: "Muli";
    font-weight: 800;
    font-size: 0.875rem;
    text-transform: uppercase; }
    .collapsible-sm .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-sm .title::after {
      float: right;
      content: "\F067";
      font-family: "FontAwesome";
      font-size: 0.875rem;
      margin-right: 0.5rem; }
  .collapsible-sm .content,
  .collapsible-sm .card-body {
    display: none; }
  .collapsible-sm.active .title::after {
    content: "\F068";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-sm.active .content,
  .collapsible-sm.active .card-body {
    display: block; } }

.container div.collapsible-sm button.title, .promo.banner .text.overlay div.collapsible-sm button.title {
  color: var(--skin-secondary-color);
  text-decoration: none;
  border: none;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .container div.collapsible-sm button.title:hover, .promo.banner .text.overlay div.collapsible-sm button.title:hover {
    text-decoration: none; }

@media (max-width: 1023.98px) {
  .collapsible-md .title {
    line-height: 2.5rem;
    /* 40/16 */
    font-family: "Muli";
    font-weight: 800;
    font-size: 0.875rem;
    text-transform: uppercase; }
    .collapsible-md .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-md .title::after {
      float: right;
      content: "\F067";
      font-family: "FontAwesome";
      font-size: 0.875rem;
      margin-right: 0.5rem; }
  .collapsible-md .content,
  .collapsible-md .card-body {
    display: none; }
  .collapsible-md.active .title::after {
    content: "\F068";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-md.active .content,
  .collapsible-md.active .card-body {
    display: block; } }

.container div.collapsible-md button.title, .promo.banner .text.overlay div.collapsible-md button.title {
  color: var(--skin-secondary-color);
  text-decoration: none;
  border: none;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .container div.collapsible-md button.title:hover, .promo.banner .text.overlay div.collapsible-md button.title:hover {
    text-decoration: none; }

@media (max-width: 1199.98px) {
  .collapsible-lg .title {
    line-height: 2.5rem;
    /* 40/16 */
    font-family: "Muli";
    font-weight: 800;
    font-size: 0.875rem;
    text-transform: uppercase; }
    .collapsible-lg .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-lg .title::after {
      float: right;
      content: "\F067";
      font-family: "FontAwesome";
      font-size: 0.875rem;
      margin-right: 0.5rem; }
  .collapsible-lg .content,
  .collapsible-lg .card-body {
    display: none; }
  .collapsible-lg.active .title::after {
    content: "\F068";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-lg.active .content,
  .collapsible-lg.active .card-body {
    display: block; } }

.container div.collapsible-lg button.title, .promo.banner .text.overlay div.collapsible-lg button.title {
  color: var(--skin-secondary-color);
  text-decoration: none;
  border: none;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .container div.collapsible-lg button.title:hover, .promo.banner .text.overlay div.collapsible-lg button.title:hover {
    text-decoration: none; }

.collapsible-xl .title {
  line-height: 2.5rem;
  /* 40/16 */
  font-family: "Muli";
  font-weight: 800;
  font-size: 0.875rem;
  text-transform: uppercase; }
  .collapsible-xl .title::after {
    display: block;
    clear: both;
    content: ""; }
  .collapsible-xl .title::after {
    float: right;
    content: "\F067";
    font-family: "FontAwesome";
    font-size: 0.875rem;
    margin-right: 0.5rem; }

.collapsible-xl .content,
.collapsible-xl .card-body {
  display: none; }

.collapsible-xl.active .title::after {
  content: "\F068";
  margin-top: -0.125em;
  /* 2/16 */ }

.collapsible-xl.active .content,
.collapsible-xl.active .card-body {
  display: block; }

.container div.collapsible-xl button.title, .promo.banner .text.overlay div.collapsible-xl button.title {
  color: var(--skin-secondary-color);
  text-decoration: none;
  border: none;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .container div.collapsible-xl button.title:hover, .promo.banner .text.overlay div.collapsible-xl button.title:hover {
    text-decoration: none; }

footer {
  padding-top: 0; }
  @media (min-width: 769px) {
    footer {
      padding-top: 1.25em; } }
  footer .footer-container .footer-item.collapsible-xs button {
    font-family: "Muli";
    font-weight: 800; }
  footer .store h2 {
    line-height: 2.5rem; }
    @media (min-width: 769px) {
      footer .store h2 {
        line-height: 1.5; } }
    footer .store h2:after {
      float: left;
      margin-right: 0.5rem; }
  .page[data-action="Product-Show"] footer {
    padding-bottom: 8.25rem; }
    @media (min-width: 769px) {
      .page[data-action="Product-Show"] footer {
        padding-bottom: 1.25em; } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #bd0000;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-orange: #fe5000;
  --color-dark-orange: #eb4800;
  --color-darker-orange: #d24200;
  --color-abbey: #4c5055;
  --color-dune: #2d2926;
  --color-primary: #fe5000;
  --color-secondary: #4c5055;
  --color-accent: #fff;
  --color-red: #bd0000;
  --color-success: var(--color-orange);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey3);
  --color-dark-gray: var(--color-grey4);
  --color-darker-gray: var(--color-grey5);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey5);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-font-family-1: Muli;
  --skin-font-family-2: HelveticaNeue;
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-abbey);
  --skin-main-text-color-2: var(--color-abbey);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-darker-orange);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Muli;
  --skin-header-font-2: HelveticaNeue;
  --skin-body-font: HelveticaNeue;
  --skin-promo-color: var($primary);
  --skin-font-weight-light: 300;
  --skin-font-weight-normal: 400;
  --skin-font-weight-bold: 700;
  --skin-font-weight-extra-bold: 800;
  --skin-font-weight-black: 900; }

@media (max-width: 543.98px) {
  .collapsible-xs .title {
    line-height: 2.5rem;
    /* 40/16 */ }
    .collapsible-xs .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-xs .title::after {
      float: right;
      content: "\F078";
      font-family: "Font Awesome 5 Free";
      color: var(--skin-primary-color); }
  .collapsible-xs .content,
  .collapsible-xs .card-body {
    display: none; }
  .collapsible-xs.active .title::after {
    content: "\F077";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-xs.active .content,
  .collapsible-xs.active .card-body {
    display: block; } }

.container div.collapsible-xs button.title, .promo.banner .text.overlay div.collapsible-xs button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent; }
  .container div.collapsible-xs button.title:hover, .promo.banner .text.overlay div.collapsible-xs button.title:hover {
    text-decoration: none; }

@media (max-width: 768.98px) {
  .collapsible-sm .title {
    line-height: 2.5rem;
    /* 40/16 */ }
    .collapsible-sm .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-sm .title::after {
      float: right;
      content: "\F078";
      font-family: "Font Awesome 5 Free";
      color: var(--skin-primary-color); }
  .collapsible-sm .content,
  .collapsible-sm .card-body {
    display: none; }
  .collapsible-sm.active .title::after {
    content: "\F077";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-sm.active .content,
  .collapsible-sm.active .card-body {
    display: block; } }

.container div.collapsible-sm button.title, .promo.banner .text.overlay div.collapsible-sm button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent; }
  .container div.collapsible-sm button.title:hover, .promo.banner .text.overlay div.collapsible-sm button.title:hover {
    text-decoration: none; }

@media (max-width: 1023.98px) {
  .collapsible-md .title {
    line-height: 2.5rem;
    /* 40/16 */ }
    .collapsible-md .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-md .title::after {
      float: right;
      content: "\F078";
      font-family: "Font Awesome 5 Free";
      color: var(--skin-primary-color); }
  .collapsible-md .content,
  .collapsible-md .card-body {
    display: none; }
  .collapsible-md.active .title::after {
    content: "\F077";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-md.active .content,
  .collapsible-md.active .card-body {
    display: block; } }

.container div.collapsible-md button.title, .promo.banner .text.overlay div.collapsible-md button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent; }
  .container div.collapsible-md button.title:hover, .promo.banner .text.overlay div.collapsible-md button.title:hover {
    text-decoration: none; }

@media (max-width: 1199.98px) {
  .collapsible-lg .title {
    line-height: 2.5rem;
    /* 40/16 */ }
    .collapsible-lg .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-lg .title::after {
      float: right;
      content: "\F078";
      font-family: "Font Awesome 5 Free";
      color: var(--skin-primary-color); }
  .collapsible-lg .content,
  .collapsible-lg .card-body {
    display: none; }
  .collapsible-lg.active .title::after {
    content: "\F077";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-lg.active .content,
  .collapsible-lg.active .card-body {
    display: block; } }

.container div.collapsible-lg button.title, .promo.banner .text.overlay div.collapsible-lg button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent; }
  .container div.collapsible-lg button.title:hover, .promo.banner .text.overlay div.collapsible-lg button.title:hover {
    text-decoration: none; }

.collapsible-xl .title {
  line-height: 2.5rem;
  /* 40/16 */ }
  .collapsible-xl .title::after {
    display: block;
    clear: both;
    content: ""; }
  .collapsible-xl .title::after {
    float: right;
    content: "\F078";
    font-family: "Font Awesome 5 Free";
    color: var(--skin-primary-color); }

.collapsible-xl .content,
.collapsible-xl .card-body {
  display: none; }

.collapsible-xl.active .title::after {
  content: "\F077";
  margin-top: -0.125em;
  /* 2/16 */ }

.collapsible-xl.active .content,
.collapsible-xl.active .card-body {
  display: block; }

.container div.collapsible-xl button.title, .promo.banner .text.overlay div.collapsible-xl button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent; }
  .container div.collapsible-xl button.title:hover, .promo.banner .text.overlay div.collapsible-xl button.title:hover {
    text-decoration: none; }

#footercontent {
  padding: 0 0 1.25rem;
  background-color: var(--color-white);
  color: var(--skin-main-text-color-1); }
  #footercontent .back-to-top {
    margin: 0; }

@media (min-width: 769px) {
  .footer-sections {
    display: grid;
    margin: 0 auto;
    padding: 0 1rem;
    width: 100%;
    max-width: 64rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
    grid-template-areas: "logo   logo    logo  logo" "social support about other" "text   support about other";
    grid-template-rows: auto 1.875rem auto; } }

.footer-email-signup {
  background-color: var(--color-black); }
  .footer-email-signup .footer-email-signup-content {
    padding: 1rem 1rem 1.25rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%; }
    @media (min-width: 1024px) {
      .footer-email-signup .footer-email-signup-content {
        margin: 0 auto;
        max-width: 53.125rem;
        justify-content: space-between;
        align-items: center; } }
  .footer-email-signup .email-description {
    font-family: "HelveticaNeue";
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.5rem;
    width: 100%;
    color: var(--color-white);
    margin: 0 0 0.9375rem; }
    @media (min-width: 769px) {
      .footer-email-signup .email-description {
        text-align: center; } }
    @media (min-width: 1024px) {
      .footer-email-signup .email-description {
        margin: 0;
        width: auto; } }
  .footer-email-signup form {
    width: 100%;
    margin-bottom: 0; }
    @media (min-width: 769px) {
      .footer-email-signup form {
        width: auto; } }
  .footer-email-signup .input-group {
    flex-wrap: nowrap; }
  .footer-email-signup input {
    border-radius: 0.3125rem !important;
    height: 2.5rem; }
    @media (min-width: 769px) {
      .footer-email-signup input {
        width: auto !important;
        max-width: 16.25rem; } }
  .footer-email-signup .subscribe-email {
    margin: 0 0 0 0.9375rem;
    text-transform: none;
    font-size: 1.1875rem;
    line-height: 1.1875rem;
    padding: 0.4375rem 1.25rem 0.625rem; }

.footer-logo {
  grid-area: logo;
  text-align: center;
  margin: 1.875rem auto 1.5625rem;
  padding: 0 1rem; }
  @media (min-width: 769px) {
    .footer-logo {
      margin: 1.9375rem auto 2.8125rem; } }
  .footer-logo .logo {
    display: block;
    width: 11.25rem;
    height: 1.5rem;
    margin: 0 auto 1.5625rem;
    background: transparent url("../images/sylvania-logo.svg") no-repeat;
    background-size: cover; }
    .footer-logo .logo span {
      display: none; }
  .footer-logo .slogan {
    display: block;
    font-family: "Muli";
    font-weight: 800;
    font-size: 1.125rem;
    line-height: 1.3125rem;
    letter-spacing: 0.0225rem;
    text-align: center;
    text-transform: uppercase; }

.footer-social-email {
  grid-area: social;
  margin: 0 0 1.25rem;
  padding: 0 1rem; }
  @media (min-width: 769px) {
    .footer-social-email {
      margin: 0;
      padding: 0; } }
  .footer-social-email .social-links {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    float: none;
    margin: 0; }
    @media (min-width: 769px) {
      .footer-social-email .social-links {
        justify-content: flex-start; } }
    .footer-social-email .social-links::after {
      display: none; }
    .footer-social-email .social-links li {
      width: auto;
      text-align: center;
      margin: 0 1.25rem; }
      @media (min-width: 769px) {
        .footer-social-email .social-links li {
          margin: 0; } }
      @media (min-width: 769px) {
        .footer-social-email .social-links li + li {
          margin: 0 0 0 1.0625rem; } }
    .footer-social-email .social-links a {
      color: var(--color-dark-gray);
      font-size: 3.125rem; }
      @media (min-width: 769px) {
        .footer-social-email .social-links a {
          font-size: 1.875rem; } }
      .footer-social-email .social-links a:hover, .footer-social-email .social-links a:active {
        color: var(--color-primary); }
      .footer-social-email .social-links a + a {
        margin: 0 0 0 1.5625rem; }

.footer-links {
  margin: 0 1rem;
  border-top: 0.125rem solid var(--color-light-gray); }
  .footer-links:last-child {
    margin-bottom: 0.9375rem;
    border-bottom: 0.125rem solid var(--color-light-gray); }
    @media (min-width: 769px) {
      .footer-links:last-child {
        margin: 0;
        border: 0; } }
  @media (min-width: 769px) {
    .footer-links {
      margin: 0;
      border: 0; } }
  .footer-links .footer-section-title {
    margin: 0;
    padding: 0;
    border-bottom: 0; }
    @media (min-width: 769px) {
      .footer-links .footer-section-title {
        margin: 0 0 0.625rem;
        padding: 0 0 0.4375rem;
        border-bottom: 0.125rem solid var(--color-light-gray); } }
  .footer-links .title {
    font-family: "Muli";
    font-weight: 900;
    font-size: 0.75rem;
    line-height: 1.5625rem;
    letter-spacing: 0.015rem;
    color: var(--color-abbey);
    text-transform: uppercase; }
    .footer-links .title:focus {
      box-shadow: none; }
    .footer-links .title::after {
      font-family: "Font Awesome 5 Free";
      font-weight: 700;
      content: '\F078';
      color: var(--color-primary);
      margin: 0; }
    .footer-links h2::after {
      display: none; }
  .footer-links.active .title::after {
    content: '\F077';
    margin: 0; }
  .footer-links ul {
    margin: 0 2rem 1rem;
    padding: 0; }
    @media (min-width: 769px) {
      .footer-links ul {
        margin: 0; } }
    .footer-links ul a {
      font-family: "HelveticaNeue";
      font-weight: 400;
      font-size: 0.875rem;
      line-height: 1.5625rem;
      color: var(--color-primary);
      text-decoration: none; }
      .footer-links ul a:hover, .footer-links ul a:active {
        color: var(--color-primary);
        text-decoration: underline; }

.footer-text {
  grid-area: text;
  font-family: "Muli";
  font-weight: 800;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  letter-spacing: 0.0225rem;
  color: var(--color-dark-gray);
  text-transform: uppercase;
  text-align: center;
  margin: 1.25rem 0;
  padding: 0 1rem;
  width: 100%; }
  @media (min-width: 769px) {
    .footer-text {
      padding: 0;
      max-width: 11.25rem;
      text-align: left; } }
  .footer-text p:last-child {
    margin-bottom: 0; }

.footer-support {
  grid-area: support; }

.footer-about {
  grid-area: about; }

.footer-other {
  grid-area: other; }

@media (min-width: 769px) {
  .footer-copy {
    margin: 1.6875rem 0 0;
    padding: 1.0625rem 0 0;
    border-top: 0.125rem solid var(--color-light-gray); } }

@media (min-width: 769px) {
  .footer-copy .footer-copy-content {
    margin: 0 auto;
    width: 100%;
    max-width: 61.875rem; } }

.footer-copy .footer-copy-content .content-asset {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center; }

.footer-copy a {
  font-family: "HelveticaNeue";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5625rem;
  color: var(--color-primary);
  text-decoration: none; }
  .footer-copy a:hover, .footer-copy a:active {
    color: var(--color-primary);
    text-decoration: underline; }
  .footer-copy a + a {
    margin: 0 0 0 0.625rem; }

.footer-copy .copyright {
  font-family: "HelveticaNeue";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5625rem;
  margin: 0;
  width: 100%; }
  @media (min-width: 769px) {
    .footer-copy .copyright {
      margin: 0 0 0 0.625rem;
      width: auto; } }

.footer-copy .postscript {
  font-family: "HelveticaNeue";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5625rem;
  margin: 0;
  width: 100%; }

.email-signup-message {
  top: 33%; }

.consent-tracking--footer {
  background-color: var(--color-black);
  padding: 1.875rem 0;
  position: fixed;
  width: 100%;
  z-index: 10;
  bottom: 0; }
  .consent-tracking--footer button {
    margin: 0 0.9375rem; }
    .consent-tracking--footer button:last-of-type {
      margin-right: 0; }
    .consent-tracking--footer button.close {
      position: absolute;
      top: 0.625rem;
      right: 0.9375rem;
      text-shadow: none;
      opacity: 1;
      color: var(--color-orange);
      font-weight: normal; }
  .consent-tracking--footer .container, .consent-tracking--footer .promo.banner .text.overlay, .promo.banner .consent-tracking--footer .text.overlay {
    text-align: center; }
    @media (min-width: 769px) {
      .consent-tracking--footer .container, .consent-tracking--footer .promo.banner .text.overlay, .promo.banner .consent-tracking--footer .text.overlay {
        display: flex;
        align-items: center;
        text-align: initial; } }

.consent-tracking--copy {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem; }
  @media (min-width: 769px) {
    .consent-tracking--copy {
      margin-right: 120px;
      padding-top: 0rem;
      padding-bottom: 0rem; } }
  .consent-tracking--copy p {
    color: var(--color-white);
    margin-bottom: 0; }
  .consent-tracking--copy a {
    color: var(--color-orange); }

/*Sign Up Modal*/
.signup-modal .modal-content {
  border-radius: 0;
  border: 0;
  background-color: transparent; }

.signup-modal .modal-header {
  background-color: var(--skin-primary-color);
  border-radius: 0;
  display: block;
  position: relative; }
  .signup-modal .modal-header .close {
    text-shadow: none;
    font-weight: 600;
    padding: 0.3125rem 0.625rem;
    margin: 0;
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0;
    opacity: 1; }
    .signup-modal .modal-header .close span {
      text-shadow: none;
      color: var(--color-white); }

.signup-modal .modal-title {
  color: var(--color-white);
  text-transform: none;
  text-align: center;
  font-size: 1.625rem; }

.signup-modal .modal-body {
  background-color: var(--color-white);
  padding: 1.875rem 1.875rem 0.875rem; }
  .signup-modal .modal-body .bulb-finder-header {
    background-color: var(--color-white); }
    .signup-modal .modal-body .bulb-finder-header .joinlist-bulb-finder-form .bulbFinder-search-result {
      display: flex;
      flex-wrap: wrap; }
      .signup-modal .modal-body .bulb-finder-header .joinlist-bulb-finder-form .bulbFinder-search-result .bulb-icon-orange {
        margin-right: 8px;
        width: 20px; }
      .signup-modal .modal-body .bulb-finder-header .joinlist-bulb-finder-form .bulbFinder-search-result #clearLink {
        color: var(--skin-primary-color);
        font-size: 0.875rem;
        margin-left: 8px; }
    .signup-modal .modal-body .bulb-finder-header .joinlist-bulb-finder-form .select2 {
      width: auto !important; }
      .signup-modal .modal-body .bulb-finder-header .joinlist-bulb-finder-form .select2-selection {
        height: 38px; }
        .signup-modal .modal-body .bulb-finder-header .joinlist-bulb-finder-form .select2-selection__rendered {
          padding-top: 5px;
          padding-bottom: 5px;
          text-align: left;
          color: var(--color-black); }
        .signup-modal .modal-body .bulb-finder-header .joinlist-bulb-finder-form .select2-selection__arrow {
          height: 100%; }
          .signup-modal .modal-body .bulb-finder-header .joinlist-bulb-finder-form .select2-selection__arrow b {
            border-width: 7px 6px 0 6px;
            border-color: var(--color-black) transparent transparent transparent;
            margin-left: -10px; }
      .signup-modal .modal-body .bulb-finder-header .joinlist-bulb-finder-form .select2-container--open .select2-selection__arrow b {
        border-color: transparent transparent var(--color-black) transparent;
        border-width: 0px 6px 7px 6px; }
      .signup-modal .modal-body .bulb-finder-header .joinlist-bulb-finder-form .select2-container--disabled .select2-selection__rendered {
        color: var(--color-grey4); }
      .signup-modal .modal-body .bulb-finder-header .joinlist-bulb-finder-form .select2-container--disabled .select2-selection__arrow b {
        border-color: var(--color-grey4) transparent transparent transparent; }
  .signup-modal .modal-body .message {
    display: block;
    font-size: 0.8125rem;
    color: var(--color-orange); }

.signup-modal .modal-dialog {
  transform: translate(0, -50%);
  top: 25%;
  margin: 0 auto; }
  @media (min-width: 544px) {
    .signup-modal .modal-dialog {
      max-width: 22.5rem; } }

.hero {
  height: 25vw;
  background-size: cover;
  background-position: 50%;
  position: relative; }
  .hero h1.page-title {
    top: 50%;
    margin: -1em 0 0; }

@media (min-width: 544px) {
  .slant-down::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 0;
    border-left-width: 90vw;
    border-bottom: 4vw solid #f5f5f5; } }

@media (min-width: 544px) {
  .slant-up::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 0;
    border-right-width: 90vw;
    border-top: 4vw solid #f5f5f5; } }

h1.page-title {
  position: relative;
  color: white;
  padding: 0.3125em 0.625em 0.3125em 15px;
  background-color: var(--skin-primary-color-1);
  display: inline-block;
  margin: 0.9375em 0;
  font-size: 1.5rem; }
  @media (min-width: 544px) {
    h1.page-title {
      font-size: 2rem; } }
  @media (min-width: 769px) {
    h1.page-title {
      font-size: 3rem; } }
  h1.page-title::before {
    content: "";
    background-color: var(--skin-primary-color-1);
    height: 100%;
    width: 0;
    position: absolute;
    left: 0;
    top: 0; }
    @media (min-width: 1200px) {
      h1.page-title::before {
        width: calc((100vw - 1230px) / 2);
        left: calc((100vw - 1230px) / 2 * -1); } }
    @media (min-width: 1024px) and (max-width: 1199.98px) {
      h1.page-title::before {
        width: calc((100vw - ) / 2);
        left: calc((100vw - ) / 2 * -1); } }
    @media (min-width: 769px) and (max-width: 1023.98px) {
      h1.page-title::before {
        width: calc((100vw - ) / 2);
        left: calc((100vw - ) / 2 * -1); } }
  @media (min-width: 1200px) {
    h1.page-title {
      left: calc((100% - 1230px) / 2); } }
  @media (min-width: 1024px) and (max-width: 1199.98px) {
    h1.page-title {
      left: calc((100% - ) / 2); } }
  @media (min-width: 769px) and (max-width: 1023.98px) {
    h1.page-title {
      left: calc((100% - ) / 2); } }
  @media (max-width: 768.98px) {
    h1.page-title {
      left: 0; } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.hero h1.page-title {
  position: relative;
  top: 50%;
  margin: -1em 0 0;
  color: var(--color-white); }

h1.page-title {
  position: static;
  color: var(--color-black);
  padding: 0;
  background-color: transparent;
  margin: 0.9375rem 0 0.4rem; }
  h1.page-title::before {
    display: none; }
  .homepage h1.page-title {
    position: relative;
    color: var(--color-white);
    padding: 0.3125rem 0.625rem 0.3125rem 15px;
    background-color: var(--skin-primary-color-1); }
    @media (min-width: 1200px) {
      .homepage h1.page-title {
        left: calc((100% - 1200px) / 2); } }
    @media (min-width: 992px) and (max-width: 1199.98px) {
      .homepage h1.page-title {
        left: calc((100% - ) / 2); } }
    @media (min-width: 769px) and (max-width: 991.98px) {
      .homepage h1.page-title {
        left: calc((100% - ) / 2); } }
    @media (max-width: 768.98px) {
      .homepage h1.page-title {
        left: 0; } }
    .homepage h1.page-title::before {
      display: block;
      content: "";
      background-color: var(--skin-primary-color-1);
      height: 100%;
      width: 0;
      position: absolute;
      left: 0;
      top: 0; }
      @media (min-width: 1200px) {
        .homepage h1.page-title::before {
          width: calc((100vw - 1200px) / 2);
          left: calc((100vw - 1200px) / 2 * -1); } }
      @media (min-width: 992px) and (max-width: 1199.98px) {
        .homepage h1.page-title::before {
          width: calc((100vw - ) / 2);
          left: calc((100vw - ) / 2 * -1); } }
      @media (min-width: 769px) and (max-width: 991.98px) {
        .homepage h1.page-title::before {
          width: calc((100vw - ) / 2);
          left: calc((100vw - ) / 2 * -1); } }

.page-banner + .page-heading {
  position: absolute;
  top: 1.75rem;
  left: 0;
  padding: 0.625rem 1rem 0.625rem 2.0625rem;
  width: auto; }
  @media (min-width: 544px) {
    .page-banner + .page-heading {
      top: 3.75rem; } }
  .page-banner + .page-heading:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--skin-primary-color);
    opacity: 0.6; }
  .page-banner + .page-heading h1.page-title {
    position: relative;
    left: 0;
    color: var(--color-white);
    margin: 0;
    z-index: 1; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.page-banner {
  position: relative; }
  .page-banner .banner-bg {
    background-size: cover; }
  .page-banner + .page-heading,
  .page-banner .page-heading {
    color: white;
    text-transform: none;
    font-size: 2.5rem;
    position: absolute;
    bottom: 0;
    left: 15px;
    margin: 0;
    padding: 1.25rem 0; }
    @media (min-width: 1200px) {
      .page-banner + .page-heading,
      .page-banner .page-heading {
        left: calc((100% - 1200px) / 2); } }
    @media (max-width: 768.98px) {
      .page-banner + .page-heading,
      .page-banner .page-heading {
        display: flex;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        left: 0;
        font-size: 2.0625rem; } }
  .page-banner + .page-heading {
    top: unset; }
    .page-banner + .page-heading h1.page-title {
      font-size: 2.5rem;
      text-transform: none; }
    .page-banner + .page-heading:after {
      display: none; }
  .page-banner #mobile_stack .mobile .banner-bg {
    height: 200px !important; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Dosis', sans-serif; }

/* default header styles being overriden by skins/typography now */
.notify {
  position: fixed;
  top: 0; }

.price {
  color: #222; }
  .price .strike-through {
    text-decoration: line-through;
    color: #97999b;
    margin-right: 0.938rem; }
  .price .starting,
  .price .range,
  .price .sales {
    font-weight: bold; }
  .price .tiered {
    color: #222; }
    .price .tiered table {
      border-top: 1px solid #cfcfcf;
      margin: 0 auto; }
      .price .tiered table tr:nth-child(odd) {
        background-color: #e4e4e4; }
    .price .tiered td,
    .price .tiered span.price {
      font-size: 0.875rem;
      font-weight: bold; }
    .price .tiered td {
      padding: 0.313rem; }
      .price .tiered td.quantity {
        font-weight: normal;
        text-align: right; }
      .price .tiered td.value {
        text-align: left; }
    .price .tiered .table-header {
      font-size: 1.125rem;
      padding: 0.313rem; }
    .price .tiered .column-header {
      font-size: 1rem;
      padding: 0.313rem;
      font-weight: normal; }
    .price .tiered .column-header.quantity {
      text-align: right; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0070d2;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0070d2;
  border-radius: 0.69em;
  background-color: #0070d2;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #008827;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #008827;
  border-radius: 0.69em;
  background-color: #008827;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #cfcfcf; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0070d2;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0070d2;
  border-radius: 0.69em;
  background-color: #0070d2;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #008827;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #008827;
  border-radius: 0.69em;
  background-color: #008827;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #cfcfcf; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.quick-view-dialog,
.choose-bonus-product-dialog {
  max-width: 56.25em; }
  .quick-view-dialog .selectable-bonus-product-line-item,
  .choose-bonus-product-dialog .selectable-bonus-product-line-item {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    padding-top: 0.3em;
    padding-bottom: 0.3em; }
  .quick-view-dialog .beenSelected,
  .choose-bonus-product-dialog .beenSelected {
    background-color: #e4e4e4; }
  .quick-view-dialog .modal-header,
  .choose-bonus-product-dialog .modal-header {
    background-color: #e4e4e4;
    border-bottom: 2px solid #ccc;
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0.1875rem; }
    .quick-view-dialog .modal-header .full-pdp-link,
    .choose-bonus-product-dialog .modal-header .full-pdp-link {
      color: var(--skin-primary-color-1); }
    .quick-view-dialog .modal-header .close,
    .choose-bonus-product-dialog .modal-header .close {
      font-size: 2rem;
      line-height: 1.5rem; }
  .quick-view-dialog .modal-title,
  .choose-bonus-product-dialog .modal-title {
    font-size: 1em; }
  .quick-view-dialog .product-name,
  .choose-bonus-product-dialog .product-name {
    font-size: 1.875em; }
  .quick-view-dialog .swatch-circle,
  .choose-bonus-product-dialog .swatch-circle {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: #fff;
    border-radius: 1.25em;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-right: 0.313em;
    position: relative; }
    .quick-view-dialog .swatch-circle.color-value[data-selected=true]::after,
    .choose-bonus-product-dialog .swatch-circle.color-value[data-selected=true]::after {
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      left: 0.295em;
      position: absolute; }
    .quick-view-dialog .swatch-circle.color-value.selected::after,
    .choose-bonus-product-dialog .swatch-circle.color-value.selected::after {
      background: #fff;
      border-radius: 50%;
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      height: 0.75em;
      left: 0.31em;
      line-height: 0.8em;
      position: absolute;
      top: 0.35em;
      width: 0.8em; }
    .quick-view-dialog .swatch-circle i.fa-times-circle,
    .choose-bonus-product-dialog .swatch-circle i.fa-times-circle {
      background: #fff;
      border-radius: 50%;
      height: 0.75em;
      line-height: 0.8em;
      width: 0.8em; }
  .quick-view-dialog a[disabled] .swatch-circle,
  .choose-bonus-product-dialog a[disabled] .swatch-circle {
    cursor: not-allowed; }
    .quick-view-dialog a[disabled] .swatch-circle.color-value.selected::after,
    .choose-bonus-product-dialog a[disabled] .swatch-circle.color-value.selected::after {
      background-color: #495057; }
  .quick-view-dialog .availablity-container,
  .choose-bonus-product-dialog .availablity-container {
    text-align: right; }
  .quick-view-dialog .availablity-container,
  .quick-view-dialog .size-chart,
  .choose-bonus-product-dialog .availablity-container,
  .choose-bonus-product-dialog .size-chart {
    margin-top: 0.938em; }
  .quick-view-dialog .modal-content,
  .choose-bonus-product-dialog .modal-content {
    border: 1px solid rgba(0, 0, 0, 0.2); }
  .quick-view-dialog .modal-body,
  .choose-bonus-product-dialog .modal-body {
    max-height: 28.125em;
    /* 450/16 */
    overflow-y: auto; }
  .quick-view-dialog button.close,
  .choose-bonus-product-dialog button.close {
    font-size: 1.25em; }
  .quick-view-dialog .modal-footer,
  .choose-bonus-product-dialog .modal-footer {
    background-color: #fff;
    border: none;
    border-bottom-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem; }
    .quick-view-dialog .modal-footer .prices .price,
    .choose-bonus-product-dialog .modal-footer .prices .price {
      font-size: 1.6em; }
  .quick-view-dialog .prices .sales,
  .choose-bonus-product-dialog .prices .sales {
    font-size: 1.5rem; }
  .quick-view-dialog .promotions,
  .choose-bonus-product-dialog .promotions {
    text-align: left;
    color: #bd0000; }
  @media (max-width: 768.98px) {
    .quick-view-dialog .bonus-summary,
    .choose-bonus-product-dialog .bonus-summary {
      font-size: 0.625em; } }
  @media (max-width: 768.98px) {
    .quick-view-dialog .bonus-summary .bonus-product-name,
    .choose-bonus-product-dialog .bonus-summary .bonus-product-name {
      padding: 0; } }
  .quick-view-dialog .pre-cart-products,
  .choose-bonus-product-dialog .pre-cart-products {
    margin-right: 0.125em; }
  .quick-view-dialog .color-attribute,
  .choose-bonus-product-dialog .color-attribute {
    border: none;
    padding: 0;
    background: none; }
  .quick-view-dialog .non-input-label,
  .choose-bonus-product-dialog .non-input-label {
    display: block;
    margin-bottom: 0.5rem; }

.product-tile {
  border: 0;
  margin-bottom: 0; }
  @media (max-width: 1023.98px) {
    .product-tile {
      min-height: 23.4375em; } }
  @media (max-width: 768.98px) {
    .product-tile {
      min-height: 19.6875em; } }
  @media (max-width: 543.98px) {
    .product-tile {
      min-height: 13.4375em; } }
  .product-tile .tile-body {
    padding: 0.625em 0 1.875em; }
    .product-tile .tile-body .color-swatches {
      min-height: 2.25em; }
      .product-tile .tile-body .color-swatches .product-tile-color-label {
        cursor: pointer;
        font-size: 1em; }
        @media (max-width: 1023.98px) {
          .product-tile .tile-body .color-swatches .product-tile-color-label {
            font-size: 0.9375em; } }
        @media (max-width: 768.98px) {
          .product-tile .tile-body .color-swatches .product-tile-color-label {
            font-size: 0.8125em; } }
    .product-tile .tile-body .price {
      font-size: 1.125em;
      margin-bottom: 0; }
      @media (max-width: 1023.98px) {
        .product-tile .tile-body .price {
          font-size: 1.0625em; } }
      @media (max-width: 768.98px) {
        .product-tile .tile-body .price {
          font-size: 1em; } }
      .product-tile .tile-body .price .tiered {
        font-size: 0.875em; }
        .product-tile .tile-body .price .tiered .value {
          font-weight: bold; }
    .product-tile .tile-body .coming-soon-tile {
      text-align: center; }
    .product-tile .tile-body .pdp-link {
      line-height: 1.2; }
      .product-tile .tile-body .pdp-link a {
        font-size: 1em;
        text-decoration: none; }
        @media (max-width: 1023.98px) {
          .product-tile .tile-body .pdp-link a {
            font-size: 0.9375em; } }
        @media (max-width: 768.98px) {
          .product-tile .tile-body .pdp-link a {
            font-size: 0.8125em; } }
    .product-tile .tile-body .ratings {
      font-size: 0.9em; }
  .product-tile .image-container {
    position: relative;
    overflow: auto; }
    .product-tile .image-container .quickview {
      position: absolute;
      bottom: 1rem;
      right: 1rem; }
      .product-tile .image-container .quickview i.fa-expand {
        color: rgba(0, 0, 0, 0.7); }
      .product-tile .image-container .quickview i.fa-circle {
        color: rgba(255, 255, 255, 0.7);
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
    .product-tile .image-container a {
      display: block; }
      .product-tile .image-container a .tile-image {
        width: 100%; }
  .product-tile .swatches a {
    text-decoration: none; }
  .product-tile .swatch-circle {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 1.8em;
    height: 1.8em;
    background: #fff;
    border-radius: 0.9em;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-right: 0.313em;
    position: relative; }
    .product-tile .swatch-circle.color-value[data-selected=true]::after {
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      left: 0.295em;
      position: absolute; }
    .product-tile .swatch-circle.color-value.selected::after {
      background: #fff;
      border-radius: 50%;
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      height: 0.75em;
      left: 0.31em;
      line-height: 0.8em;
      position: absolute;
      top: 0.35em;
      width: 0.8em; }
    .product-tile .swatch-circle i.fa-times-circle {
      background: #fff;
      border-radius: 50%;
      height: 0.75em;
      line-height: 0.8em;
      width: 0.8em; }

#chooseBonusProductModal .modal-footer .container, #chooseBonusProductModal .modal-footer .promo.banner .text.overlay, .promo.banner #chooseBonusProductModal .modal-footer .text.overlay {
  margin-left: 0;
  width: 100%;
  margin-right: 0; }

#chooseBonusProductModal .select-cbp-container {
  margin-top: auto;
  margin-bottom: auto; }

#chooseBonusProductModal .product-name-wrapper {
  width: 100%; }

#chooseBonusProductModal .bonus-quantity,
#chooseBonusProductModal .bonus-option {
  margin-top: 0.938em; }

#chooseBonusProductModal .bonus-quantity-select {
  min-width: 5em; }

#chooseBonusProductModal .select-bonus-product {
  margin-top: 1em; }

#chooseBonusProductModal .selected-pid {
  border: 1px solid #cfcfcf; }
  #chooseBonusProductModal .selected-pid .bonus-product-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

#chooseBonusProductModal .bonus-product-price {
  text-align: center;
  margin-top: 1em; }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #cfcfcf; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.primary-images {
  display: block; }
  @media (max-width: 768.98px) {
    .primary-images {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 1024px) {
    .primary-images {
      display: flex;
      align-items: flex-start;
      flex-wrap: nowrap; } }
  .primary-images .carousel .carousel-img {
    display: none; }
  .primary-images .carousel.slick-initialized .carousel-img {
    display: block; }
  .primary-images .main-carousel-container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%; }
    @media (min-width: 1024px) {
      .primary-images .main-carousel-container {
        overflow: hidden;
        max-width: 49rem;
        margin-left: 1.5rem;
        order: 2; } }
    .primary-images .main-carousel-container .carousel {
      width: 100%; }
      @media (min-width: 769px) {
        .primary-images .main-carousel-container .carousel {
          overflow: visible;
          width: calc(100% - 6rem);
          margin-bottom: 0; } }
    .primary-images .main-carousel-container .zoom-container {
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      display: block;
      transition: opacity 0.2s ease;
      background-color: #f5f5f5; }
      .primary-images .main-carousel-container .zoom-container img {
        width: auto;
        height: auto; }
    .primary-images .main-carousel-container .slick-prev {
      left: -2.625rem; }
    .primary-images .main-carousel-container .slick-next {
      right: -2.625rem; }
    .primary-images .main-carousel-container .slick-dots li {
      margin: 0; }
    .primary-images .main-carousel-container .veil {
      opacity: 0;
      transition: opacity 0.2s ease; }
    @media (min-width: 769px) {
      .primary-images .main-carousel-container.zoom-active .zoom-container {
        opacity: 1; }
      .primary-images .main-carousel-container.zoom-active.loading-zoom .zoom-container {
        opacity: 0; }
      .primary-images .main-carousel-container.zoom-active .veil {
        opacity: 1; } }
  .primary-images .thumbnail-carousel-container {
    padding: 0;
    width: 80%;
    margin: 1rem auto; }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container {
        display: block;
        width: 7.5rem;
        order: 1;
        margin: 0; } }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container .slick-list {
        height: auto !important; } }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container .slick-slide {
        min-width: 6.25rem; } }
    .primary-images .thumbnail-carousel-container .slick-slide img {
      cursor: pointer;
      padding: 0 0.3125rem;
      display: block;
      opacity: 0.3;
      transition: opacity 0.2s ease; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-slide img {
          margin-bottom: 0.625rem; } }
      .primary-images .thumbnail-carousel-container .slick-slide img.active-main-slide {
        cursor: default;
        opacity: 1; }
      .primary-images .thumbnail-carousel-container .slick-slide img:hover {
        opacity: 1; }
    .primary-images .thumbnail-carousel-container .slick-prev,
    .primary-images .thumbnail-carousel-container .slick-next {
      height: 2rem;
      width: 2rem; }
      .primary-images .thumbnail-carousel-container .slick-prev:before,
      .primary-images .thumbnail-carousel-container .slick-next:before {
        font-size: 1.5rem; }
    .primary-images .thumbnail-carousel-container .slick-prev {
      left: -2.375rem; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-prev {
          left: 50%;
          top: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-prev:before {
            left: 0.125rem;
            top: -1px; } }
    .primary-images .thumbnail-carousel-container .slick-next {
      right: -2.375rem; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-next {
          left: 50%;
          top: unset;
          bottom: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-next:before {
            right: 1px;
            top: -1px; } }

@media (min-width: 544px) {
  .add-to-basket-alert {
    display: none; } }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0070d2;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0070d2;
  border-radius: 0.69em;
  background-color: #0070d2;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #008827;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #008827;
  border-radius: 0.69em;
  background-color: #008827;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #cfcfcf; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.quick-view-dialog,
.choose-bonus-product-dialog {
  max-width: 56.25em; }
  .quick-view-dialog .selectable-bonus-product-line-item,
  .choose-bonus-product-dialog .selectable-bonus-product-line-item {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    padding-top: 0.3em;
    padding-bottom: 0.3em; }
  .quick-view-dialog .beenSelected,
  .choose-bonus-product-dialog .beenSelected {
    background-color: #e4e4e4; }
  .quick-view-dialog .modal-header,
  .choose-bonus-product-dialog .modal-header {
    background-color: #e4e4e4;
    border-bottom: 2px solid #ccc;
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0.1875rem; }
    .quick-view-dialog .modal-header .full-pdp-link,
    .choose-bonus-product-dialog .modal-header .full-pdp-link {
      color: var(--skin-primary-color-1); }
    .quick-view-dialog .modal-header .close,
    .choose-bonus-product-dialog .modal-header .close {
      font-size: 2rem;
      line-height: 1.5rem; }
  .quick-view-dialog .modal-title,
  .choose-bonus-product-dialog .modal-title {
    font-size: 1em; }
  .quick-view-dialog .product-name,
  .choose-bonus-product-dialog .product-name {
    font-size: 1.875em; }
  .quick-view-dialog .swatch-circle,
  .choose-bonus-product-dialog .swatch-circle {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: #fff;
    border-radius: 1.25em;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-right: 0.313em;
    position: relative; }
    .quick-view-dialog .swatch-circle.color-value[data-selected=true]::after,
    .choose-bonus-product-dialog .swatch-circle.color-value[data-selected=true]::after {
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      left: 0.295em;
      position: absolute; }
    .quick-view-dialog .swatch-circle.color-value.selected::after,
    .choose-bonus-product-dialog .swatch-circle.color-value.selected::after {
      background: #fff;
      border-radius: 50%;
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      height: 0.75em;
      left: 0.31em;
      line-height: 0.8em;
      position: absolute;
      top: 0.35em;
      width: 0.8em; }
    .quick-view-dialog .swatch-circle i.fa-times-circle,
    .choose-bonus-product-dialog .swatch-circle i.fa-times-circle {
      background: #fff;
      border-radius: 50%;
      height: 0.75em;
      line-height: 0.8em;
      width: 0.8em; }
  .quick-view-dialog a[disabled] .swatch-circle,
  .choose-bonus-product-dialog a[disabled] .swatch-circle {
    cursor: not-allowed; }
    .quick-view-dialog a[disabled] .swatch-circle.color-value.selected::after,
    .choose-bonus-product-dialog a[disabled] .swatch-circle.color-value.selected::after {
      background-color: #495057; }
  .quick-view-dialog .availablity-container,
  .choose-bonus-product-dialog .availablity-container {
    text-align: right; }
  .quick-view-dialog .availablity-container,
  .quick-view-dialog .size-chart,
  .choose-bonus-product-dialog .availablity-container,
  .choose-bonus-product-dialog .size-chart {
    margin-top: 0.938em; }
  .quick-view-dialog .modal-content,
  .choose-bonus-product-dialog .modal-content {
    border: 1px solid rgba(0, 0, 0, 0.2); }
  .quick-view-dialog .modal-body,
  .choose-bonus-product-dialog .modal-body {
    max-height: 28.125em;
    /* 450/16 */
    overflow-y: auto; }
  .quick-view-dialog button.close,
  .choose-bonus-product-dialog button.close {
    font-size: 1.25em; }
  .quick-view-dialog .modal-footer,
  .choose-bonus-product-dialog .modal-footer {
    background-color: #fff;
    border: none;
    border-bottom-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem; }
    .quick-view-dialog .modal-footer .prices .price,
    .choose-bonus-product-dialog .modal-footer .prices .price {
      font-size: 1.6em; }
  .quick-view-dialog .prices .sales,
  .choose-bonus-product-dialog .prices .sales {
    font-size: 1.5rem; }
  .quick-view-dialog .promotions,
  .choose-bonus-product-dialog .promotions {
    text-align: left;
    color: #bd0000; }
  @media (max-width: 768.98px) {
    .quick-view-dialog .bonus-summary,
    .choose-bonus-product-dialog .bonus-summary {
      font-size: 0.625em; } }
  @media (max-width: 768.98px) {
    .quick-view-dialog .bonus-summary .bonus-product-name,
    .choose-bonus-product-dialog .bonus-summary .bonus-product-name {
      padding: 0; } }
  .quick-view-dialog .pre-cart-products,
  .choose-bonus-product-dialog .pre-cart-products {
    margin-right: 0.125em; }
  .quick-view-dialog .color-attribute,
  .choose-bonus-product-dialog .color-attribute {
    border: none;
    padding: 0;
    background: none; }
  .quick-view-dialog .non-input-label,
  .choose-bonus-product-dialog .non-input-label {
    display: block;
    margin-bottom: 0.5rem; }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #cfcfcf; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.primary-images {
  display: block; }
  @media (max-width: 768.98px) {
    .primary-images {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 1024px) {
    .primary-images {
      display: flex;
      align-items: flex-start;
      flex-wrap: nowrap; } }
  .primary-images .carousel .carousel-img {
    display: none; }
  .primary-images .carousel.slick-initialized .carousel-img {
    display: block; }
  .primary-images .main-carousel-container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%; }
    @media (min-width: 1024px) {
      .primary-images .main-carousel-container {
        overflow: hidden;
        max-width: 49rem;
        margin-left: 1.5rem;
        order: 2; } }
    .primary-images .main-carousel-container .carousel {
      width: 100%; }
      @media (min-width: 769px) {
        .primary-images .main-carousel-container .carousel {
          overflow: visible;
          width: calc(100% - 6rem);
          margin-bottom: 0; } }
    .primary-images .main-carousel-container .zoom-container {
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      display: block;
      transition: opacity 0.2s ease;
      background-color: #f5f5f5; }
      .primary-images .main-carousel-container .zoom-container img {
        width: auto;
        height: auto; }
    .primary-images .main-carousel-container .slick-prev {
      left: -2.625rem; }
    .primary-images .main-carousel-container .slick-next {
      right: -2.625rem; }
    .primary-images .main-carousel-container .slick-dots li {
      margin: 0; }
    .primary-images .main-carousel-container .veil {
      opacity: 0;
      transition: opacity 0.2s ease; }
    @media (min-width: 769px) {
      .primary-images .main-carousel-container.zoom-active .zoom-container {
        opacity: 1; }
      .primary-images .main-carousel-container.zoom-active.loading-zoom .zoom-container {
        opacity: 0; }
      .primary-images .main-carousel-container.zoom-active .veil {
        opacity: 1; } }
  .primary-images .thumbnail-carousel-container {
    padding: 0;
    width: 80%;
    margin: 1rem auto; }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container {
        display: block;
        width: 7.5rem;
        order: 1;
        margin: 0; } }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container .slick-list {
        height: auto !important; } }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container .slick-slide {
        min-width: 6.25rem; } }
    .primary-images .thumbnail-carousel-container .slick-slide img {
      cursor: pointer;
      padding: 0 0.3125rem;
      display: block;
      opacity: 0.3;
      transition: opacity 0.2s ease; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-slide img {
          margin-bottom: 0.625rem; } }
      .primary-images .thumbnail-carousel-container .slick-slide img.active-main-slide {
        cursor: default;
        opacity: 1; }
      .primary-images .thumbnail-carousel-container .slick-slide img:hover {
        opacity: 1; }
    .primary-images .thumbnail-carousel-container .slick-prev,
    .primary-images .thumbnail-carousel-container .slick-next {
      height: 2rem;
      width: 2rem; }
      .primary-images .thumbnail-carousel-container .slick-prev:before,
      .primary-images .thumbnail-carousel-container .slick-next:before {
        font-size: 1.5rem; }
    .primary-images .thumbnail-carousel-container .slick-prev {
      left: -2.375rem; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-prev {
          left: 50%;
          top: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-prev:before {
            left: 0.125rem;
            top: -1px; } }
    .primary-images .thumbnail-carousel-container .slick-next {
      right: -2.375rem; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-next {
          left: 50%;
          top: unset;
          bottom: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-next:before {
            right: 1px;
            top: -1px; } }

@media (min-width: 544px) {
  .add-to-basket-alert {
    display: none; } }

.quick-view-dialog .modal-body,
.choose-bonus-product-dialog .modal-body {
  max-height: 30em; }

.product-tile .tile-body {
  padding: 0.625em 0;
  text-align: center; }

.product-tile .tile-body-footer {
  text-align: center;
  justify-content: center; }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #cfcfcf; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.primary-images {
  display: block; }
  @media (max-width: 768.98px) {
    .primary-images {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 1024px) {
    .primary-images {
      display: flex;
      align-items: flex-start;
      flex-wrap: nowrap; } }
  .primary-images .carousel .carousel-img {
    display: none; }
  .primary-images .carousel.slick-initialized .carousel-img {
    display: block; }
  .primary-images .main-carousel-container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%; }
    @media (min-width: 1024px) {
      .primary-images .main-carousel-container {
        overflow: hidden;
        max-width: 49rem;
        margin-left: 1.5rem;
        order: 2; } }
    .primary-images .main-carousel-container .carousel {
      width: 100%; }
      @media (min-width: 769px) {
        .primary-images .main-carousel-container .carousel {
          overflow: visible;
          width: calc(100% - 6rem);
          margin-bottom: 0; } }
    .primary-images .main-carousel-container .zoom-container {
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      display: block;
      transition: opacity 0.2s ease;
      background-color: #f5f5f5; }
      .primary-images .main-carousel-container .zoom-container img {
        width: auto;
        height: auto; }
    .primary-images .main-carousel-container .slick-prev {
      left: -2.625rem; }
    .primary-images .main-carousel-container .slick-next {
      right: -2.625rem; }
    .primary-images .main-carousel-container .slick-dots li {
      margin: 0; }
    .primary-images .main-carousel-container .veil {
      opacity: 0;
      transition: opacity 0.2s ease; }
    @media (min-width: 769px) {
      .primary-images .main-carousel-container.zoom-active .zoom-container {
        opacity: 1; }
      .primary-images .main-carousel-container.zoom-active.loading-zoom .zoom-container {
        opacity: 0; }
      .primary-images .main-carousel-container.zoom-active .veil {
        opacity: 1; } }
  .primary-images .thumbnail-carousel-container {
    padding: 0;
    width: 80%;
    margin: 1rem auto; }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container {
        display: block;
        width: 7.5rem;
        order: 1;
        margin: 0; } }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container .slick-list {
        height: auto !important; } }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container .slick-slide {
        min-width: 6.25rem; } }
    .primary-images .thumbnail-carousel-container .slick-slide img {
      cursor: pointer;
      padding: 0 0.3125rem;
      display: block;
      opacity: 0.3;
      transition: opacity 0.2s ease; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-slide img {
          margin-bottom: 0.625rem; } }
      .primary-images .thumbnail-carousel-container .slick-slide img.active-main-slide {
        cursor: default;
        opacity: 1; }
      .primary-images .thumbnail-carousel-container .slick-slide img:hover {
        opacity: 1; }
    .primary-images .thumbnail-carousel-container .slick-prev,
    .primary-images .thumbnail-carousel-container .slick-next {
      height: 2rem;
      width: 2rem; }
      .primary-images .thumbnail-carousel-container .slick-prev:before,
      .primary-images .thumbnail-carousel-container .slick-next:before {
        font-size: 1.5rem; }
    .primary-images .thumbnail-carousel-container .slick-prev {
      left: -2.375rem; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-prev {
          left: 50%;
          top: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-prev:before {
            left: 0.125rem;
            top: -1px; } }
    .primary-images .thumbnail-carousel-container .slick-next {
      right: -2.375rem; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-next {
          left: 50%;
          top: unset;
          bottom: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-next:before {
            right: 1px;
            top: -1px; } }

@media (min-width: 544px) {
  .add-to-basket-alert {
    display: none; } }

.container.product-detail.product-wrapper, .promo.banner .product-detail.product-wrapper.text.overlay {
  margin-top: 1rem;
  margin-bottom: 0; }
  @media (min-width: 769px) {
    .container.product-detail.product-wrapper, .promo.banner .product-detail.product-wrapper.text.overlay {
      margin-top: 2em;
      margin-bottom: 2em; } }

.product-detail .primary-images {
  display: block;
  margin-bottom: 1.5rem; }
  @media (min-width: 544px) {
    .product-detail .primary-images {
      margin-bottom: 0; } }
  .product-detail .primary-images .slick-slider .slick-track {
    display: flex;
    align-items: center; }
  @media (min-width: 1024px) {
    .product-detail .primary-images .main-carousel-container {
      margin-left: 0; } }
  @media (min-width: 769px) and (max-width: 1023.98px) {
    .product-detail .primary-images .main-carousel-container .carousel {
      width: 100%; } }
  @media (min-width: 1024px) {
    .product-detail .primary-images .main-carousel-container .slick-prev:before,
    .product-detail .primary-images .main-carousel-container .slick-next:before {
      font-size: 1.625rem; } }
  .product-detail .primary-images .main-carousel-container .slick-prev {
    left: 0.5rem; }
    @media (min-width: 1024px) {
      .product-detail .primary-images .main-carousel-container .slick-prev {
        left: -2.375rem; } }
  .product-detail .primary-images .main-carousel-container .slick-next {
    right: 0.5rem; }
    @media (min-width: 1024px) {
      .product-detail .primary-images .main-carousel-container .slick-next {
        right: -2.375rem; } }
  .product-detail .primary-images .thumbnail-carousel-container {
    width: 85%;
    max-width: 23.125rem;
    margin: 0 auto; }
    @media (min-width: 1024px) {
      .product-detail .primary-images .thumbnail-carousel-container {
        width: 100%; } }
    .product-detail .primary-images .thumbnail-carousel-container .carousel {
      width: 100%;
      margin: 1.5625rem auto; }
    .product-detail .primary-images .thumbnail-carousel-container .slick-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: auto;
      padding: 0 0.3125rem; }
      .product-detail .primary-images .thumbnail-carousel-container .slick-slide img {
        opacity: 1;
        margin: 0;
        padding: 0;
        font-size: 0; }
    .product-detail .primary-images .thumbnail-carousel-container .slick-prev,
    .product-detail .primary-images .thumbnail-carousel-container .slick-next {
      left: unset;
      bottom: unset;
      top: 50%;
      transform: rotate(0deg) translateY(-50%); }
      .product-detail .primary-images .thumbnail-carousel-container .slick-prev:before,
      .product-detail .primary-images .thumbnail-carousel-container .slick-next:before {
        font-size: 1.625rem; }
    .product-detail .primary-images .thumbnail-carousel-container .slick-prev {
      left: -0.75rem; }
      @media (min-width: 1024px) {
        .product-detail .primary-images .thumbnail-carousel-container .slick-prev {
          left: -2.375rem; } }
    .product-detail .primary-images .thumbnail-carousel-container .slick-next {
      right: -0.75rem; }
      @media (min-width: 1024px) {
        .product-detail .primary-images .thumbnail-carousel-container .slick-next {
          right: -2.375rem; } }
    .product-detail .primary-images .thumbnail-carousel-container .prod-thumb {
      display: block !important;
      padding: 0.1875rem;
      margin: 0; }
      .product-detail .primary-images .thumbnail-carousel-container .prod-thumb .carousel-img {
        margin: 0; }
    .product-detail .primary-images .thumbnail-carousel-container .slick-current .prod-thumb {
      border: 0.1875rem solid var(--skin-primary-color); }

.product-video-thumb {
  position: relative; }
  .product-video-thumb::before {
    display: block;
    content: '';
    height: 3.75rem;
    width: 3.75rem;
    background-color: var(--color-black);
    opacity: 0.5;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1; }
  .product-video-thumb::after {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1rem;
    width: 1.5rem;
    margin: 1px 0 0 0.125rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 1.25rem;
    content: '\F04B';
    color: var(--color-primary);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    -webkit-text-stroke: 0.125rem var(--color-white); }

div.cart-and-ipay {
  justify-content: center;
  padding-bottom: 0.625rem; }
  div.cart-and-ipay .pdp-checkout-button {
    padding: 0 15px; }
    div.cart-and-ipay .pdp-checkout-button .add-to-cart {
      padding: 0.75rem 1.25rem; }
    div.cart-and-ipay .pdp-checkout-button .add-to-cart-global {
      padding: 0.75rem 1.25rem; }
  div.cart-and-ipay .pdp-apple-pay-button {
    padding: 0 1.5em 0 0; }

.prices-add-to-cart-actions .channel-sight .btn {
  margin-bottom: 0.625rem;
  width: 100%; }

.prices-add-to-cart-actions .channel-sight:first-of-type .btn {
  margin-top: 0.625rem; }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0070d2;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0070d2;
  border-radius: 0.69em;
  background-color: #0070d2;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #008827;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #008827;
  border-radius: 0.69em;
  background-color: #008827;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #cfcfcf; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.quick-view-dialog,
.choose-bonus-product-dialog {
  max-width: 56.25em; }
  .quick-view-dialog .selectable-bonus-product-line-item,
  .choose-bonus-product-dialog .selectable-bonus-product-line-item {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    padding-top: 0.3em;
    padding-bottom: 0.3em; }
  .quick-view-dialog .beenSelected,
  .choose-bonus-product-dialog .beenSelected {
    background-color: #e4e4e4; }
  .quick-view-dialog .modal-header,
  .choose-bonus-product-dialog .modal-header {
    background-color: #e4e4e4;
    border-bottom: 2px solid #ccc;
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0.1875rem; }
    .quick-view-dialog .modal-header .full-pdp-link,
    .choose-bonus-product-dialog .modal-header .full-pdp-link {
      color: var(--skin-primary-color-1); }
    .quick-view-dialog .modal-header .close,
    .choose-bonus-product-dialog .modal-header .close {
      font-size: 2rem;
      line-height: 1.5rem; }
  .quick-view-dialog .modal-title,
  .choose-bonus-product-dialog .modal-title {
    font-size: 1em; }
  .quick-view-dialog .product-name,
  .choose-bonus-product-dialog .product-name {
    font-size: 1.875em; }
  .quick-view-dialog .swatch-circle,
  .choose-bonus-product-dialog .swatch-circle {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: #fff;
    border-radius: 1.25em;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-right: 0.313em;
    position: relative; }
    .quick-view-dialog .swatch-circle.color-value[data-selected=true]::after,
    .choose-bonus-product-dialog .swatch-circle.color-value[data-selected=true]::after {
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      left: 0.295em;
      position: absolute; }
    .quick-view-dialog .swatch-circle.color-value.selected::after,
    .choose-bonus-product-dialog .swatch-circle.color-value.selected::after {
      background: #fff;
      border-radius: 50%;
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      height: 0.75em;
      left: 0.31em;
      line-height: 0.8em;
      position: absolute;
      top: 0.35em;
      width: 0.8em; }
    .quick-view-dialog .swatch-circle i.fa-times-circle,
    .choose-bonus-product-dialog .swatch-circle i.fa-times-circle {
      background: #fff;
      border-radius: 50%;
      height: 0.75em;
      line-height: 0.8em;
      width: 0.8em; }
  .quick-view-dialog a[disabled] .swatch-circle,
  .choose-bonus-product-dialog a[disabled] .swatch-circle {
    cursor: not-allowed; }
    .quick-view-dialog a[disabled] .swatch-circle.color-value.selected::after,
    .choose-bonus-product-dialog a[disabled] .swatch-circle.color-value.selected::after {
      background-color: #495057; }
  .quick-view-dialog .availablity-container,
  .choose-bonus-product-dialog .availablity-container {
    text-align: right; }
  .quick-view-dialog .availablity-container,
  .quick-view-dialog .size-chart,
  .choose-bonus-product-dialog .availablity-container,
  .choose-bonus-product-dialog .size-chart {
    margin-top: 0.938em; }
  .quick-view-dialog .modal-content,
  .choose-bonus-product-dialog .modal-content {
    border: 1px solid rgba(0, 0, 0, 0.2); }
  .quick-view-dialog .modal-body,
  .choose-bonus-product-dialog .modal-body {
    max-height: 28.125em;
    /* 450/16 */
    overflow-y: auto; }
  .quick-view-dialog button.close,
  .choose-bonus-product-dialog button.close {
    font-size: 1.25em; }
  .quick-view-dialog .modal-footer,
  .choose-bonus-product-dialog .modal-footer {
    background-color: #fff;
    border: none;
    border-bottom-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem; }
    .quick-view-dialog .modal-footer .prices .price,
    .choose-bonus-product-dialog .modal-footer .prices .price {
      font-size: 1.6em; }
  .quick-view-dialog .prices .sales,
  .choose-bonus-product-dialog .prices .sales {
    font-size: 1.5rem; }
  .quick-view-dialog .promotions,
  .choose-bonus-product-dialog .promotions {
    text-align: left;
    color: #bd0000; }
  @media (max-width: 768.98px) {
    .quick-view-dialog .bonus-summary,
    .choose-bonus-product-dialog .bonus-summary {
      font-size: 0.625em; } }
  @media (max-width: 768.98px) {
    .quick-view-dialog .bonus-summary .bonus-product-name,
    .choose-bonus-product-dialog .bonus-summary .bonus-product-name {
      padding: 0; } }
  .quick-view-dialog .pre-cart-products,
  .choose-bonus-product-dialog .pre-cart-products {
    margin-right: 0.125em; }
  .quick-view-dialog .color-attribute,
  .choose-bonus-product-dialog .color-attribute {
    border: none;
    padding: 0;
    background: none; }
  .quick-view-dialog .non-input-label,
  .choose-bonus-product-dialog .non-input-label {
    display: block;
    margin-bottom: 0.5rem; }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #cfcfcf; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.primary-images {
  display: block; }
  @media (max-width: 768.98px) {
    .primary-images {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 1024px) {
    .primary-images {
      display: flex;
      align-items: flex-start;
      flex-wrap: nowrap; } }
  .primary-images .carousel .carousel-img {
    display: none; }
  .primary-images .carousel.slick-initialized .carousel-img {
    display: block; }
  .primary-images .main-carousel-container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%; }
    @media (min-width: 1024px) {
      .primary-images .main-carousel-container {
        overflow: hidden;
        max-width: 49rem;
        margin-left: 1.5rem;
        order: 2; } }
    .primary-images .main-carousel-container .carousel {
      width: 100%; }
      @media (min-width: 769px) {
        .primary-images .main-carousel-container .carousel {
          overflow: visible;
          width: calc(100% - 6rem);
          margin-bottom: 0; } }
    .primary-images .main-carousel-container .zoom-container {
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      display: block;
      transition: opacity 0.2s ease;
      background-color: #f5f5f5; }
      .primary-images .main-carousel-container .zoom-container img {
        width: auto;
        height: auto; }
    .primary-images .main-carousel-container .slick-prev {
      left: -2.625rem; }
    .primary-images .main-carousel-container .slick-next {
      right: -2.625rem; }
    .primary-images .main-carousel-container .slick-dots li {
      margin: 0; }
    .primary-images .main-carousel-container .veil {
      opacity: 0;
      transition: opacity 0.2s ease; }
    @media (min-width: 769px) {
      .primary-images .main-carousel-container.zoom-active .zoom-container {
        opacity: 1; }
      .primary-images .main-carousel-container.zoom-active.loading-zoom .zoom-container {
        opacity: 0; }
      .primary-images .main-carousel-container.zoom-active .veil {
        opacity: 1; } }
  .primary-images .thumbnail-carousel-container {
    padding: 0;
    width: 80%;
    margin: 1rem auto; }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container {
        display: block;
        width: 7.5rem;
        order: 1;
        margin: 0; } }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container .slick-list {
        height: auto !important; } }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container .slick-slide {
        min-width: 6.25rem; } }
    .primary-images .thumbnail-carousel-container .slick-slide img {
      cursor: pointer;
      padding: 0 0.3125rem;
      display: block;
      opacity: 0.3;
      transition: opacity 0.2s ease; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-slide img {
          margin-bottom: 0.625rem; } }
      .primary-images .thumbnail-carousel-container .slick-slide img.active-main-slide {
        cursor: default;
        opacity: 1; }
      .primary-images .thumbnail-carousel-container .slick-slide img:hover {
        opacity: 1; }
    .primary-images .thumbnail-carousel-container .slick-prev,
    .primary-images .thumbnail-carousel-container .slick-next {
      height: 2rem;
      width: 2rem; }
      .primary-images .thumbnail-carousel-container .slick-prev:before,
      .primary-images .thumbnail-carousel-container .slick-next:before {
        font-size: 1.5rem; }
    .primary-images .thumbnail-carousel-container .slick-prev {
      left: -2.375rem; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-prev {
          left: 50%;
          top: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-prev:before {
            left: 0.125rem;
            top: -1px; } }
    .primary-images .thumbnail-carousel-container .slick-next {
      right: -2.375rem; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-next {
          left: 50%;
          top: unset;
          bottom: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-next:before {
            right: 1px;
            top: -1px; } }

@media (min-width: 544px) {
  .add-to-basket-alert {
    display: none; } }

.quick-view-dialog .modal-body,
.choose-bonus-product-dialog .modal-body {
  max-height: 30em; }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #cfcfcf; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.primary-images {
  display: block; }
  @media (max-width: 768.98px) {
    .primary-images {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 1024px) {
    .primary-images {
      display: flex;
      align-items: flex-start;
      flex-wrap: nowrap; } }
  .primary-images .carousel .carousel-img {
    display: none; }
  .primary-images .carousel.slick-initialized .carousel-img {
    display: block; }
  .primary-images .main-carousel-container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%; }
    @media (min-width: 1024px) {
      .primary-images .main-carousel-container {
        overflow: hidden;
        max-width: 49rem;
        margin-left: 1.5rem;
        order: 2; } }
    .primary-images .main-carousel-container .carousel {
      width: 100%; }
      @media (min-width: 769px) {
        .primary-images .main-carousel-container .carousel {
          overflow: visible;
          width: calc(100% - 6rem);
          margin-bottom: 0; } }
    .primary-images .main-carousel-container .zoom-container {
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      display: block;
      transition: opacity 0.2s ease;
      background-color: #f5f5f5; }
      .primary-images .main-carousel-container .zoom-container img {
        width: auto;
        height: auto; }
    .primary-images .main-carousel-container .slick-prev {
      left: -2.625rem; }
    .primary-images .main-carousel-container .slick-next {
      right: -2.625rem; }
    .primary-images .main-carousel-container .slick-dots li {
      margin: 0; }
    .primary-images .main-carousel-container .veil {
      opacity: 0;
      transition: opacity 0.2s ease; }
    @media (min-width: 769px) {
      .primary-images .main-carousel-container.zoom-active .zoom-container {
        opacity: 1; }
      .primary-images .main-carousel-container.zoom-active.loading-zoom .zoom-container {
        opacity: 0; }
      .primary-images .main-carousel-container.zoom-active .veil {
        opacity: 1; } }
  .primary-images .thumbnail-carousel-container {
    padding: 0;
    width: 80%;
    margin: 1rem auto; }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container {
        display: block;
        width: 7.5rem;
        order: 1;
        margin: 0; } }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container .slick-list {
        height: auto !important; } }
    @media (min-width: 1024px) {
      .primary-images .thumbnail-carousel-container .slick-slide {
        min-width: 6.25rem; } }
    .primary-images .thumbnail-carousel-container .slick-slide img {
      cursor: pointer;
      padding: 0 0.3125rem;
      display: block;
      opacity: 0.3;
      transition: opacity 0.2s ease; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-slide img {
          margin-bottom: 0.625rem; } }
      .primary-images .thumbnail-carousel-container .slick-slide img.active-main-slide {
        cursor: default;
        opacity: 1; }
      .primary-images .thumbnail-carousel-container .slick-slide img:hover {
        opacity: 1; }
    .primary-images .thumbnail-carousel-container .slick-prev,
    .primary-images .thumbnail-carousel-container .slick-next {
      height: 2rem;
      width: 2rem; }
      .primary-images .thumbnail-carousel-container .slick-prev:before,
      .primary-images .thumbnail-carousel-container .slick-next:before {
        font-size: 1.5rem; }
    .primary-images .thumbnail-carousel-container .slick-prev {
      left: -2.375rem; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-prev {
          left: 50%;
          top: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-prev:before {
            left: 0.125rem;
            top: -1px; } }
    .primary-images .thumbnail-carousel-container .slick-next {
      right: -2.375rem; }
      @media (min-width: 1024px) {
        .primary-images .thumbnail-carousel-container .slick-next {
          left: 50%;
          top: unset;
          bottom: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-next:before {
            right: 1px;
            top: -1px; } }

@media (min-width: 544px) {
  .add-to-basket-alert {
    display: none; } }

.container.product-detail.product-wrapper, .promo.banner .product-detail.product-wrapper.text.overlay {
  margin-top: 1rem;
  margin-bottom: 0; }
  @media (min-width: 769px) {
    .container.product-detail.product-wrapper, .promo.banner .product-detail.product-wrapper.text.overlay {
      margin-top: 2em;
      margin-bottom: 2em; } }

.product-detail .primary-images {
  display: block;
  margin-bottom: 1.5rem; }
  @media (min-width: 544px) {
    .product-detail .primary-images {
      margin-bottom: 0; } }
  .product-detail .primary-images .slick-slider .slick-track {
    display: flex;
    align-items: center; }
  @media (min-width: 1024px) {
    .product-detail .primary-images .main-carousel-container {
      margin-left: 0; } }
  @media (min-width: 769px) and (max-width: 1023.98px) {
    .product-detail .primary-images .main-carousel-container .carousel {
      width: 100%; } }
  @media (min-width: 1024px) {
    .product-detail .primary-images .main-carousel-container .slick-prev:before,
    .product-detail .primary-images .main-carousel-container .slick-next:before {
      font-size: 1.625rem; } }
  .product-detail .primary-images .main-carousel-container .slick-prev {
    left: 0.5rem; }
    @media (min-width: 1024px) {
      .product-detail .primary-images .main-carousel-container .slick-prev {
        left: -2.375rem; } }
  .product-detail .primary-images .main-carousel-container .slick-next {
    right: 0.5rem; }
    @media (min-width: 1024px) {
      .product-detail .primary-images .main-carousel-container .slick-next {
        right: -2.375rem; } }
  .product-detail .primary-images .thumbnail-carousel-container {
    width: 85%;
    max-width: 23.125rem;
    margin: 0 auto; }
    @media (min-width: 1024px) {
      .product-detail .primary-images .thumbnail-carousel-container {
        width: 100%; } }
    .product-detail .primary-images .thumbnail-carousel-container .carousel {
      width: 100%;
      margin: 1.5625rem auto; }
    .product-detail .primary-images .thumbnail-carousel-container .slick-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: auto;
      padding: 0 0.3125rem; }
      .product-detail .primary-images .thumbnail-carousel-container .slick-slide img {
        opacity: 1;
        margin: 0;
        padding: 0;
        font-size: 0; }
    .product-detail .primary-images .thumbnail-carousel-container .slick-prev,
    .product-detail .primary-images .thumbnail-carousel-container .slick-next {
      left: unset;
      bottom: unset;
      top: 50%;
      transform: rotate(0deg) translateY(-50%); }
      .product-detail .primary-images .thumbnail-carousel-container .slick-prev:before,
      .product-detail .primary-images .thumbnail-carousel-container .slick-next:before {
        font-size: 1.625rem; }
    .product-detail .primary-images .thumbnail-carousel-container .slick-prev {
      left: -0.75rem; }
      @media (min-width: 1024px) {
        .product-detail .primary-images .thumbnail-carousel-container .slick-prev {
          left: -2.375rem; } }
    .product-detail .primary-images .thumbnail-carousel-container .slick-next {
      right: -0.75rem; }
      @media (min-width: 1024px) {
        .product-detail .primary-images .thumbnail-carousel-container .slick-next {
          right: -2.375rem; } }
    .product-detail .primary-images .thumbnail-carousel-container .prod-thumb {
      display: block !important;
      padding: 0.1875rem;
      margin: 0; }
      .product-detail .primary-images .thumbnail-carousel-container .prod-thumb .carousel-img {
        margin: 0; }
    .product-detail .primary-images .thumbnail-carousel-container .slick-current .prod-thumb {
      border: 0.1875rem solid var(--skin-primary-color); }

.product-video-thumb {
  position: relative; }
  .product-video-thumb::before {
    display: block;
    content: '';
    height: 3.75rem;
    width: 3.75rem;
    background-color: var(--color-black);
    opacity: 0.5;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1; }
  .product-video-thumb::after {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1rem;
    width: 1.5rem;
    margin: 1px 0 0 0.125rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 1.25rem;
    content: '\F04B';
    color: var(--color-primary);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    -webkit-text-stroke: 0.125rem var(--color-white); }

div.cart-and-ipay {
  justify-content: center;
  padding-bottom: 0.625rem; }
  div.cart-and-ipay .pdp-checkout-button {
    padding: 0 15px; }
    div.cart-and-ipay .pdp-checkout-button .add-to-cart {
      padding: 0.75rem 1.25rem; }
    div.cart-and-ipay .pdp-checkout-button .add-to-cart-global {
      padding: 0.75rem 1.25rem; }
  div.cart-and-ipay .pdp-apple-pay-button {
    padding: 0 1.5em 0 0; }

.prices-add-to-cart-actions .channel-sight .btn {
  margin-bottom: 0.625rem;
  width: 100%; }

.prices-add-to-cart-actions .channel-sight:first-of-type .btn {
  margin-top: 0.625rem; }

.quick-view-dialog .primary-images .thumbnail-carousel-container,
.choose-bonus-product-dialog .primary-images .thumbnail-carousel-container {
  width: 85%; }

.quick-view-dialog .product-name,
.choose-bonus-product-dialog .product-name {
  line-height: 1.2; }

.quick-view-dialog .price-atc,
.choose-bonus-product-dialog .price-atc {
  display: flex;
  white-space: nowrap;
  justify-content: space-between; }

.quick-view-dialog .price > span,
.choose-bonus-product-dialog .price > span {
  display: flex;
  flex-direction: column; }
  @media (min-width: 544px) {
    .quick-view-dialog .price > span,
    .choose-bonus-product-dialog .price > span {
      display: block; } }

.quick-view-dialog .price .strike-through,
.choose-bonus-product-dialog .price .strike-through {
  font-size: 1rem;
  margin-left: 0.625rem; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #bd0000;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-orange: #fe5000;
  --color-dark-orange: #eb4800;
  --color-darker-orange: #d24200;
  --color-abbey: #4c5055;
  --color-dune: #2d2926;
  --color-primary: #fe5000;
  --color-secondary: #4c5055;
  --color-accent: #fff;
  --color-red: #bd0000;
  --color-success: var(--color-orange);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey3);
  --color-dark-gray: var(--color-grey4);
  --color-darker-gray: var(--color-grey5);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey5);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-font-family-1: Muli;
  --skin-font-family-2: HelveticaNeue;
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-abbey);
  --skin-main-text-color-2: var(--color-abbey);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-darker-orange);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Muli;
  --skin-header-font-2: HelveticaNeue;
  --skin-body-font: HelveticaNeue;
  --skin-promo-color: var($primary);
  --skin-font-weight-light: 300;
  --skin-font-weight-normal: 400;
  --skin-font-weight-bold: 700;
  --skin-font-weight-extra-bold: 800;
  --skin-font-weight-black: 900; }

.product-tile {
  position: relative;
  border-width: 0;
  margin: 0;
  padding: 1.875rem 1.25rem 0; }
  @media (max-width: 768px) {
    .product-tile .tile-mobileImg {
      margin-right: 10px; } }
  .product-tile .image-container {
    margin: 0 0 1.125rem;
    padding: 0 1.5625rem;
    min-height: 11.25rem; }
  .product-tile .tile-badge {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0); }
    .product-tile .tile-badge img {
      display: block;
      max-width: none; }
  .product-tile .tile-body {
    margin: 0;
    padding: 0; }
    .product-tile .tile-body .pdp-link {
      text-align: left;
      margin: 0.625rem 0 0;
      height: 4.375rem;
      overflow: hidden; }
      .product-tile .tile-body .pdp-link .link {
        font-family: "HelveticaNeue";
        font-weight: 700;
        font-size: 1.125rem !important;
        line-height: 1.5rem;
        color: var(--color-black) !important; }
    .product-tile .tile-body .color-swatches {
      min-height: 0; }
    .product-tile .tile-body .price {
      font-size: 1.25rem;
      line-height: 1.5rem; }
      .product-tile .tile-body .price.starting {
        flex-direction: column;
        padding-bottom: 0; }
      .product-tile .tile-body .price > span {
        display: flex;
        align-items: baseline; }
        .product-tile .tile-body .price > span del {
          order: 2;
          margin: 0 0 0 1rem;
          font-size: 1rem;
          line-height: 1.5rem;
          color: var(--color-dark-gray); }
  .product-tile .tile-description {
    text-align: left;
    font-family: "HelveticaNeue";
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.125rem;
    color: var(--color-abbey);
    margin: 0.375rem 0 0.5rem;
    height: 2.25rem;
    overflow: hidden; }
  .product-tile .tile-body-footer {
    text-align: left; }
    .product-tile .tile-body-footer .ratings {
      margin: 0 0 0.625rem; }
      .product-tile .tile-body-footer .ratings .pr-snippet-rating-decimal {
        display: none; }
      .product-tile .tile-body-footer .ratings .pr-category-snippet__total {
        display: none; }
  .product-tile .swatches {
    display: flex; }
  .product-tile .tile-price {
    margin: 0 -1.25rem 0;
    border-top: 0.0625rem solid var(--color-grey2);
    text-align: left; }
    .product-tile .tile-price .price {
      padding: 0.75rem 1.25rem; }
      .product-tile .tile-price .price .strike-through {
        font-size: 1rem;
        line-height: 1;
        margin-left: 1.25rem; }
    .product-tile .tile-price .tile-nonpurchasable {
      padding: 0.5rem 1.25rem 0.375rem; }
  .product-tile .tile-nonpurchasable {
    font-family: "Muli";
    font-weight: 800; }
    .product-tile .tile-nonpurchasable .nonpurchasable-message {
      font-size: 0.625rem;
      line-height: 1;
      color: var(--color-abbey);
      text-transform: uppercase; }
    .product-tile .tile-nonpurchasable a {
      font-size: 1.125rem;
      line-height: 1.5rem;
      text-decoration: none;
      color: var(--color-primary); }
  .product-tile .p-w-r {
    margin: 0; }
    .product-tile .p-w-r .pr-category-snippet {
      margin: 0; }
    .product-tile .p-w-r .pr-snippet-rating-decimal,
    .product-tile .p-w-r .pr-category-snippet__total.pr-category-snippet__item {
      display: none; }

.product .product-tile .image-container {
  display: none; }

.product .product-tile .tile-body .tile-body-mobile .tile-mobileImg .image-container {
  display: block; }

.product .product-tile .tile-nonpurchasable {
  display: block; }

.product .product-tile .tile-footer-container {
  display: block; }

.product .product-tile .product-comparison-only {
  display: none; }

.product .product-tile .add-to-cart-url {
  display: block; }

.product .product-tile .add-to-cart-global {
  display: block;
  width: 50%; }

.product .product-tile .price {
  width: 50%; }

.product .product-tile .buy-now {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.5rem; }

.product .product-tile .tile-price .not-available-online {
  padding: 1.5rem 1.25rem !important; }

.product .product-tile .tile-price .tile-addToCart {
  padding: 0.75rem 1.25rem;
  text-transform: capitalize; }

#lastchance .experience-component .filter-bar {
  margin-left: 0;
  margin-top: 10px; }

#lastchance .experience-component .grid-tile-wrapper {
  border: 1px solid #CFCFCF;
  border-radius: 5px;
  overflow: hidden; }

#lastchance .experience-component .tile-footer-container {
  display: block; }

#lastchance .experience-component .tile-addToCart .price {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }
  #lastchance .experience-component .tile-addToCart .price .strike-through {
    display: none; }

#lastchance .experience-component .tile-addToCart .add-to-cart-global {
  display: block; }

#lastchance .experience-component .result-count {
  background-color: #fff; }

.experience-component .grid-tile-wrapper {
  border: 1px solid #cfcfcf;
  border-radius: 5px; }

.experience-component .product .product-tile {
  border-radius: 5px; }
  .experience-component .product .product-tile .image-container {
    display: block; }
  .experience-component .product .product-tile .tile-body .tile-body-mobile .tile-mobileImg .image-container {
    display: block; }
  .experience-component .product .product-tile .tile-nonpurchasable {
    display: none; }
  .experience-component .product .product-tile .product-comparison-only {
    display: none; }
  .experience-component .product .product-tile .add-to-cart-url {
    display: none; }
  .experience-component .product .product-tile .tile-price .not-available-online {
    padding: 1.5rem 1.25rem !important; }
  .experience-component .product .product-tile .tile-price .tile-addToCart {
    padding: 0.75rem 1.25rem;
    text-transform: capitalize; }

#promo-wk35-2022 .product:hover {
  box-shadow: var(--skin-box-shadow);
  border-radius: 5px !important;
  overflow: hidden; }

#promo-wk35-2022 .experience-component .product .product-tile .image-container {
  display: block; }

#lastchance .experience-component .grid-tile-wrapper {
  border: 1px solid #CFCFCF;
  border-radius: 5px;
  overflow: hidden; }

#lastchance .experience-component .tile-body .price {
  width: 50%; }
  #lastchance .experience-component .tile-body .price > span {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto; }
  #lastchance .experience-component .tile-body .price .strike-through {
    display: none; }

#lastchance .experience-component .tile-body .add-to-cart-global {
  display: block; }

.page.is-microsite .experience-component .product .product-tile .add-to-cart-global {
  display: none; }

.page.is-microsite .experience-component .product .product-tile .image-container {
  display: block; }

.page.is-microsite .experience-component .product .product-tile .tile-footer-container {
  display: none; }

.experience-component:not(.experience-dynamic-productList) .product-tile .pr-category-snippet__total {
  display: block !important;
  font-size: 12px;
  color: #4C5055;
  font-family: "HelveticaNeue";
  font-weight: 300; }

.experience-component:not(.experience-dynamic-productList) .product-tile .tile-price .tile-addToCart {
  display: flex;
  justify-content: center;
  padding: 0 20px;
  color: #4c5055;
  text-transform: uppercase;
  font-family: 'Muli';
  font-weight: 800;
  font-size: 16px;
  padding-right: 0 !important;
  padding-left: 0 !important; }
  .experience-component:not(.experience-dynamic-productList) .product-tile .tile-price .tile-addToCart .price {
    border: 2px solid #FE5000;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-sizing: border-box; }
    .experience-component:not(.experience-dynamic-productList) .product-tile .tile-price .tile-addToCart .price > span {
      justify-content: center; }
  .experience-component:not(.experience-dynamic-productList) .product-tile .tile-price .tile-addToCart .add-to-cart-global {
    height: -moz-fit-content;
    height: fit-content;
    padding: 0.75rem 1rem;
    letter-spacing: 0px;
    color: #FFFFFF !important;
    font-weight: 800;
    background-color: #FE5000;
    border: 2px solid #FE5000;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    white-space: nowrap; }

.experience-component:not(.experience-dynamic-productList) .product-tile .tile-price .tile-nonpurchasable {
  display: flex;
  justify-content: center;
  padding-bottom: 10px; }

.experience-component:not(.experience-dynamic-productList) .product-tile .tile-footer-container {
  padding-bottom: 10px; }
  .experience-component:not(.experience-dynamic-productList) .product-tile .tile-footer-container .tile-footer {
    display: flex;
    justify-content: space-between !important; }
    .experience-component:not(.experience-dynamic-productList) .product-tile .tile-footer-container .tile-footer .viewDetails {
      letter-spacing: 0px;
      color: #000000 !important;
      text-decoration: underline;
      cursor: pointer;
      font-size: 16px !important;
      font-weight: 400; }
    .experience-component:not(.experience-dynamic-productList) .product-tile .tile-footer-container .tile-footer .compareCheckBox label {
      color: #000000 !important;
      text-decoration: underline;
      font-size: 16px !important;
      font-weight: 400; }

.form-nav .nav-tabs .nav-link {
  color: #333; }

.form-nav .nav-tabs .nav-link.active,
.form-nav .nav-tabs .nav-link.active:focus,
.form-nav .nav-tabs .nav-link.active:hover {
  background-color: #fff;
  color: #333; }

.nav-tabs .nav-link.active {
  background-color: transparent; }

@media (min-width: 1024px) {
  .form-nav .nav-item > .nav-link {
    color: #333; } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.container .breadcrumb, .promo.banner .text.overlay .breadcrumb {
  border-radius: 0;
  border-bottom: 1px solid #cfcfcf; }

.breadcrumb {
  font-family: "Muli";
  font-weight: 800;
  font-size: 0.875rem;
  text-transform: uppercase; }

.breadcrumb {
  padding-left: 0;
  padding-right: 0; }

.veil {
  position: absolute;
  z-index: 100;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .veil .underlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-color: #000; }

.spinner {
  width: 80px;
  height: 80px;
  text-align: center;
  animation: sk-rotate 2s infinite linear;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px; }

.dot1,
.dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-bounce 2s infinite ease-in-out; }

.dot2 {
  top: auto;
  bottom: 0;
  animation-delay: -1s; }

@keyframes sk-rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0); }
  50% {
    transform: scale(1); } }

.dot1,
.dot2 {
  background-color: var(--skin-primary-color-1); }

.lazyload,
.lazyloading {
  filter: blur(0.2rem);
  opacity: 0.3; }

.lazyloaded {
  opacity: 1;
  filter: blur(0);
  transition: all 0.4s ease-out; }

.add-to-wishlist-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-wishlist-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-wishlist-alert.show {
    display: block; }

.wishlistTile i.fa-heart-o {
  color: rgba(0, 0, 0, 0.7); }

.wishlistTile i.fa-circle {
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }

.wishlistTile span.fa-stack {
  position: absolute;
  top: 8px;
  right: 16px; }

.wishlistTile .fa-heart {
  color: black; }

.item-attributes {
  vertical-align: top;
  padding-left: 0; }

.line-item-attributes,
.line-item-option {
  font-size: 0.813rem;
  margin: 0; }

.line-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #4c5055;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0.313em; }

.line-item-pricing-info {
  margin-bottom: 0; }
  .line-item-pricing-info + .price {
    font-size: 1em;
    font-weight: bolder; }
  .line-item-pricing-info + .unit-price .price {
    font-size: 1em;
    font-weight: bolder; }

.line-item-price-quantity-info {
  margin-top: 0.625em;
  border-top: 1px solid #cfcfcf; }

.line-item-total-text {
  font-size: 0.813em; }

.pricing {
  font-size: 1em;
  font-weight: bolder; }

.item-image {
  height: 5.625em;
  width: 5.625em;
  margin-right: 0.938em;
  flex-grow: 0;
  flex-shrink: 0; }
  .item-image img.product-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    max-height: 5.625em; }

.non-adjusted-price {
  display: none; }

.line-item-promo {
  color: #fe5000;
  font-size: 0.813em; }

.line-item-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.bundled-line-item + .bundled-line-item {
  margin-top: 0.625em; }

.bundle-includes {
  font-size: 0.813em;
  margin-bottom: 0.625em; }

.line-item-divider {
  margin: 0.625em -1.225em 0.625em -1.325em; }

.line-dotted {
  border-top: 0.063em dashed #ccc; }

.line-item-availability {
  font-size: 0.813rem; }

.product-line-item-details {
  overflow-y: auto; }

.minicart {
  position: relative; }
  .minicart h1 {
    font-size: 1rem; }
  .minicart .cart {
    padding-top: 0.625em;
    padding-bottom: 0.625em;
    background-color: #f5f5f5; }
  .minicart .remove-btn {
    color: #cfcfcf;
    float: right;
    background-color: white;
    border: none;
    font-size: 1.625em;
    margin-top: -0.313em;
    padding: 0; }
  .minicart .product-summary {
    margin-right: -0.938em;
    max-height: 21.875em;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.938em; }
  .minicart .card-body {
    padding: 0.625em; }
  .minicart .quantity-label {
    font-size: 0.813em; }
  .minicart .quantity {
    width: 100%; }
  .minicart .popover {
    top: 100%;
    left: auto;
    right: 0;
    min-width: 23.44rem;
    max-width: 23.44rem;
    min-height: 22.7rem;
    display: none; }
    .minicart .popover::before {
      left: auto;
      right: 15px; }
    .minicart .popover::after {
      left: auto;
      right: 16px; }
    .minicart .popover.show {
      display: block; }
  .minicart .minicart-footer {
    border-top: 1px solid #cfcfcf; }
  .minicart .estimated-total {
    margin-top: 0.625em; }
  .minicart .sub-total-label {
    font-size: 1em;
    font-weight: 600; }
  .minicart .sub-total {
    font-size: 1em;
    font-weight: 600; }
  .minicart .line-item-divider {
    margin: 0.625em -0.625em 0.625em -1.325em; }
  .minicart .line-item-name {
    width: 90%; }

@media (min-width: 544px) and (max-width: 768.98px) {
  .hide-link-med {
    display: none; } }

@media (min-width: 769px) {
  .hide-no-link {
    display: none; } }

@media (max-width: 543.98px) {
  .hide-no-link {
    display: none; } }

.item-attributes {
  vertical-align: top;
  padding-left: 0; }

.line-item-attributes,
.line-item-option {
  font-size: 0.813rem;
  margin: 0; }

.line-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #4c5055;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0.313em; }

.line-item-pricing-info {
  margin-bottom: 0; }
  .line-item-pricing-info + .price {
    font-size: 1em;
    font-weight: bolder; }
  .line-item-pricing-info + .unit-price .price {
    font-size: 1em;
    font-weight: bolder; }

.line-item-price-quantity-info {
  margin-top: 0.625em;
  border-top: 1px solid #cfcfcf; }

.line-item-total-text {
  font-size: 0.813em; }

.pricing {
  font-size: 1em;
  font-weight: bolder; }

.item-image {
  height: 5.625em;
  width: 5.625em;
  margin-right: 0.938em;
  flex-grow: 0;
  flex-shrink: 0; }
  .item-image img.product-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    max-height: 5.625em; }

.non-adjusted-price {
  display: none; }

.line-item-promo {
  color: #fe5000;
  font-size: 0.813em; }

.line-item-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.bundled-line-item + .bundled-line-item {
  margin-top: 0.625em; }

.bundle-includes {
  font-size: 0.813em;
  margin-bottom: 0.625em; }

.line-item-divider {
  margin: 0.625em -1.225em 0.625em -1.325em; }

.line-dotted {
  border-top: 0.063em dashed #ccc; }

.line-item-availability {
  font-size: 0.813rem; }

.product-line-item-details {
  overflow-y: auto; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.minicart {
  display: flex;
  align-items: center;
  margin: 0 -15px 0 0;
  height: 100%;
  padding: 0 0.9375rem; }
  .minicart .minicart-link {
    display: flex;
    align-items: center; }
  .minicart .minicart-icon {
    font-size: 1rem; }
  .minicart .minicart-quantity {
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
    margin-left: 0.25rem; }
  .minicart.mobile {
    padding: 0;
    margin: 0 0 0 1rem;
    height: 1.875rem; }
    .minicart.mobile .minicart-icon {
      font-size: 1.375rem; }
    .minicart.mobile .minicart-quantity {
      font-size: 1.125rem; }
  .minicart .cart {
    color: var(--skin-main-text-color-1); }
    .minicart .cart .normal {
      color: var(--skin-main-text-color-1); }

.item-attributes {
  vertical-align: top;
  padding-left: 0; }

.line-item-attributes,
.line-item-option {
  font-size: 0.813rem;
  margin: 0; }

.line-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #222;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0.313em; }

.line-item-pricing-info {
  margin-bottom: 0; }
  .line-item-pricing-info + .price {
    font-size: 1em;
    font-weight: bolder; }
  .line-item-pricing-info + .unit-price .price {
    font-size: 1em;
    font-weight: bolder; }

.line-item-price-quantity-info {
  margin-top: 0.625em;
  border-top: 1px solid #ccc; }

.line-item-total-text {
  font-size: 0.813em; }

.pricing {
  font-size: 1em;
  font-weight: bolder; }

.item-image {
  height: 5.625em;
  width: 5.625em;
  margin-right: 0.938em;
  flex-grow: 0;
  flex-shrink: 0; }
  .item-image img.product-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    max-height: 5.625em; }

.non-adjusted-price {
  display: none; }

.line-item-promo {
  color: #008827;
  font-size: 0.813em; }

.line-item-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.bundled-line-item + .bundled-line-item {
  margin-top: 0.625em; }

.bundle-includes {
  font-size: 0.813em;
  margin-bottom: 0.625em; }

.line-item-divider {
  margin: 0.625em -1.225em 0.625em -1.325em; }

.line-dotted {
  border-top: 0.063em dashed #ccc; }

.line-item-availability {
  font-size: 0.813rem; }

.product-line-item-details {
  overflow-y: auto; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.line-item-promo {
  color: #fe5000;
  font-size: 0.813em; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #bd0000;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-orange: #fe5000;
  --color-dark-orange: #eb4800;
  --color-darker-orange: #d24200;
  --color-abbey: #4c5055;
  --color-dune: #2d2926;
  --color-primary: #fe5000;
  --color-secondary: #4c5055;
  --color-accent: #fff;
  --color-red: #bd0000;
  --color-success: var(--color-orange);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey3);
  --color-dark-gray: var(--color-grey4);
  --color-darker-gray: var(--color-grey5);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey5);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-font-family-1: Muli;
  --skin-font-family-2: HelveticaNeue;
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-abbey);
  --skin-main-text-color-2: var(--color-abbey);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-darker-orange);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Muli;
  --skin-header-font-2: HelveticaNeue;
  --skin-body-font: HelveticaNeue;
  --skin-promo-color: var($primary);
  --skin-font-weight-light: 300;
  --skin-font-weight-normal: 400;
  --skin-font-weight-bold: 700;
  --skin-font-weight-extra-bold: 800;
  --skin-font-weight-black: 900; }

body,
.card,
.card-header,
.hero {
  background-color: var(--skin-background-color-1);
  font-family: var(--skin-body-font);
  color: var(--skin-main-text-color-1); }

.hero {
  border-bottom-color: var(--skin-background-color-1); }

.main-menu {
  background-color: var(--skin-banner-background-color-1); }

.banner-color {
  background-color: var(--skin-banner-background-color-1); }

.header-banner {
  background-color: var(--skin-banner-background-color-2);
  color: var(--skin-banner-text-color-1); }

.header-banner .close-button .close {
  background-color: var(--skin-primary-color-1); }

h1.header.page-title,
h1.header.page-title::before {
  background-color: var(--skin-heading-color-1);
  color: var(--skin-heading-color-1-invert); }

.product-tile {
  background-color: var(--skin-background-color-1);
  border: 10px solid var(--skin-border-color-1); }

.refinements ul li button {
  color: var(--skin-primary-color-1); }

.custom-select {
  background-color: var(--skin-selectbox-background-color-1);
  color: var(--skin-selectbox-text-color-1); }

a {
  color: var(--skin-primary-color-1); }

header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary), header ~ #maincontent .promo.banner .text.overlay a:not(.btn-primary):not(.btn-outline-primary), .promo.banner header ~ #maincontent .text.overlay a:not(.btn-primary):not(.btn-outline-primary) {
  color: var(--skin-primary-color-1); }

.price {
  color: var(--skin-price-1); }

.navbar,
.navbar .nav-item,
.navbar .nav-item a,
.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown a,
.dropdown-menu,
.dropdown-menu a {
  color: var(--skin-menu-color-1); }
  @media (min-width: 769px) {
    .navbar,
    .navbar .nav-item,
    .navbar .nav-item a,
    .navbar .nav-item.dropdown,
    .navbar .nav-item.dropdown a,
    .dropdown-menu,
    .dropdown-menu a {
      color: var(--skin-menu-color-1-invert); } }

.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown .dropdown-menu.show {
  color: var(--skin-selectbox-text-color-1); }

.navbar .nav-item.dropdown .dropdown-menu.show {
  background-color: var(--skin-selectbox-background-color-1); }
  .navbar .nav-item.dropdown .dropdown-menu.show a,
  .navbar .nav-item.dropdown .dropdown-menu.show .nav-item {
    color: var(--skin-selectbox-text-color-1); }

.nav-item .nav-link:hover,
.nav-item .nav-link:focus,
.nav-item.show .nav-link {
  background-color: var(--skin-menu-color-1-invert);
  color: var(--skin-menu-color-1) !important; }

.btn-primary {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  color: var(--skin-primary-color-invert-1); }

.btn-primary:hover {
  color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  background-color: var(--skin-primary-color-invert-1); }

.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color);
  color: var(--skin-primary-color-invert-1);
  opacity: 0.5; }

.btn-outline-primary {
  color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1); }

.btn-outline-primary:hover {
  color: var(--skin-primary-color-invert-1);
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1); }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--skin-header-font), sans-serif; }

a {
  color: var(--skin-link-color-1); }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #c00;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f9f9f9;
  --color-grey2: #eee;
  --color-grey3: #ccc;
  --color-grey4: #999;
  --color-grey5: #666;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #1782c5;
  --color-secondary: #484848;
  --color-accent: #249be5;
  --color-red: #c00;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f9f9f9;
  --color-grey2: #eee;
  --color-grey3: #ccc;
  --color-grey4: #999;
  --color-grey5: #666;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-grey7);
  --skin-main-text-color-2: var(--color-grey7);
  --skin-menu-color-1: var(--color-white);
  --skin-menu-color-1-invert: var(--color-accent);
  --skin-menu-color-2: var(--color-secondary);
  --skin-link-color-1: var(--color-secondary);
  --skin-link-color-2: var(--color-primary);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Source Sans Pro, sans-serif;
  --skin-body-font: Source Sans Pro, sans-serif;
  --skin-promo-color: var(--color-light-green);
  --skin-bg-accent: var(--color-grey2);
  --skin-bg-dark: var(--color-secondary); }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.highlight {
  background-color: var(--skin-bg-accent);
  padding: 2rem; }
  @media (min-width: 992px) {
    .highlight {
      padding: 3rem; } }

.product-tile {
  border-width: 0; }

.btn-primary {
  background-color: var(--skin-primary-color);
  border-color: var(--skin-primary-color);
  color: var(--color-white); }
  .btn-primary:hover {
    color: var(--color-white);
    border-color: var(--skin-primary-color-invert);
    background-color: var(--skin-primary-color-invert); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--color-grey1);
    border-color: var(--skin-primary-color);
    color: var(--skin-primary-color);
    opacity: 0.5; }

.btn-outline-primary {
  background-color: var(--color-grey1);
  border-color: var(--skin-primary-color);
  color: var(--skin-primary-color); }
  .btn-outline-primary:hover {
    color: var(--color-white);
    border-color: var(--skin-primary-color-invert);
    background-color: var(--skin-primary-color-invert); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    opacity: 0.5; }
    .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
      background-color: var(--color-grey1);
      border-color: var(--skin-primary-color);
      color: var(--skin-primary-color); }

h1, h2, h3, h4, h5, h6 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400; }

h1.header.page-title,
h1.header.page-title::before {
  background-color: transparent;
  color: var(--color-black); }
  .homepage h1.header.page-title, .homepage
  h1.header.page-title::before {
    background-color: var(--skin-heading-color-1);
    color: var(--skin-heading-color-1-invert); }

h2 {
  font-family: "Playfair Display", serif;
  font-weight: 400; }

h3 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-size: 1.25rem; }
  @media (min-width: 769px) {
    h3 {
      font-size: 1.5rem; } }

a {
  color: var(--skin-link-color-1); }

.navbar,
.navbar .nav-item,
.navbar .nav-item a,
.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown a,
.dropdown-menu,
.dropdown-menu a {
  color: var(--skin-menu-color-2); }
  @media (min-width: 769px) {
    .navbar,
    .navbar .nav-item,
    .navbar .nav-item a,
    .navbar .nav-item.dropdown,
    .navbar .nav-item.dropdown a,
    .dropdown-menu,
    .dropdown-menu a {
      color: var(--skin-menu-color-1); } }

header.accel .navbar-header {
  color: var(--color-white);
  background-color: var(--skin-secondary-color); }
  header.accel .navbar-header a {
    color: var(--color-white); }
  header.accel .navbar-header .user .popover {
    background-color: var(--color-grey2); }
    header.accel .navbar-header .user .popover a {
      color: var(--skin-secondary-color); }
  header.accel .navbar-header .country-selector .btn {
    color: var(--color-white); }
  header.accel .navbar-header .country-selector a {
    color: var(--skin-secondary-color); }
  header.accel .navbar-header .dropdown-country-selector {
    background-color: var(--color-grey2); }

header.accel .minicart {
  background-color: transparent; }
  @media (min-width: 992px) {
    header.accel .minicart {
      background-color: var(--color-primary); } }
  header.accel .minicart .minicart-quantity {
    color: var(--skin-secondary-color); }
    @media (min-width: 992px) {
      header.accel .minicart .minicart-quantity {
        color: var(--color-white); } }

@media (min-width: 992px) {
  header.accel .main-menu {
    background-color: transparent; } }

header.accel .header-main {
  background-color: var(--color-grey1); }

header.accel .navbar,
header.accel .navbar .nav-item,
header.accel .navbar .nav-item a,
header.accel .navbar .nav-item.dropdown,
header.accel .navbar .nav-item.dropdown a,
header.accel .dropdown-menu,
header.accel .dropdown-menu a {
  color: var(--skin-menu-color-2); }
  @media (min-width: 992px) {
    header.accel .navbar,
    header.accel .navbar .nav-item,
    header.accel .navbar .nav-item a,
    header.accel .navbar .nav-item.dropdown,
    header.accel .navbar .nav-item.dropdown a,
    header.accel .dropdown-menu,
    header.accel .dropdown-menu a {
      color: var(--skin-menu-color-2); } }

header.accel .nav-item .nav-link {
  background-color: transparent;
  color: var(--skin-secondary-color); }
  @media (min-width: 992px) {
    header.accel .nav-item .nav-link {
      border-bottom: 0.3125rem solid transparent;
      border-top: 0.3125rem solid transparent; } }

header.accel .nav-item .nav-link:hover,
header.accel .nav-item .nav-link:focus,
header.accel .nav-item.show .nav-link {
  background-color: transparent;
  color: var(--skin-menu-color-2) !important; }
  @media (min-width: 992px) {
    header.accel .nav-item .nav-link:hover,
    header.accel .nav-item .nav-link:focus,
    header.accel .nav-item.show .nav-link {
      border-bottom: 0.3125rem solid var(--skin-menu-color-1-invert); } }

@media (min-width: 992px) {
  header.accel .navbar-nav > .dropdown.mega-nav > .dropdown-menu > .dropdown-item > .dropdown-link {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-primary);
    font-size: 0.875rem; } }

footer {
  background-color: var(--skin-accent-color);
  color: var(--color-white); }
  footer h2 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    color: var(--color-white); }
    @media (min-width: 769px) {
      footer h2 {
        color: var(--skin-secondary-color); } }
  footer a {
    color: var(--color-white); }
  footer .store a:hover {
    color: var(--color-white); }
    @media (min-width: 769px) {
      footer .store a:hover {
        color: var(--skin-secondary-color); } }
  footer .container div.collapsible-xs button.title, footer .promo.banner .text.overlay div.collapsible-xs button.title, .promo.banner footer .text.overlay div.collapsible-xs button.title {
    color: var(--color-white); }
    @media (min-width: 769px) {
      footer .container div.collapsible-xs button.title, footer .promo.banner .text.overlay div.collapsible-xs button.title, .promo.banner footer .text.overlay div.collapsible-xs button.title {
        color: var(--skin-secondary-color); } }
  footer .back-to-top i.fa-circle {
    color: var(--color-grey1); }

.refinements .refinement {
  border: 0; }

.refinements ul li button {
  color: var(--skin-secondary-color); }

.refinements ul li.size-attribute button {
  border: 1px solid var(--color-grey5);
  background-color: var(--color-white); }
  .refinements ul li.size-attribute button.selected {
    border: 1px solid var(--skin-secondary-color);
    background-color: var(--skin-secondary-color);
    color: var(--color-white); }

@media (min-width: 769px) {
  .grid-tile-wrapper:hover {
    box-shadow: var(--skin-box-shadow);
    z-index: 2; } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #bd0000;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-orange: #fe5000;
  --color-dark-orange: #eb4800;
  --color-darker-orange: #d24200;
  --color-abbey: #4c5055;
  --color-dune: #2d2926;
  --color-primary: #fe5000;
  --color-secondary: #4c5055;
  --color-accent: #fff;
  --color-red: #bd0000;
  --color-success: var(--color-orange);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey3);
  --color-dark-gray: var(--color-grey4);
  --color-darker-gray: var(--color-grey5);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey5);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-font-family-1: Muli;
  --skin-font-family-2: HelveticaNeue;
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-abbey);
  --skin-main-text-color-2: var(--color-abbey);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-darker-orange);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Muli;
  --skin-header-font-2: HelveticaNeue;
  --skin-body-font: HelveticaNeue;
  --skin-promo-color: var($primary);
  --skin-font-weight-light: 300;
  --skin-font-weight-normal: 400;
  --skin-font-weight-bold: 700;
  --skin-font-weight-extra-bold: 800;
  --skin-font-weight-black: 900; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
h1 {
  font-family: "Muli";
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 3rem;
  text-transform: uppercase; }

h2 {
  font-family: "Muli";
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-transform: uppercase; }

h3 {
  font-family: "HelveticaNeue";
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 1.75rem; }

h4 {
  font-family: "HelveticaNeue";
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.1625rem; }

h5 {
  font-family: "Muli";
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.15625rem;
  text-transform: uppercase; }

.page {
  background-color: var(--color-white); }

.page-heading {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem; }
  @media (min-width: 544px) {
    .page-heading {
      margin-top: 3.75rem;
      margin-bottom: 1.875rem; } }

.page-container {
  margin-bottom: 5rem; }
  .page-container.search-results {
    margin-bottom: 0; }

h1.page-title {
  margin: 0;
  color: var(--color-abbey); }

h1.header.page-title,
h1.header.page-title::before {
  background-color: transparent;
  color: var(--color-black); }
  .homepage h1.header.page-title, .homepage
  h1.header.page-title::before {
    background-color: var(--skin-heading-color-1);
    color: var(--skin-heading-color-1-invert); }

body {
  font-family: var(--skin-body-font);
  font-size: 1rem;
  line-height: 1.5rem; }

a {
  text-decoration: underline; }
  a:hover, a:active {
    text-decoration: none; }
  a:disabled {
    cursor: default; }
  header a,
  footer a {
    text-decoration: none; }

ul.stylized-list {
  list-style-type: none;
  padding-left: 0;
  font-family: "HelveticaNeue";
  font-weight: 300;
  font-size: 1.25rem;
  margin-bottom: 0; }
  @media (min-width: 544px) {
    ul.stylized-list {
      columns: 2;
      -webkit-columns: 2;
      -moz-columns: 2; } }
  ul.stylized-list li {
    position: relative;
    margin-bottom: 0.75rem;
    line-height: 1.75rem;
    padding-left: 1.4375rem; }
    @media (min-width: 544px) {
      ul.stylized-list li {
        width: 90%; } }
    ul.stylized-list li:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0.4375rem;
      display: block;
      width: 0.8125rem;
      height: 0.8125rem;
      background-color: var(--color-white);
      border: 0.3125rem solid var(--skin-primary-color);
      border-radius: 50%; }

.btn {
  border-radius: 0.3125rem;
  border-width: 0.125rem;
  font-family: var(--skin-font-family-2);
  font-weight: var(--skin-font-weight-bold);
  font-size: 1.1875rem;
  line-height: 1.1875rem;
  padding: 0.75rem 1.25rem;
  text-decoration: none;
  text-transform: none; }
  .btn .fa {
    font-size: 89%; }

.btn-primary:not(:disabled):not(.disabled).focus, .btn-primary:not(:disabled):not(.disabled):focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):hover {
  color: var(--color-white);
  border-color: var(--color-darker-orange);
  background-color: var(--color-darker-orange);
  box-shadow: none; }
  .btn-primary:not(:disabled):not(.disabled).focus.grey-button, .btn-primary:not(:disabled):not(.disabled):focus.grey-button, .btn-primary:not(:disabled):not(.disabled):active.grey-button, .btn-primary:not(:disabled):not(.disabled):hover.grey-button {
    background-color: #97999b;
    border-color: #97999b; }

.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  color: var(--skin-primary-color-invert-1);
  opacity: 0.5;
  cursor: default; }
  .btn-primary.disabled.grey-button, .btn-primary:disabled.grey-button {
    background-color: #97999b;
    border-color: #97999b; }

.btn-no-bg {
  font-size: 1rem; }
  .btn-no-bg::after {
    content: '>>';
    font-size: 0.625rem;
    position: relative;
    top: -0.1875rem;
    letter-spacing: 0; }

.btn-back-to-top {
  border-radius: 1.875rem;
  padding-right: 40px;
  position: relative; }

.up_arrow {
  transform: rotate(-90deg);
  width: 20px;
  height: 20px;
  display: inline-block;
  font-size: 3.4375rem;
  position: absolute;
  right: 10px;
  font-weight: 300; }

.btn-outline-primary {
  background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled).focus, .btn-outline-primary:not(:disabled):not(.disabled):focus, .btn-outline-primary:not(:disabled):not(.disabled):hover, .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: var(--color-darker-orange);
    border-color: var(--color-darker-orange);
    background-color: transparent;
    box-shadow: none; }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    cursor: default; }

::-moz-placeholder {
  color: var(--color-slightly-darker-gray); }

::placeholder {
  color: var(--color-slightly-darker-gray); }

:-ms-input-placeholder {
  color: var(--color-slightly-darker-gray); }

::-ms-input-placeholder {
  color: var(--color-slightly-darker-gray); }

.form-group {
  position: relative; }
  .form-group.quantity-form {
    margin-bottom: 0; }
  .form-group .info-icon {
    position: absolute;
    top: 2.5625rem;
    right: 0.5rem; }
    .form-group .info-icon .tooltip {
      background-color: var(--color-abbey);
      padding: 0.5rem 0.5625rem;
      font-size: 1rem;
      line-height: 1.15625rem;
      text-align: left;
      left: unset;
      right: -1.25rem;
      bottom: 2.375rem;
      transform: unset;
      z-index: 1; }
      .form-group .info-icon .tooltip::after {
        left: unset;
        right: 1.25rem; }
    .form-group .info-icon .icon {
      position: relative;
      color: transparent;
      width: 1.25rem;
      height: 1.25rem; }
      .form-group .info-icon .icon::before {
        display: inline;
        font-family: "Font Awesome 5 Free";
        font-size: 0.75rem;
        font-weight: 700;
        line-height: 0.75rem;
        content: '\F129';
        color: var(--color-white);
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .form-group .info-icon ~ .form-control {
      padding-right: 2.5rem; }
    .form-group .info-icon:hover .icon {
      background-color: var(--color-dark-gray); }
  .form-group span {
    display: block;
    text-align: right; }
  .form-group.is-validated::after {
    display: block;
    font-family: "Font Awesome 5 Free";
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-dark-gray);
    background-color: var(--color-white);
    content: '\F058';
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 2.40625rem;
    right: 0.5rem; }
  .form-group.saved-security-code .info-icon {
    right: 1.4375rem; }

.form-control-label {
  color: var(--color-black); }

.form-control {
  color: var(--color-black);
  border-color: var(--color-dark-gray);
  border-radius: 0.3125rem; }
  .form-control:focus {
    border-color: var(--color-dark-gray);
    box-shadow: 0 0 0 0.1875rem var(--color-slightly-darker-gray); }
  .form-control.is-invalid {
    border-width: 0.125rem; }
    .form-control.is-invalid ~ .invalid-feedback {
      font-size: 1rem;
      text-align: right; }
      .form-control.is-invalid ~ .invalid-feedback::after {
        display: block;
        font-family: "Font Awesome 5 Free";
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--color-red);
        background-color: var(--color-white);
        content: '\F057';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        top: 2.40625rem;
        right: 0.5rem;
        pointer-events: none; }
        .card-number-wrapper .form-control.is-invalid ~ .invalid-feedback::after {
          top: 0.4375rem;
          right: 3.75rem; }
        .custom-select-group .form-control.is-invalid ~ .invalid-feedback::after {
          right: 1.5625rem; }
  .card-number-wrapper .form-control {
    padding-right: 5.625rem; }

.card-number-wrapper {
  background-color: transparent; }

.custom-select-group::after {
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 1rem;
  content: '\F0D7';
  color: var(--color-abbey);
  position: absolute;
  height: 0.375rem;
  width: 0.625rem;
  pointer-events: none;
  z-index: 1;
  top: 2.375rem;
  right: 0.625rem; }

.custom-select-group.quantity-form::after {
  top: 1.75rem; }
  .line-item-quantity .custom-select-group.quantity-form::after {
    top: 2rem; }
  .minicart .custom-select-group.quantity-form::after {
    top: 1.75rem; }

.custom-select-group.sort-order-group::after {
  top: 0.4375rem;
  right: 1.875rem; }

.custom-select-group.no-label::after {
  top: 0.375rem; }

.custom-select {
  background: none;
  border-width: 0.125rem; }

.custom-control-label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

.custom-checkbox .custom-control-label::before {
  border: 0.125rem solid var(--color-dune); }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
  color: var(--color-white);
  font-family: "Font Awesome 5 Free";
  content: '\F00C';
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.03125rem; }

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border: 0.125rem solid var(--color-dune);
  box-shadow: 0 0 0 0.1875rem var(--color-slightly-darker-gray); }

.custom-control-input:checked ~ .custom-control-label::before {
  border: 0.125rem solid var(--skin-primary-color-1); }

.custom-control-input:checked:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.1875rem var(--color-slightly-darker-gray); }

.custom-radio .custom-control-label::before {
  border: 0.125rem solid var(--color-dune); }

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  border: 0.125rem solid var(--color-dune);
  background-color: var(--color-white); }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  display: inline-block;
  content: '';
  height: 0.5rem;
  width: 0.5rem;
  background-image: none;
  background-color: var(--color-primary);
  border-radius: 50%;
  position: absolute;
  top: 0.5rem;
  left: -1.25rem; }

@-moz-document url-prefix() {
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    margin-top: -0.0625rem; } }

.price .sales,
.price .range {
  font-family: "Muli";
  font-weight: 800;
  color: var(--skin-primary-color-1); }

.price.starting .starting-msg {
  display: block;
  font-family: "Muli";
  font-weight: 800;
  font-size: 0.625rem;
  line-height: 1.5rem;
  color: var(--color-abbey);
  text-transform: uppercase; }

.price.starting .starting-price {
  display: block;
  font-family: "Muli";
  font-weight: 800;
  color: var(--skin-primary-color-1); }

.price .strike-through {
  font-family: "Muli";
  font-weight: 800;
  color: var(--color-dark-gray); }

.modal-header {
  font-family: "Muli";
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.15625rem;
  text-transform: uppercase;
  color: var(--color-abbey); }
  .modal-header .close:focus {
    outline: 0; }

.nav-tabs .nav-item .nav-link {
  text-decoration: none; }
  .nav-tabs .nav-item .nav-link.show, .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link:focus {
    outline: 0.125rem solid var(--color-slightly-darker-gray);
    color: var(--color-darker-orange) !important; }

.valid-cookie-warning .close {
  height: 100%; }
  .valid-cookie-warning .close:focus, .valid-cookie-warning .close:hover {
    color: var(--color-white); }
  .valid-cookie-warning .close span {
    display: flex;
    height: 1rem;
    line-height: 1rem;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -0.25rem; }

footer {
  background-color: var(--color-abbey); }
  footer h2 {
    color: var(--color-white); }

.bg-img--none {
  background-image: none !important; }

.minicart {
  display: inline-flex;
  align-items: center;
  margin: 0 0 0 1.25rem;
  padding: 0;
  height: auto;
  background-color: transparent !important; }
  @media (max-width: 1023.98px) {
    .minicart {
      margin-left: 0; }
      .minicart .minicart-icon {
        margin-right: 0 !important; } }
  .minicart .minicart-title {
    font-family: "Muli";
    font-weight: 800;
    font-size: 1rem;
    line-height: 1.15625rem;
    text-transform: uppercase;
    margin: 0.5rem 0; }
  .minicart .minicart-view {
    margin: 0.375rem 0; }
  .minicart .minicart-link {
    display: flex;
    align-items: center; }
  .minicart .minicart-total {
    align-items: center; }
    .minicart .minicart-total.hide-link-med {
      display: flex; }
    .minicart .minicart-total.hide-no-link {
      display: none; }
    .minicart .minicart-total .minicart-quantity {
      display: flex;
      width: 1.4375rem;
      height: 1.4375rem;
      justify-content: center;
      align-items: center;
      color: var(--color-white) !important;
      background-color: var(--color-black);
      position: static;
      margin: 0;
      padding: 0;
      border-radius: 50%;
      font-family: "Muli";
      font-weight: 900;
      font-size: 0.875rem;
      line-height: 1.125rem;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none; }
    .minicart .minicart-total .minicart-icon {
      font-size: 1.125rem;
      margin: 0 0.3125rem 0 0;
      color: var(--color-primary); }
      @media (min-width: 769px) {
        .minicart .minicart-total .minicart-icon {
          font-size: 1rem; } }
    .minicart .minicart-total.minicart-empty .minicart-icon {
      font-size: 1.25rem;
      color: var(--color-black); }
      @media (min-width: 769px) {
        .minicart .minicart-total.minicart-empty .minicart-icon {
          font-size: 1rem;
          margin-right: 0; } }
    .minicart .minicart-total.minicart-empty .minicart-quantity {
      display: none; }
  .minicart.mobile {
    padding: 0;
    margin: 0 0 0 1rem;
    height: 1.875rem; }
    .minicart.mobile .minicart-icon {
      font-size: 1.375rem; }
    .minicart.mobile .minicart-quantity {
      font-size: 1.125rem; }
  .minicart .cart {
    color: var(--skin-main-text-color-1);
    background-color: var(--color-white); }
    .minicart .cart .normal {
      display: inline-block;
      color: var(--color-primary);
      margin: 0.5rem 0;
      line-height: 1.125rem; }
  .minicart .minicart-footer {
    margin-bottom: 0.5rem; }

/* 20/16 */
.info-icon {
  position: relative;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  background: inherit; }
  .info-icon .icon {
    border-radius: 1.25rem;
    background-color: var(--skin-primary-color-1);
    width: 1.5625rem;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: 600; }
  .info-icon .tooltip {
    position: absolute;
    bottom: 100%;
    padding: 0.312rem;
    border-radius: 0.1875rem;
    background-color: #444;
    color: #fff;
    font-size: 0.928rem;
    min-width: 20rem;
    max-width: 15rem;
    transform: translate(-50%, -0.625em);
    left: 50%;
    margin-left: 4px;
    animation: fade-in 0.5s linear forwards; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
    .info-icon .tooltip::before {
      content: " ";
      position: absolute;
      display: block;
      height: 1.25em;
      /* 20/16 */
      left: 0;
      bottom: -1.25em;
      width: 100%; }
    .info-icon .tooltip::after {
      border-left: solid transparent 0.625em;
      /* 10/16 */
      border-right: solid transparent 0.625em;
      /* 10/16 */
      border-top: solid #444 0.625em;
      bottom: -0.625em;
      content: " ";
      height: 0;
      left: 50%;
      margin-left: -13px;
      position: absolute;
      width: 0; }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0070d2;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0070d2;
  border-radius: 0.69em;
  background-color: #0070d2;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #008827;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #008827;
  border-radius: 0.69em;
  background-color: #008827;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.site-search {
  position: relative;
  height: 2.5em;
  /* 40/16 */ }
  @media (min-width: 544px) {
    .site-search {
      margin-right: 0.5em;
      /* 20/16 */ } }
  @media (min-width: 1200px) {
    .site-search {
      width: 20em;
      /* 320/16 */ } }
  @media (min-width: 769px) and (max-width: 1023.98px) {
    .site-search {
      width: 14.0625em;
      /* 225/16 */ } }
  @media (min-width: 544px) and (max-width: 768.98px) {
    .site-search {
      width: 12.5em;
      /* 200/16 */ } }
  .site-search .fa-close,
  .site-search .fa-search {
    position: absolute;
    border: none;
    top: 0.5625em;
    /* 9/16 */
    right: 0.5625em;
    /* 9/16 */
    padding: 0;
    background-color: transparent; }
  .site-search .reset-button {
    position: absolute;
    border: none;
    top: 0.5625em;
    /* 9/16 */
    right: 2em;
    /* 32/16 */
    padding: 0;
    background-color: transparent; }
  .site-search input {
    padding-right: 2rem;
    height: 100%; }

@media (max-width: 543.98px) {
  .header-search .site-search {
    display: none; } }

.suggestions-wrapper {
  position: relative; }

.suggestions {
  display: block;
  position: absolute;
  border: 1px solid #cfcfcf;
  background-color: #fff;
  top: 0;
  right: 0;
  width: 21.875rem;
  z-index: 3; }
  @media (max-width: 543.98px) {
    .suggestions {
      display: flex;
      position: fixed;
      width: 100%; } }
  .suggestions .swatch-circle {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: #fff;
    border-radius: 1.25em;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-right: 0.313em;
    position: relative; }
    .suggestions .swatch-circle.color-value[data-selected=true]::after {
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      left: 0.295em;
      position: absolute; }
    .suggestions .swatch-circle.color-value.selected::after {
      background: #fff;
      border-radius: 50%;
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      height: 0.75em;
      left: 0.31em;
      line-height: 0.8em;
      position: absolute;
      top: 0.35em;
      width: 0.8em; }
    .suggestions .swatch-circle i.fa-times-circle {
      background: #fff;
      border-radius: 50%;
      height: 0.75em;
      line-height: 0.8em;
      width: 0.8em; }
  .suggestions .header {
    color: #97999b;
    font-size: 0.875em;
    padding-top: 0.625em; }
    .suggestions .header:not(:first-child) {
      border-top: 1px solid #cfcfcf; }
  .suggestions .items {
    padding: 0.313em 0; }
  .suggestions .item {
    padding-bottom: 0.625em; }
    .suggestions .item .name {
      margin-top: 0.313em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    @media (max-width: 543.98px) {
      .suggestions .item {
        padding-bottom: 0.938em; } }
  .suggestions .category-parent {
    color: #97999b;
    font-size: 0.875em; }
  .suggestions .selected {
    background-color: #e4e4e4; }
  .suggestions .container, .suggestions .promo.banner .text.overlay, .promo.banner .suggestions .text.overlay {
    list-style-type: none; }

.more-below {
  -moz-border-radius: 1.25em;
  background: #cfcfcf;
  border: 0.063em solid rgba(0, 0, 0, 0.1);
  border-radius: 1.25em;
  bottom: 1.875em;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  display: none;
  height: 2.5em;
  position: fixed;
  right: 1.875em;
  width: 2.5em; }
  .more-below i.fa-long-arrow-down {
    border-radius: 50%;
    color: #fff;
    display: table-caption;
    height: 0.75em;
    font-size: 1.5rem;
    left: 0.57em;
    line-height: 0.8em;
    position: absolute;
    top: 0.4em;
    width: 0.8em; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.site-search input {
  padding: 0.375rem 0.75rem;
  padding-left: 2rem; }

.site-search .reset-button {
  right: 1rem; }

.site-search .fa-close,
.site-search .fa-search {
  right: unset;
  left: 0.5625rem; }

@media (max-width: 991.98px) {
  .header-search .site-search {
    display: none; } }

.search-mobile {
  display: none; }
  .search-mobile .site-search {
    height: auto;
    width: 100%; }
    .search-mobile .site-search input {
      padding: 0.625rem 0.75rem;
      padding-left: 2rem; }
    .search-mobile .site-search .fa-close,
    .search-mobile .site-search .fa-search {
      top: 0.8125rem; }

.search-mobile-trigger {
  background: transparent;
  border: 0; }
  .search-mobile-trigger .fa {
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem; }

@media (max-width: 991.98px) {
  .suggestions {
    display: flex;
    position: fixed;
    width: 100%; } }

@media (max-width: 991.98px) {
  .suggestions .item {
    padding-bottom: 0.938em; } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #bd0000;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-orange: #fe5000;
  --color-dark-orange: #eb4800;
  --color-darker-orange: #d24200;
  --color-abbey: #4c5055;
  --color-dune: #2d2926;
  --color-primary: #fe5000;
  --color-secondary: #4c5055;
  --color-accent: #fff;
  --color-red: #bd0000;
  --color-success: var(--color-orange);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey3);
  --color-dark-gray: var(--color-grey4);
  --color-darker-gray: var(--color-grey5);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey5);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-font-family-1: Muli;
  --skin-font-family-2: HelveticaNeue;
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-abbey);
  --skin-main-text-color-2: var(--color-abbey);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-darker-orange);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Muli;
  --skin-header-font-2: HelveticaNeue;
  --skin-body-font: HelveticaNeue;
  --skin-promo-color: var($primary);
  --skin-font-weight-light: 300;
  --skin-font-weight-normal: 400;
  --skin-font-weight-bold: 700;
  --skin-font-weight-extra-bold: 800;
  --skin-font-weight-black: 900; }

body,
.card,
.card-header,
.hero {
  background-color: var(--skin-background-color-1);
  font-family: var(--skin-body-font);
  color: var(--skin-main-text-color-1); }

.hero {
  border-bottom-color: var(--skin-background-color-1); }

.main-menu {
  background-color: var(--skin-banner-background-color-1); }

.banner-color {
  background-color: var(--skin-banner-background-color-1); }

.header-banner {
  background-color: var(--skin-banner-background-color-2);
  color: var(--skin-banner-text-color-1); }

.header-banner .close-button .close {
  background-color: var(--skin-primary-color-1); }

h1.header.page-title,
h1.header.page-title::before {
  background-color: var(--skin-heading-color-1);
  color: var(--skin-heading-color-1-invert); }

.product-tile {
  background-color: var(--skin-background-color-1);
  border: 10px solid var(--skin-border-color-1); }

.refinements ul li button {
  color: var(--skin-primary-color-1); }

.custom-select {
  background-color: var(--skin-selectbox-background-color-1);
  color: var(--skin-selectbox-text-color-1); }

a {
  color: var(--skin-primary-color-1); }

header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary), header ~ #maincontent .promo.banner .text.overlay a:not(.btn-primary):not(.btn-outline-primary), .promo.banner header ~ #maincontent .text.overlay a:not(.btn-primary):not(.btn-outline-primary) {
  color: var(--skin-primary-color-1); }

.price {
  color: var(--skin-price-1); }

.navbar,
.navbar .nav-item,
.navbar .nav-item a,
.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown a,
.dropdown-menu,
.dropdown-menu a {
  color: var(--skin-menu-color-1); }
  @media (min-width: 769px) {
    .navbar,
    .navbar .nav-item,
    .navbar .nav-item a,
    .navbar .nav-item.dropdown,
    .navbar .nav-item.dropdown a,
    .dropdown-menu,
    .dropdown-menu a {
      color: var(--skin-menu-color-1-invert); } }

.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown .dropdown-menu.show {
  color: var(--skin-selectbox-text-color-1); }

.navbar .nav-item.dropdown .dropdown-menu.show {
  background-color: var(--skin-selectbox-background-color-1); }
  .navbar .nav-item.dropdown .dropdown-menu.show a,
  .navbar .nav-item.dropdown .dropdown-menu.show .nav-item {
    color: var(--skin-selectbox-text-color-1); }

.nav-item .nav-link:hover,
.nav-item .nav-link:focus,
.nav-item.show .nav-link {
  background-color: var(--skin-menu-color-1-invert);
  color: var(--skin-menu-color-1) !important; }

.btn-primary {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  color: var(--skin-primary-color-invert-1); }

.btn-primary:hover {
  color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  background-color: var(--skin-primary-color-invert-1); }

.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color);
  color: var(--skin-primary-color-invert-1);
  opacity: 0.5; }

.btn-outline-primary {
  color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1); }

.btn-outline-primary:hover {
  color: var(--skin-primary-color-invert-1);
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1); }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--skin-header-font), sans-serif; }

a {
  color: var(--skin-link-color-1); }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #c00;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f9f9f9;
  --color-grey2: #eee;
  --color-grey3: #ccc;
  --color-grey4: #999;
  --color-grey5: #666;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #1782c5;
  --color-secondary: #484848;
  --color-accent: #249be5;
  --color-red: #c00;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f9f9f9;
  --color-grey2: #eee;
  --color-grey3: #ccc;
  --color-grey4: #999;
  --color-grey5: #666;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-grey7);
  --skin-main-text-color-2: var(--color-grey7);
  --skin-menu-color-1: var(--color-white);
  --skin-menu-color-1-invert: var(--color-accent);
  --skin-menu-color-2: var(--color-secondary);
  --skin-link-color-1: var(--color-secondary);
  --skin-link-color-2: var(--color-primary);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Source Sans Pro, sans-serif;
  --skin-body-font: Source Sans Pro, sans-serif;
  --skin-promo-color: var(--color-light-green);
  --skin-bg-accent: var(--color-grey2);
  --skin-bg-dark: var(--color-secondary); }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.highlight {
  background-color: var(--skin-bg-accent);
  padding: 2rem; }
  @media (min-width: 992px) {
    .highlight {
      padding: 3rem; } }

.product-tile {
  border-width: 0; }

.btn-primary {
  background-color: var(--skin-primary-color);
  border-color: var(--skin-primary-color);
  color: var(--color-white); }
  .btn-primary:hover {
    color: var(--color-white);
    border-color: var(--skin-primary-color-invert);
    background-color: var(--skin-primary-color-invert); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--color-grey1);
    border-color: var(--skin-primary-color);
    color: var(--skin-primary-color);
    opacity: 0.5; }

.btn-outline-primary {
  background-color: var(--color-grey1);
  border-color: var(--skin-primary-color);
  color: var(--skin-primary-color); }
  .btn-outline-primary:hover {
    color: var(--color-white);
    border-color: var(--skin-primary-color-invert);
    background-color: var(--skin-primary-color-invert); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    opacity: 0.5; }
    .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
      background-color: var(--color-grey1);
      border-color: var(--skin-primary-color);
      color: var(--skin-primary-color); }

h1, h2, h3, h4, h5, h6 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400; }

h1.header.page-title,
h1.header.page-title::before {
  background-color: transparent;
  color: var(--color-black); }
  .homepage h1.header.page-title, .homepage
  h1.header.page-title::before {
    background-color: var(--skin-heading-color-1);
    color: var(--skin-heading-color-1-invert); }

h2 {
  font-family: "Playfair Display", serif;
  font-weight: 400; }

h3 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-size: 1.25rem; }
  @media (min-width: 769px) {
    h3 {
      font-size: 1.5rem; } }

a {
  color: var(--skin-link-color-1); }

.navbar,
.navbar .nav-item,
.navbar .nav-item a,
.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown a,
.dropdown-menu,
.dropdown-menu a {
  color: var(--skin-menu-color-2); }
  @media (min-width: 769px) {
    .navbar,
    .navbar .nav-item,
    .navbar .nav-item a,
    .navbar .nav-item.dropdown,
    .navbar .nav-item.dropdown a,
    .dropdown-menu,
    .dropdown-menu a {
      color: var(--skin-menu-color-1); } }

header.accel .navbar-header {
  color: var(--color-white);
  background-color: var(--skin-secondary-color); }
  header.accel .navbar-header a {
    color: var(--color-white); }
  header.accel .navbar-header .user .popover {
    background-color: var(--color-grey2); }
    header.accel .navbar-header .user .popover a {
      color: var(--skin-secondary-color); }
  header.accel .navbar-header .country-selector .btn {
    color: var(--color-white); }
  header.accel .navbar-header .country-selector a {
    color: var(--skin-secondary-color); }
  header.accel .navbar-header .dropdown-country-selector {
    background-color: var(--color-grey2); }

header.accel .minicart {
  background-color: transparent; }
  @media (min-width: 992px) {
    header.accel .minicart {
      background-color: var(--color-primary); } }
  header.accel .minicart .minicart-quantity {
    color: var(--skin-secondary-color); }
    @media (min-width: 992px) {
      header.accel .minicart .minicart-quantity {
        color: var(--color-white); } }

@media (min-width: 992px) {
  header.accel .main-menu {
    background-color: transparent; } }

header.accel .header-main {
  background-color: var(--color-grey1); }

header.accel .navbar,
header.accel .navbar .nav-item,
header.accel .navbar .nav-item a,
header.accel .navbar .nav-item.dropdown,
header.accel .navbar .nav-item.dropdown a,
header.accel .dropdown-menu,
header.accel .dropdown-menu a {
  color: var(--skin-menu-color-2); }
  @media (min-width: 992px) {
    header.accel .navbar,
    header.accel .navbar .nav-item,
    header.accel .navbar .nav-item a,
    header.accel .navbar .nav-item.dropdown,
    header.accel .navbar .nav-item.dropdown a,
    header.accel .dropdown-menu,
    header.accel .dropdown-menu a {
      color: var(--skin-menu-color-2); } }

header.accel .nav-item .nav-link {
  background-color: transparent;
  color: var(--skin-secondary-color); }
  @media (min-width: 992px) {
    header.accel .nav-item .nav-link {
      border-bottom: 0.3125rem solid transparent;
      border-top: 0.3125rem solid transparent; } }

header.accel .nav-item .nav-link:hover,
header.accel .nav-item .nav-link:focus,
header.accel .nav-item.show .nav-link {
  background-color: transparent;
  color: var(--skin-menu-color-2) !important; }
  @media (min-width: 992px) {
    header.accel .nav-item .nav-link:hover,
    header.accel .nav-item .nav-link:focus,
    header.accel .nav-item.show .nav-link {
      border-bottom: 0.3125rem solid var(--skin-menu-color-1-invert); } }

@media (min-width: 992px) {
  header.accel .navbar-nav > .dropdown.mega-nav > .dropdown-menu > .dropdown-item > .dropdown-link {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-primary);
    font-size: 0.875rem; } }

footer {
  background-color: var(--skin-accent-color);
  color: var(--color-white); }
  footer h2 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    color: var(--color-white); }
    @media (min-width: 769px) {
      footer h2 {
        color: var(--skin-secondary-color); } }
  footer a {
    color: var(--color-white); }
  footer .store a:hover {
    color: var(--color-white); }
    @media (min-width: 769px) {
      footer .store a:hover {
        color: var(--skin-secondary-color); } }
  footer .container div.collapsible-xs button.title, footer .promo.banner .text.overlay div.collapsible-xs button.title, .promo.banner footer .text.overlay div.collapsible-xs button.title {
    color: var(--color-white); }
    @media (min-width: 769px) {
      footer .container div.collapsible-xs button.title, footer .promo.banner .text.overlay div.collapsible-xs button.title, .promo.banner footer .text.overlay div.collapsible-xs button.title {
        color: var(--skin-secondary-color); } }
  footer .back-to-top i.fa-circle {
    color: var(--color-grey1); }

.refinements .refinement {
  border: 0; }

.refinements ul li button {
  color: var(--skin-secondary-color); }

.refinements ul li.size-attribute button {
  border: 1px solid var(--color-grey5);
  background-color: var(--color-white); }
  .refinements ul li.size-attribute button.selected {
    border: 1px solid var(--skin-secondary-color);
    background-color: var(--skin-secondary-color);
    color: var(--color-white); }

@media (min-width: 769px) {
  .grid-tile-wrapper:hover {
    box-shadow: var(--skin-box-shadow);
    z-index: 2; } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #bd0000;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-orange: #fe5000;
  --color-dark-orange: #eb4800;
  --color-darker-orange: #d24200;
  --color-abbey: #4c5055;
  --color-dune: #2d2926;
  --color-primary: #fe5000;
  --color-secondary: #4c5055;
  --color-accent: #fff;
  --color-red: #bd0000;
  --color-success: var(--color-orange);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey3);
  --color-dark-gray: var(--color-grey4);
  --color-darker-gray: var(--color-grey5);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey5);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-font-family-1: Muli;
  --skin-font-family-2: HelveticaNeue;
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-abbey);
  --skin-main-text-color-2: var(--color-abbey);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-darker-orange);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Muli;
  --skin-header-font-2: HelveticaNeue;
  --skin-body-font: HelveticaNeue;
  --skin-promo-color: var($primary);
  --skin-font-weight-light: 300;
  --skin-font-weight-normal: 400;
  --skin-font-weight-bold: 700;
  --skin-font-weight-extra-bold: 800;
  --skin-font-weight-black: 900; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
h1 {
  font-family: "Muli";
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 3rem;
  text-transform: uppercase; }

h2 {
  font-family: "Muli";
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-transform: uppercase; }

h3 {
  font-family: "HelveticaNeue";
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 1.75rem; }

h4 {
  font-family: "HelveticaNeue";
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.1625rem; }

h5 {
  font-family: "Muli";
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.15625rem;
  text-transform: uppercase; }

.page {
  background-color: var(--color-white); }

.page-heading {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem; }
  @media (min-width: 544px) {
    .page-heading {
      margin-top: 3.75rem;
      margin-bottom: 1.875rem; } }

.page-container {
  margin-bottom: 5rem; }
  .page-container.search-results {
    margin-bottom: 0; }

h1.page-title {
  margin: 0;
  color: var(--color-abbey); }

h1.header.page-title,
h1.header.page-title::before {
  background-color: transparent;
  color: var(--color-black); }
  .homepage h1.header.page-title, .homepage
  h1.header.page-title::before {
    background-color: var(--skin-heading-color-1);
    color: var(--skin-heading-color-1-invert); }

body {
  font-family: var(--skin-body-font);
  font-size: 1rem;
  line-height: 1.5rem; }

a {
  text-decoration: underline; }
  a:hover, a:active {
    text-decoration: none; }
  a:disabled {
    cursor: default; }
  header a,
  footer a {
    text-decoration: none; }

ul.stylized-list {
  list-style-type: none;
  padding-left: 0;
  font-family: "HelveticaNeue";
  font-weight: 300;
  font-size: 1.25rem;
  margin-bottom: 0; }
  @media (min-width: 544px) {
    ul.stylized-list {
      columns: 2;
      -webkit-columns: 2;
      -moz-columns: 2; } }
  ul.stylized-list li {
    position: relative;
    margin-bottom: 0.75rem;
    line-height: 1.75rem;
    padding-left: 1.4375rem; }
    @media (min-width: 544px) {
      ul.stylized-list li {
        width: 90%; } }
    ul.stylized-list li:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0.4375rem;
      display: block;
      width: 0.8125rem;
      height: 0.8125rem;
      background-color: var(--color-white);
      border: 0.3125rem solid var(--skin-primary-color);
      border-radius: 50%; }

.btn {
  border-radius: 0.3125rem;
  border-width: 0.125rem;
  font-family: var(--skin-font-family-2);
  font-weight: var(--skin-font-weight-bold);
  font-size: 1.1875rem;
  line-height: 1.1875rem;
  padding: 0.75rem 1.25rem;
  text-decoration: none;
  text-transform: none; }
  .btn .fa {
    font-size: 89%; }

.btn-primary:not(:disabled):not(.disabled).focus, .btn-primary:not(:disabled):not(.disabled):focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):hover {
  color: var(--color-white);
  border-color: var(--color-darker-orange);
  background-color: var(--color-darker-orange);
  box-shadow: none; }
  .btn-primary:not(:disabled):not(.disabled).focus.grey-button, .btn-primary:not(:disabled):not(.disabled):focus.grey-button, .btn-primary:not(:disabled):not(.disabled):active.grey-button, .btn-primary:not(:disabled):not(.disabled):hover.grey-button {
    background-color: #97999b;
    border-color: #97999b; }

.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  color: var(--skin-primary-color-invert-1);
  opacity: 0.5;
  cursor: default; }
  .btn-primary.disabled.grey-button, .btn-primary:disabled.grey-button {
    background-color: #97999b;
    border-color: #97999b; }

.btn-no-bg {
  font-size: 1rem; }
  .btn-no-bg::after {
    content: '>>';
    font-size: 0.625rem;
    position: relative;
    top: -0.1875rem;
    letter-spacing: 0; }

.btn-back-to-top {
  border-radius: 1.875rem;
  padding-right: 40px;
  position: relative; }

.up_arrow {
  transform: rotate(-90deg);
  width: 20px;
  height: 20px;
  display: inline-block;
  font-size: 3.4375rem;
  position: absolute;
  right: 10px;
  font-weight: 300; }

.btn-outline-primary {
  background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled).focus, .btn-outline-primary:not(:disabled):not(.disabled):focus, .btn-outline-primary:not(:disabled):not(.disabled):hover, .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: var(--color-darker-orange);
    border-color: var(--color-darker-orange);
    background-color: transparent;
    box-shadow: none; }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    cursor: default; }

::-moz-placeholder {
  color: var(--color-slightly-darker-gray); }

::placeholder {
  color: var(--color-slightly-darker-gray); }

:-ms-input-placeholder {
  color: var(--color-slightly-darker-gray); }

::-ms-input-placeholder {
  color: var(--color-slightly-darker-gray); }

.form-group {
  position: relative; }
  .form-group.quantity-form {
    margin-bottom: 0; }
  .form-group .info-icon {
    position: absolute;
    top: 2.5625rem;
    right: 0.5rem; }
    .form-group .info-icon .tooltip {
      background-color: var(--color-abbey);
      padding: 0.5rem 0.5625rem;
      font-size: 1rem;
      line-height: 1.15625rem;
      text-align: left;
      left: unset;
      right: -1.25rem;
      bottom: 2.375rem;
      transform: unset;
      z-index: 1; }
      .form-group .info-icon .tooltip::after {
        left: unset;
        right: 1.25rem; }
    .form-group .info-icon .icon {
      position: relative;
      color: transparent;
      width: 1.25rem;
      height: 1.25rem; }
      .form-group .info-icon .icon::before {
        display: inline;
        font-family: "Font Awesome 5 Free";
        font-size: 0.75rem;
        font-weight: 700;
        line-height: 0.75rem;
        content: '\F129';
        color: var(--color-white);
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .form-group .info-icon ~ .form-control {
      padding-right: 2.5rem; }
    .form-group .info-icon:hover .icon {
      background-color: var(--color-dark-gray); }
  .form-group span {
    display: block;
    text-align: right; }
  .form-group.is-validated::after {
    display: block;
    font-family: "Font Awesome 5 Free";
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-dark-gray);
    background-color: var(--color-white);
    content: '\F058';
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 2.40625rem;
    right: 0.5rem; }
  .form-group.saved-security-code .info-icon {
    right: 1.4375rem; }

.form-control-label {
  color: var(--color-black); }

.form-control {
  color: var(--color-black);
  border-color: var(--color-dark-gray);
  border-radius: 0.3125rem; }
  .form-control:focus {
    border-color: var(--color-dark-gray);
    box-shadow: 0 0 0 0.1875rem var(--color-slightly-darker-gray); }
  .form-control.is-invalid {
    border-width: 0.125rem; }
    .form-control.is-invalid ~ .invalid-feedback {
      font-size: 1rem;
      text-align: right; }
      .form-control.is-invalid ~ .invalid-feedback::after {
        display: block;
        font-family: "Font Awesome 5 Free";
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--color-red);
        background-color: var(--color-white);
        content: '\F057';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        top: 2.40625rem;
        right: 0.5rem;
        pointer-events: none; }
        .card-number-wrapper .form-control.is-invalid ~ .invalid-feedback::after {
          top: 0.4375rem;
          right: 3.75rem; }
        .custom-select-group .form-control.is-invalid ~ .invalid-feedback::after {
          right: 1.5625rem; }
  .card-number-wrapper .form-control {
    padding-right: 5.625rem; }

.card-number-wrapper {
  background-color: transparent; }

.custom-select-group::after {
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 1rem;
  content: '\F0D7';
  color: var(--color-abbey);
  position: absolute;
  height: 0.375rem;
  width: 0.625rem;
  pointer-events: none;
  z-index: 1;
  top: 2.375rem;
  right: 0.625rem; }

.custom-select-group.quantity-form::after {
  top: 1.75rem; }
  .line-item-quantity .custom-select-group.quantity-form::after {
    top: 2rem; }
  .minicart .custom-select-group.quantity-form::after {
    top: 1.75rem; }

.custom-select-group.sort-order-group::after {
  top: 0.4375rem;
  right: 1.875rem; }

.custom-select-group.no-label::after {
  top: 0.375rem; }

.custom-select {
  background: none;
  border-width: 0.125rem; }

.custom-control-label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

.custom-checkbox .custom-control-label::before {
  border: 0.125rem solid var(--color-dune); }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
  color: var(--color-white);
  font-family: "Font Awesome 5 Free";
  content: '\F00C';
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.03125rem; }

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border: 0.125rem solid var(--color-dune);
  box-shadow: 0 0 0 0.1875rem var(--color-slightly-darker-gray); }

.custom-control-input:checked ~ .custom-control-label::before {
  border: 0.125rem solid var(--skin-primary-color-1); }

.custom-control-input:checked:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.1875rem var(--color-slightly-darker-gray); }

.custom-radio .custom-control-label::before {
  border: 0.125rem solid var(--color-dune); }

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  border: 0.125rem solid var(--color-dune);
  background-color: var(--color-white); }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  display: inline-block;
  content: '';
  height: 0.5rem;
  width: 0.5rem;
  background-image: none;
  background-color: var(--color-primary);
  border-radius: 50%;
  position: absolute;
  top: 0.5rem;
  left: -1.25rem; }

@-moz-document url-prefix() {
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    margin-top: -0.0625rem; } }

.price .sales,
.price .range {
  font-family: "Muli";
  font-weight: 800;
  color: var(--skin-primary-color-1); }

.price.starting .starting-msg {
  display: block;
  font-family: "Muli";
  font-weight: 800;
  font-size: 0.625rem;
  line-height: 1.5rem;
  color: var(--color-abbey);
  text-transform: uppercase; }

.price.starting .starting-price {
  display: block;
  font-family: "Muli";
  font-weight: 800;
  color: var(--skin-primary-color-1); }

.price .strike-through {
  font-family: "Muli";
  font-weight: 800;
  color: var(--color-dark-gray); }

.modal-header {
  font-family: "Muli";
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.15625rem;
  text-transform: uppercase;
  color: var(--color-abbey); }
  .modal-header .close:focus {
    outline: 0; }

.nav-tabs .nav-item .nav-link {
  text-decoration: none; }
  .nav-tabs .nav-item .nav-link.show, .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link:focus {
    outline: 0.125rem solid var(--color-slightly-darker-gray);
    color: var(--color-darker-orange) !important; }

.valid-cookie-warning .close {
  height: 100%; }
  .valid-cookie-warning .close:focus, .valid-cookie-warning .close:hover {
    color: var(--color-white); }
  .valid-cookie-warning .close span {
    display: flex;
    height: 1rem;
    line-height: 1rem;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -0.25rem; }

footer {
  background-color: var(--color-abbey); }
  footer h2 {
    color: var(--color-white); }

.bg-img--none {
  background-image: none !important; }

.search {
  display: none;
  height: 2.25rem;
  width: 100%;
  max-width: 12rem;
  margin: 0 0 0 2.5rem; }
  @media (min-width: 769px) {
    .search {
      display: block; } }
  .search .site-search {
    height: 100%;
    width: 100%; }
  .search .search-field {
    padding: 0.5rem 3rem 0.5rem 0.5rem;
    border-color: var(--color-dark-gray); }
  .search .fa-search {
    color: var(--color-dark-gray);
    top: 0.5625rem;
    left: unset;
    right: 0.5625rem; }
  .search .reset-button {
    color: var(--color-dark-gray);
    top: 0.625rem;
    right: 2rem; }

.search-mobile {
  display: block;
  height: 2.6875rem;
  padding: 0 0.5rem 0.625rem;
  transition: all 0.2s ease; }
  @media (min-width: 769px) {
    .search-mobile {
      display: none; } }
  .sticky-header .search-mobile {
    height: 0; }
  .search-mobile .site-search .search-field {
    padding: 0.375rem 2rem 0.375rem 0.625rem; }
  .search-mobile .site-search .fa-close {
    top: 0.5rem;
    left: unset;
    right: 0.6875rem; }
  .search-mobile .site-search .fa-search {
    top: 0.5rem;
    left: unset;
    right: 0.5625rem; }
  .search-mobile .site-search .reset-button {
    display: none !important; }
  .sticky-header .search-mobile .site-search {
    display: none; }

.suggestions {
  border: 0;
  margin-top: 0.3125rem;
  height: calc(100% - 155px);
  z-index: 99; }
  @media (min-width: 769px) {
    .suggestions {
      border: 0.0625rem solid var(--color-slightly-darker-gray);
      margin-top: 0;
      height: auto; } }
  .suggestions .container, .suggestions .promo.banner .text.overlay, .promo.banner .suggestions .text.overlay {
    padding-top: 0.5rem; }
  .suggestions .header {
    display: block;
    margin: 0 0 0.5rem;
    padding: 1rem 0 0; }
    .suggestions .header div {
      font-family: "Muli";
      font-weight: 800;
      font-size: 1rem;
      line-height: 1.15625rem;
      text-transform: uppercase;
      color: var(--color-abbey);
      padding: 0; }
  .suggestions .swatch-circle {
    border: 0;
    border-radius: 0; }
  .suggestions .items a {
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../images/ajax-loader.gif") center center no-repeat; }

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

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 1.5625rem;
  width: 1.8125rem;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 1; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 28px;
    line-height: 1;
    color: black;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "\2190"; }
    [dir="rtl"] .slick-prev:before {
      content: "\2192"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "\2192"; }
    [dir="rtl"] .slick-next:before {
      content: "\2190"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.slider,
.slider-core-css {
  display: none; }
  .slider.slick-initialized,
  .slider-core-css.slick-initialized {
    display: block; }
  .slider img,
  .slider-core-css img {
    max-width: 100%; }
  .slider .slick-next,
  .slider .slick-prev,
  .slider-core-css .slick-next,
  .slider-core-css .slick-prev {
    z-index: 1; }
  .slider .slick-next,
  .slider .slick-prev,
  .slider-core-css .slick-next,
  .slider-core-css .slick-prev {
    height: 2.25rem;
    width: 2.25rem;
    border-radius: 1.25rem;
    background-color: var(--color-white);
    box-shadow: var(--skin-box-shadow);
    font-size: 1.5rem; }
    .slider .slick-next:before,
    .slider .slick-prev:before,
    .slider-core-css .slick-next:before,
    .slider-core-css .slick-prev:before {
      display: block;
      content: '';
      height: auto;
      width: auto;
      background: none;
      position: relative;
      font-family: "FontAwesome";
      color: var(--skin-primary-color); }
    .slider .slick-next:focus:not(.slick-disabled), .slider .slick-next:hover:not(.slick-disabled),
    .slider .slick-prev:focus:not(.slick-disabled),
    .slider .slick-prev:hover:not(.slick-disabled),
    .slider-core-css .slick-next:focus:not(.slick-disabled),
    .slider-core-css .slick-next:hover:not(.slick-disabled),
    .slider-core-css .slick-prev:focus:not(.slick-disabled),
    .slider-core-css .slick-prev:hover:not(.slick-disabled) {
      box-shadow: var(--skin-box-shadow-active); }
  .slider .slick-next,
  .slider-core-css .slick-next {
    right: 0.7rem; }
    .slider .slick-next:before,
    .slider-core-css .slick-next:before {
      content: "\F105";
      left: 0.125rem; }
  .slider .slick-prev,
  .slider-core-css .slick-prev {
    left: 0.7rem; }
    .slider .slick-prev:before,
    .slider-core-css .slick-prev:before {
      content: "\F104";
      right: 0.125rem; }
  .slider.slick-dotted,
  .slider-core-css.slick-dotted {
    margin-bottom: 3.125rem; }
  .slider .slick-dots,
  .slider-core-css .slick-dots {
    bottom: -2.5rem; }

.product-slider-container {
  margin: 0 -0.875rem 3.125rem; }
  .highlight .product-slider-container {
    margin-bottom: -1rem; }

@media (max-width: 543.98px) {
  .product-slider,
  .pd-product-slider {
    margin-left: -15px;
    margin-right: -15px; } }

.product-slider .slick-next,
.pd-product-slider .slick-next {
  right: 1.1875rem; }

.product-slider .slick-prev,
.pd-product-slider .slick-prev {
  left: 1.1875rem; }

.product-slider .product,
.pd-product-slider .product {
  padding: 0 15px; }

.product-slider .product-tile,
.pd-product-slider .product-tile {
  margin-bottom: 0; }
  .product-slider .product-tile .tile-body,
  .pd-product-slider .product-tile .tile-body {
    padding-bottom: 1.25rem; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #bd0000;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-orange: #fe5000;
  --color-dark-orange: #eb4800;
  --color-darker-orange: #d24200;
  --color-abbey: #4c5055;
  --color-dune: #2d2926;
  --color-primary: #fe5000;
  --color-secondary: #4c5055;
  --color-accent: #fff;
  --color-red: #bd0000;
  --color-success: var(--color-orange);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey3);
  --color-dark-gray: var(--color-grey4);
  --color-darker-gray: var(--color-grey5);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey5);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-font-family-1: Muli;
  --skin-font-family-2: HelveticaNeue;
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-abbey);
  --skin-main-text-color-2: var(--color-abbey);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-darker-orange);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Muli;
  --skin-header-font-2: HelveticaNeue;
  --skin-body-font: HelveticaNeue;
  --skin-promo-color: var($primary);
  --skin-font-weight-light: 300;
  --skin-font-weight-normal: 400;
  --skin-font-weight-bold: 700;
  --skin-font-weight-extra-bold: 800;
  --skin-font-weight-black: 900; }

body,
.card,
.card-header,
.hero {
  background-color: var(--skin-background-color-1);
  font-family: var(--skin-body-font);
  color: var(--skin-main-text-color-1); }

.hero {
  border-bottom-color: var(--skin-background-color-1); }

.main-menu {
  background-color: var(--skin-banner-background-color-1); }

.banner-color {
  background-color: var(--skin-banner-background-color-1); }

.header-banner {
  background-color: var(--skin-banner-background-color-2);
  color: var(--skin-banner-text-color-1); }

.header-banner .close-button .close {
  background-color: var(--skin-primary-color-1); }

h1.header.page-title,
h1.header.page-title::before {
  background-color: var(--skin-heading-color-1);
  color: var(--skin-heading-color-1-invert); }

.product-tile {
  background-color: var(--skin-background-color-1);
  border: 10px solid var(--skin-border-color-1); }

.refinements ul li button {
  color: var(--skin-primary-color-1); }

.custom-select {
  background-color: var(--skin-selectbox-background-color-1);
  color: var(--skin-selectbox-text-color-1); }

a {
  color: var(--skin-primary-color-1); }

header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary), header ~ #maincontent .promo.banner .text.overlay a:not(.btn-primary):not(.btn-outline-primary), .promo.banner header ~ #maincontent .text.overlay a:not(.btn-primary):not(.btn-outline-primary) {
  color: var(--skin-primary-color-1); }

.price {
  color: var(--skin-price-1); }

.navbar,
.navbar .nav-item,
.navbar .nav-item a,
.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown a,
.dropdown-menu,
.dropdown-menu a {
  color: var(--skin-menu-color-1); }
  @media (min-width: 769px) {
    .navbar,
    .navbar .nav-item,
    .navbar .nav-item a,
    .navbar .nav-item.dropdown,
    .navbar .nav-item.dropdown a,
    .dropdown-menu,
    .dropdown-menu a {
      color: var(--skin-menu-color-1-invert); } }

.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown .dropdown-menu.show {
  color: var(--skin-selectbox-text-color-1); }

.navbar .nav-item.dropdown .dropdown-menu.show {
  background-color: var(--skin-selectbox-background-color-1); }
  .navbar .nav-item.dropdown .dropdown-menu.show a,
  .navbar .nav-item.dropdown .dropdown-menu.show .nav-item {
    color: var(--skin-selectbox-text-color-1); }

.nav-item .nav-link:hover,
.nav-item .nav-link:focus,
.nav-item.show .nav-link {
  background-color: var(--skin-menu-color-1-invert);
  color: var(--skin-menu-color-1) !important; }

.btn-primary {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  color: var(--skin-primary-color-invert-1); }

.btn-primary:hover {
  color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  background-color: var(--skin-primary-color-invert-1); }

.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color);
  color: var(--skin-primary-color-invert-1);
  opacity: 0.5; }

.btn-outline-primary {
  color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1); }

.btn-outline-primary:hover {
  color: var(--skin-primary-color-invert-1);
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1); }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--skin-header-font), sans-serif; }

a {
  color: var(--skin-link-color-1); }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #c00;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f9f9f9;
  --color-grey2: #eee;
  --color-grey3: #ccc;
  --color-grey4: #999;
  --color-grey5: #666;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #1782c5;
  --color-secondary: #484848;
  --color-accent: #249be5;
  --color-red: #c00;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f9f9f9;
  --color-grey2: #eee;
  --color-grey3: #ccc;
  --color-grey4: #999;
  --color-grey5: #666;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-grey7);
  --skin-main-text-color-2: var(--color-grey7);
  --skin-menu-color-1: var(--color-white);
  --skin-menu-color-1-invert: var(--color-accent);
  --skin-menu-color-2: var(--color-secondary);
  --skin-link-color-1: var(--color-secondary);
  --skin-link-color-2: var(--color-primary);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Source Sans Pro, sans-serif;
  --skin-body-font: Source Sans Pro, sans-serif;
  --skin-promo-color: var(--color-light-green);
  --skin-bg-accent: var(--color-grey2);
  --skin-bg-dark: var(--color-secondary); }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.highlight {
  background-color: var(--skin-bg-accent);
  padding: 2rem; }
  @media (min-width: 992px) {
    .highlight {
      padding: 3rem; } }

.product-tile {
  border-width: 0; }

.btn-primary {
  background-color: var(--skin-primary-color);
  border-color: var(--skin-primary-color);
  color: var(--color-white); }
  .btn-primary:hover {
    color: var(--color-white);
    border-color: var(--skin-primary-color-invert);
    background-color: var(--skin-primary-color-invert); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--color-grey1);
    border-color: var(--skin-primary-color);
    color: var(--skin-primary-color);
    opacity: 0.5; }

.btn-outline-primary {
  background-color: var(--color-grey1);
  border-color: var(--skin-primary-color);
  color: var(--skin-primary-color); }
  .btn-outline-primary:hover {
    color: var(--color-white);
    border-color: var(--skin-primary-color-invert);
    background-color: var(--skin-primary-color-invert); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    opacity: 0.5; }
    .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
      background-color: var(--color-grey1);
      border-color: var(--skin-primary-color);
      color: var(--skin-primary-color); }

h1, h2, h3, h4, h5, h6 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400; }

h1.header.page-title,
h1.header.page-title::before {
  background-color: transparent;
  color: var(--color-black); }
  .homepage h1.header.page-title, .homepage
  h1.header.page-title::before {
    background-color: var(--skin-heading-color-1);
    color: var(--skin-heading-color-1-invert); }

h2 {
  font-family: "Playfair Display", serif;
  font-weight: 400; }

h3 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-size: 1.25rem; }
  @media (min-width: 769px) {
    h3 {
      font-size: 1.5rem; } }

a {
  color: var(--skin-link-color-1); }

.navbar,
.navbar .nav-item,
.navbar .nav-item a,
.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown a,
.dropdown-menu,
.dropdown-menu a {
  color: var(--skin-menu-color-2); }
  @media (min-width: 769px) {
    .navbar,
    .navbar .nav-item,
    .navbar .nav-item a,
    .navbar .nav-item.dropdown,
    .navbar .nav-item.dropdown a,
    .dropdown-menu,
    .dropdown-menu a {
      color: var(--skin-menu-color-1); } }

header.accel .navbar-header {
  color: var(--color-white);
  background-color: var(--skin-secondary-color); }
  header.accel .navbar-header a {
    color: var(--color-white); }
  header.accel .navbar-header .user .popover {
    background-color: var(--color-grey2); }
    header.accel .navbar-header .user .popover a {
      color: var(--skin-secondary-color); }
  header.accel .navbar-header .country-selector .btn {
    color: var(--color-white); }
  header.accel .navbar-header .country-selector a {
    color: var(--skin-secondary-color); }
  header.accel .navbar-header .dropdown-country-selector {
    background-color: var(--color-grey2); }

header.accel .minicart {
  background-color: transparent; }
  @media (min-width: 992px) {
    header.accel .minicart {
      background-color: var(--color-primary); } }
  header.accel .minicart .minicart-quantity {
    color: var(--skin-secondary-color); }
    @media (min-width: 992px) {
      header.accel .minicart .minicart-quantity {
        color: var(--color-white); } }

@media (min-width: 992px) {
  header.accel .main-menu {
    background-color: transparent; } }

header.accel .header-main {
  background-color: var(--color-grey1); }

header.accel .navbar,
header.accel .navbar .nav-item,
header.accel .navbar .nav-item a,
header.accel .navbar .nav-item.dropdown,
header.accel .navbar .nav-item.dropdown a,
header.accel .dropdown-menu,
header.accel .dropdown-menu a {
  color: var(--skin-menu-color-2); }
  @media (min-width: 992px) {
    header.accel .navbar,
    header.accel .navbar .nav-item,
    header.accel .navbar .nav-item a,
    header.accel .navbar .nav-item.dropdown,
    header.accel .navbar .nav-item.dropdown a,
    header.accel .dropdown-menu,
    header.accel .dropdown-menu a {
      color: var(--skin-menu-color-2); } }

header.accel .nav-item .nav-link {
  background-color: transparent;
  color: var(--skin-secondary-color); }
  @media (min-width: 992px) {
    header.accel .nav-item .nav-link {
      border-bottom: 0.3125rem solid transparent;
      border-top: 0.3125rem solid transparent; } }

header.accel .nav-item .nav-link:hover,
header.accel .nav-item .nav-link:focus,
header.accel .nav-item.show .nav-link {
  background-color: transparent;
  color: var(--skin-menu-color-2) !important; }
  @media (min-width: 992px) {
    header.accel .nav-item .nav-link:hover,
    header.accel .nav-item .nav-link:focus,
    header.accel .nav-item.show .nav-link {
      border-bottom: 0.3125rem solid var(--skin-menu-color-1-invert); } }

@media (min-width: 992px) {
  header.accel .navbar-nav > .dropdown.mega-nav > .dropdown-menu > .dropdown-item > .dropdown-link {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-primary);
    font-size: 0.875rem; } }

footer {
  background-color: var(--skin-accent-color);
  color: var(--color-white); }
  footer h2 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    color: var(--color-white); }
    @media (min-width: 769px) {
      footer h2 {
        color: var(--skin-secondary-color); } }
  footer a {
    color: var(--color-white); }
  footer .store a:hover {
    color: var(--color-white); }
    @media (min-width: 769px) {
      footer .store a:hover {
        color: var(--skin-secondary-color); } }
  footer .container div.collapsible-xs button.title, footer .promo.banner .text.overlay div.collapsible-xs button.title, .promo.banner footer .text.overlay div.collapsible-xs button.title {
    color: var(--color-white); }
    @media (min-width: 769px) {
      footer .container div.collapsible-xs button.title, footer .promo.banner .text.overlay div.collapsible-xs button.title, .promo.banner footer .text.overlay div.collapsible-xs button.title {
        color: var(--skin-secondary-color); } }
  footer .back-to-top i.fa-circle {
    color: var(--color-grey1); }

.refinements .refinement {
  border: 0; }

.refinements ul li button {
  color: var(--skin-secondary-color); }

.refinements ul li.size-attribute button {
  border: 1px solid var(--color-grey5);
  background-color: var(--color-white); }
  .refinements ul li.size-attribute button.selected {
    border: 1px solid var(--skin-secondary-color);
    background-color: var(--skin-secondary-color);
    color: var(--color-white); }

@media (min-width: 769px) {
  .grid-tile-wrapper:hover {
    box-shadow: var(--skin-box-shadow);
    z-index: 2; } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #bd0000;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-orange: #fe5000;
  --color-dark-orange: #eb4800;
  --color-darker-orange: #d24200;
  --color-abbey: #4c5055;
  --color-dune: #2d2926;
  --color-primary: #fe5000;
  --color-secondary: #4c5055;
  --color-accent: #fff;
  --color-red: #bd0000;
  --color-success: var(--color-orange);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey3);
  --color-dark-gray: var(--color-grey4);
  --color-darker-gray: var(--color-grey5);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey5);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-font-family-1: Muli;
  --skin-font-family-2: HelveticaNeue;
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-abbey);
  --skin-main-text-color-2: var(--color-abbey);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-darker-orange);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Muli;
  --skin-header-font-2: HelveticaNeue;
  --skin-body-font: HelveticaNeue;
  --skin-promo-color: var($primary);
  --skin-font-weight-light: 300;
  --skin-font-weight-normal: 400;
  --skin-font-weight-bold: 700;
  --skin-font-weight-extra-bold: 800;
  --skin-font-weight-black: 900; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
h1 {
  font-family: "Muli";
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 3rem;
  text-transform: uppercase; }

h2 {
  font-family: "Muli";
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-transform: uppercase; }

h3 {
  font-family: "HelveticaNeue";
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 1.75rem; }

h4 {
  font-family: "HelveticaNeue";
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.1625rem; }

h5 {
  font-family: "Muli";
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.15625rem;
  text-transform: uppercase; }

.page {
  background-color: var(--color-white); }

.page-heading {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem; }
  @media (min-width: 544px) {
    .page-heading {
      margin-top: 3.75rem;
      margin-bottom: 1.875rem; } }

.page-container {
  margin-bottom: 5rem; }
  .page-container.search-results {
    margin-bottom: 0; }

h1.page-title {
  margin: 0;
  color: var(--color-abbey); }

h1.header.page-title,
h1.header.page-title::before {
  background-color: transparent;
  color: var(--color-black); }
  .homepage h1.header.page-title, .homepage
  h1.header.page-title::before {
    background-color: var(--skin-heading-color-1);
    color: var(--skin-heading-color-1-invert); }

body {
  font-family: var(--skin-body-font);
  font-size: 1rem;
  line-height: 1.5rem; }

a {
  text-decoration: underline; }
  a:hover, a:active {
    text-decoration: none; }
  a:disabled {
    cursor: default; }
  header a,
  footer a {
    text-decoration: none; }

ul.stylized-list {
  list-style-type: none;
  padding-left: 0;
  font-family: "HelveticaNeue";
  font-weight: 300;
  font-size: 1.25rem;
  margin-bottom: 0; }
  @media (min-width: 544px) {
    ul.stylized-list {
      columns: 2;
      -webkit-columns: 2;
      -moz-columns: 2; } }
  ul.stylized-list li {
    position: relative;
    margin-bottom: 0.75rem;
    line-height: 1.75rem;
    padding-left: 1.4375rem; }
    @media (min-width: 544px) {
      ul.stylized-list li {
        width: 90%; } }
    ul.stylized-list li:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0.4375rem;
      display: block;
      width: 0.8125rem;
      height: 0.8125rem;
      background-color: var(--color-white);
      border: 0.3125rem solid var(--skin-primary-color);
      border-radius: 50%; }

.btn {
  border-radius: 0.3125rem;
  border-width: 0.125rem;
  font-family: var(--skin-font-family-2);
  font-weight: var(--skin-font-weight-bold);
  font-size: 1.1875rem;
  line-height: 1.1875rem;
  padding: 0.75rem 1.25rem;
  text-decoration: none;
  text-transform: none; }
  .btn .fa {
    font-size: 89%; }

.btn-primary:not(:disabled):not(.disabled).focus, .btn-primary:not(:disabled):not(.disabled):focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):hover {
  color: var(--color-white);
  border-color: var(--color-darker-orange);
  background-color: var(--color-darker-orange);
  box-shadow: none; }
  .btn-primary:not(:disabled):not(.disabled).focus.grey-button, .btn-primary:not(:disabled):not(.disabled):focus.grey-button, .btn-primary:not(:disabled):not(.disabled):active.grey-button, .btn-primary:not(:disabled):not(.disabled):hover.grey-button {
    background-color: #97999b;
    border-color: #97999b; }

.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  color: var(--skin-primary-color-invert-1);
  opacity: 0.5;
  cursor: default; }
  .btn-primary.disabled.grey-button, .btn-primary:disabled.grey-button {
    background-color: #97999b;
    border-color: #97999b; }

.btn-no-bg {
  font-size: 1rem; }
  .btn-no-bg::after {
    content: '>>';
    font-size: 0.625rem;
    position: relative;
    top: -0.1875rem;
    letter-spacing: 0; }

.btn-back-to-top {
  border-radius: 1.875rem;
  padding-right: 40px;
  position: relative; }

.up_arrow {
  transform: rotate(-90deg);
  width: 20px;
  height: 20px;
  display: inline-block;
  font-size: 3.4375rem;
  position: absolute;
  right: 10px;
  font-weight: 300; }

.btn-outline-primary {
  background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled).focus, .btn-outline-primary:not(:disabled):not(.disabled):focus, .btn-outline-primary:not(:disabled):not(.disabled):hover, .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: var(--color-darker-orange);
    border-color: var(--color-darker-orange);
    background-color: transparent;
    box-shadow: none; }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    cursor: default; }

::-moz-placeholder {
  color: var(--color-slightly-darker-gray); }

::placeholder {
  color: var(--color-slightly-darker-gray); }

:-ms-input-placeholder {
  color: var(--color-slightly-darker-gray); }

::-ms-input-placeholder {
  color: var(--color-slightly-darker-gray); }

.form-group {
  position: relative; }
  .form-group.quantity-form {
    margin-bottom: 0; }
  .form-group .info-icon {
    position: absolute;
    top: 2.5625rem;
    right: 0.5rem; }
    .form-group .info-icon .tooltip {
      background-color: var(--color-abbey);
      padding: 0.5rem 0.5625rem;
      font-size: 1rem;
      line-height: 1.15625rem;
      text-align: left;
      left: unset;
      right: -1.25rem;
      bottom: 2.375rem;
      transform: unset;
      z-index: 1; }
      .form-group .info-icon .tooltip::after {
        left: unset;
        right: 1.25rem; }
    .form-group .info-icon .icon {
      position: relative;
      color: transparent;
      width: 1.25rem;
      height: 1.25rem; }
      .form-group .info-icon .icon::before {
        display: inline;
        font-family: "Font Awesome 5 Free";
        font-size: 0.75rem;
        font-weight: 700;
        line-height: 0.75rem;
        content: '\F129';
        color: var(--color-white);
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .form-group .info-icon ~ .form-control {
      padding-right: 2.5rem; }
    .form-group .info-icon:hover .icon {
      background-color: var(--color-dark-gray); }
  .form-group span {
    display: block;
    text-align: right; }
  .form-group.is-validated::after {
    display: block;
    font-family: "Font Awesome 5 Free";
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-dark-gray);
    background-color: var(--color-white);
    content: '\F058';
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 2.40625rem;
    right: 0.5rem; }
  .form-group.saved-security-code .info-icon {
    right: 1.4375rem; }

.form-control-label {
  color: var(--color-black); }

.form-control {
  color: var(--color-black);
  border-color: var(--color-dark-gray);
  border-radius: 0.3125rem; }
  .form-control:focus {
    border-color: var(--color-dark-gray);
    box-shadow: 0 0 0 0.1875rem var(--color-slightly-darker-gray); }
  .form-control.is-invalid {
    border-width: 0.125rem; }
    .form-control.is-invalid ~ .invalid-feedback {
      font-size: 1rem;
      text-align: right; }
      .form-control.is-invalid ~ .invalid-feedback::after {
        display: block;
        font-family: "Font Awesome 5 Free";
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--color-red);
        background-color: var(--color-white);
        content: '\F057';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        top: 2.40625rem;
        right: 0.5rem;
        pointer-events: none; }
        .card-number-wrapper .form-control.is-invalid ~ .invalid-feedback::after {
          top: 0.4375rem;
          right: 3.75rem; }
        .custom-select-group .form-control.is-invalid ~ .invalid-feedback::after {
          right: 1.5625rem; }
  .card-number-wrapper .form-control {
    padding-right: 5.625rem; }

.card-number-wrapper {
  background-color: transparent; }

.custom-select-group::after {
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 1rem;
  content: '\F0D7';
  color: var(--color-abbey);
  position: absolute;
  height: 0.375rem;
  width: 0.625rem;
  pointer-events: none;
  z-index: 1;
  top: 2.375rem;
  right: 0.625rem; }

.custom-select-group.quantity-form::after {
  top: 1.75rem; }
  .line-item-quantity .custom-select-group.quantity-form::after {
    top: 2rem; }
  .minicart .custom-select-group.quantity-form::after {
    top: 1.75rem; }

.custom-select-group.sort-order-group::after {
  top: 0.4375rem;
  right: 1.875rem; }

.custom-select-group.no-label::after {
  top: 0.375rem; }

.custom-select {
  background: none;
  border-width: 0.125rem; }

.custom-control-label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

.custom-checkbox .custom-control-label::before {
  border: 0.125rem solid var(--color-dune); }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
  color: var(--color-white);
  font-family: "Font Awesome 5 Free";
  content: '\F00C';
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.03125rem; }

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border: 0.125rem solid var(--color-dune);
  box-shadow: 0 0 0 0.1875rem var(--color-slightly-darker-gray); }

.custom-control-input:checked ~ .custom-control-label::before {
  border: 0.125rem solid var(--skin-primary-color-1); }

.custom-control-input:checked:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.1875rem var(--color-slightly-darker-gray); }

.custom-radio .custom-control-label::before {
  border: 0.125rem solid var(--color-dune); }

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  border: 0.125rem solid var(--color-dune);
  background-color: var(--color-white); }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  display: inline-block;
  content: '';
  height: 0.5rem;
  width: 0.5rem;
  background-image: none;
  background-color: var(--color-primary);
  border-radius: 50%;
  position: absolute;
  top: 0.5rem;
  left: -1.25rem; }

@-moz-document url-prefix() {
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    margin-top: -0.0625rem; } }

.price .sales,
.price .range {
  font-family: "Muli";
  font-weight: 800;
  color: var(--skin-primary-color-1); }

.price.starting .starting-msg {
  display: block;
  font-family: "Muli";
  font-weight: 800;
  font-size: 0.625rem;
  line-height: 1.5rem;
  color: var(--color-abbey);
  text-transform: uppercase; }

.price.starting .starting-price {
  display: block;
  font-family: "Muli";
  font-weight: 800;
  color: var(--skin-primary-color-1); }

.price .strike-through {
  font-family: "Muli";
  font-weight: 800;
  color: var(--color-dark-gray); }

.modal-header {
  font-family: "Muli";
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.15625rem;
  text-transform: uppercase;
  color: var(--color-abbey); }
  .modal-header .close:focus {
    outline: 0; }

.nav-tabs .nav-item .nav-link {
  text-decoration: none; }
  .nav-tabs .nav-item .nav-link.show, .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link:focus {
    outline: 0.125rem solid var(--color-slightly-darker-gray);
    color: var(--color-darker-orange) !important; }

.valid-cookie-warning .close {
  height: 100%; }
  .valid-cookie-warning .close:focus, .valid-cookie-warning .close:hover {
    color: var(--color-white); }
  .valid-cookie-warning .close span {
    display: flex;
    height: 1rem;
    line-height: 1rem;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -0.25rem; }

footer {
  background-color: var(--color-abbey); }
  footer h2 {
    color: var(--color-white); }

.bg-img--none {
  background-image: none !important; }

.slider.slick-dotted,
.slider-core-css.slick-dotted {
  margin-bottom: 2.25rem; }

.slider .slick-slide,
.slider-core-css .slick-slide {
  height: auto; }

.slider .slick-dots li,
.slider-core-css .slick-dots li {
  height: 1.875rem;
  width: 1.875rem;
  padding: 0; }
  .slider .slick-dots li button,
  .slider-core-css .slick-dots li button {
    height: 1.875rem;
    width: 1.875rem; }
    .slider .slick-dots li button::before,
    .slider-core-css .slick-dots li button::before {
      height: 1.875rem;
      width: 1.875rem;
      line-height: 1.875rem;
      font-size: 0.75rem;
      opacity: 1;
      color: var(--color-slightly-darker-gray); }
    .slider .slick-dots li button:hover::before, .slider .slick-dots li button:focus::before, .slider .slick-dots li button:active::before,
    .slider-core-css .slick-dots li button:hover::before,
    .slider-core-css .slick-dots li button:focus::before,
    .slider-core-css .slick-dots li button:active::before {
      color: var(--color-primary); }
  .slider .slick-dots li.slick-active button::before,
  .slider-core-css .slick-dots li.slick-active button::before {
    color: var(--color-abbey); }

.slider .slick-next,
.slider .slick-prev,
.slider-core-css .slick-next,
.slider-core-css .slick-prev {
  height: 2.5rem;
  width: 2.5rem;
  border: 0.25rem solid var(--color-light-gray);
  border-radius: 50%;
  box-shadow: none; }
  @media (min-width: 1200px) {
    .slider .slick-next,
    .slider .slick-prev,
    .slider-core-css .slick-next,
    .slider-core-css .slick-prev {
      height: 3.125rem;
      width: 1.9375rem;
      background-color: transparent;
      border: 0; } }
  .slider .slick-next:before,
  .slider .slick-prev:before,
  .slider-core-css .slick-next:before,
  .slider-core-css .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 1.375rem;
    color: var(--color-primary);
    opacity: unset; }
    @media (min-width: 1200px) {
      .slider .slick-next:before,
      .slider .slick-prev:before,
      .slider-core-css .slick-next:before,
      .slider-core-css .slick-prev:before {
        font-size: 3.375rem; } }
  .slider .slick-next.slick-disabled:before,
  .slider .slick-prev.slick-disabled:before,
  .slider-core-css .slick-next.slick-disabled:before,
  .slider-core-css .slick-prev.slick-disabled:before {
    color: var(--color-grey2); }
  .slider .slick-next:hover:not(.slick-disabled), .slider .slick-next:focus:not(.slick-disabled), .slider .slick-next:active:not(.slick-disabled),
  .slider .slick-prev:hover:not(.slick-disabled),
  .slider .slick-prev:focus:not(.slick-disabled),
  .slider .slick-prev:active:not(.slick-disabled),
  .slider-core-css .slick-next:hover:not(.slick-disabled),
  .slider-core-css .slick-next:focus:not(.slick-disabled),
  .slider-core-css .slick-next:active:not(.slick-disabled),
  .slider-core-css .slick-prev:hover:not(.slick-disabled),
  .slider-core-css .slick-prev:focus:not(.slick-disabled),
  .slider-core-css .slick-prev:active:not(.slick-disabled) {
    box-shadow: none; }
    .slider .slick-next:hover:not(.slick-disabled):before, .slider .slick-next:focus:not(.slick-disabled):before, .slider .slick-next:active:not(.slick-disabled):before,
    .slider .slick-prev:hover:not(.slick-disabled):before,
    .slider .slick-prev:focus:not(.slick-disabled):before,
    .slider .slick-prev:active:not(.slick-disabled):before,
    .slider-core-css .slick-next:hover:not(.slick-disabled):before,
    .slider-core-css .slick-next:focus:not(.slick-disabled):before,
    .slider-core-css .slick-next:active:not(.slick-disabled):before,
    .slider-core-css .slick-prev:hover:not(.slick-disabled):before,
    .slider-core-css .slick-prev:focus:not(.slick-disabled):before,
    .slider-core-css .slick-prev:active:not(.slick-disabled):before {
      color: var(--color-darker-orange); }

@media (min-width: 1200px) {
  .slider .slick-prev,
  .slider-core-css .slick-prev {
    left: -3.125rem; } }

.slider .slick-prev::before,
.slider-core-css .slick-prev::before {
  right: 0.0625rem;
  content: '\F053'; }
  @media (min-width: 1200px) {
    .slider .slick-prev::before,
    .slider-core-css .slick-prev::before {
      right: 0; } }

@media (min-width: 1200px) {
  .slider .slick-next,
  .slider-core-css .slick-next {
    right: -3.125rem; } }

.slider .slick-next::before,
.slider-core-css .slick-next::before {
  left: 0.0625rem;
  content: '\F054'; }
  @media (min-width: 1200px) {
    .slider .slick-next::before,
    .slider-core-css .slick-next::before {
      left: 0; } }

.product-slider-container {
  margin-bottom: 0; }

.product-carousel {
  width: 100%;
  background-color: var(--color-light-gray);
  margin: 2.8125rem 0 2.1875rem;
  padding: 1.25rem 0; }
  @media (min-width: 769px) {
    .product-carousel {
      background-color: transparent;
      margin: 0 0 3.75rem;
      padding: 0; } }
  .product-carousel.grey-bg {
    background-color: var(--color-light-gray); }
  .product-carousel .product-tile .tile-body {
    margin: 0;
    padding: 0; }
  @media (min-width: 769px) {
    .product-carousel .carousel-heading {
      background-color: var(--color-light-gray);
      margin: 0 0 -5.625rem;
      padding: 3.125rem 0 0; } }
  .product-carousel .carousel-heading h3 {
    font-family: "HelveticaNeue";
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.8125rem;
    margin: 0 0 1.25rem;
    padding: 0 1.25rem;
    text-align: center; }
    @media (min-width: 769px) {
      .product-carousel .carousel-heading h3 {
        font-size: 2rem;
        line-height: 2.25rem;
        margin: 0;
        padding: 0 1.25rem 5.625rem; } }
  @media (min-width: 769px) {
    .pdp-bottom .product-carousel .carousel-heading {
      padding: 1.875rem 0 0; } }
  @media (min-width: 769px) {
    .pdp-bottom .product-carousel .carousel-heading h3 {
      padding: 0 1.25rem 3.625rem; } }

[data-action="Cart-Show"] .product-carousel .product {
  border: 1px solid #CFCFCF;
  border-radius: 5px;
  overflow: hidden; }
  [data-action="Cart-Show"] .product-carousel .product .product-tile {
    padding-bottom: 10px; }
    [data-action="Cart-Show"] .product-carousel .product .product-tile .pr-category-snippet__total {
      display: block;
      font-size: 9px;
      color: #4C5055;
      font-family: "HelveticaNeue";
      font-weight: 300; }
    [data-action="Cart-Show"] .product-carousel .product .product-tile .tile-price {
      border-top: 0 !important; }
    [data-action="Cart-Show"] .product-carousel .product .product-tile .tile-addToCart {
      display: flex; }
    [data-action="Cart-Show"] .product-carousel .product .product-tile .add-to-cart-global {
      letter-spacing: 0px;
      color: #FFFFFF !important;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      outline: none;
      font-size: 12px;
      font-weight: 800;
      background-color: #FE5000;
      border: 2px solid #FE5000; }
    [data-action="Cart-Show"] .product-carousel .product .product-tile .price {
      padding: 0.75rem 0.5rem;
      border: 2px solid #FE5000;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    [data-action="Cart-Show"] .product-carousel .product .product-tile .tile-nonpurchasable {
      display: flex; }
      [data-action="Cart-Show"] .product-carousel .product .product-tile .tile-nonpurchasable button {
        font-size: 17px;
        margin: auto; }
    [data-action="Cart-Show"] .product-carousel .product .product-tile .tile-footer {
      display: flex;
      justify-content: space-between; }
      [data-action="Cart-Show"] .product-carousel .product .product-tile .tile-footer .viewDetails {
        font-size: 13px;
        color: #000000 !important; }
      [data-action="Cart-Show"] .product-carousel .product .product-tile .tile-footer .custom-control-label {
        font-size: 13px; }

.product-carousel-slider,
.pd-product-slider,
.product-slider {
  margin: 0 auto 1.25rem; }
  @media (min-width: 769px) {
    .product-carousel-slider,
    .pd-product-slider,
    .product-slider {
      margin: 3.4375rem auto 1.25rem;
      padding: 0;
      max-width: 59.6875rem; } }
  .product-carousel-slider .product,
  .pd-product-slider .product,
  .product-slider .product {
    display: block !important;
    padding: 0;
    max-width: 13.75rem;
    margin: 0 auto; }
    @media (min-width: 769px) {
      .product-carousel-slider .product,
      .pd-product-slider .product,
      .product-slider .product {
        max-width: none; } }
  .product-carousel-slider .product-carousel-tile,
  .product-carousel-slider .pd-slide,
  .product-carousel-slider .rec-prod,
  .pd-product-slider .product-carousel-tile,
  .pd-product-slider .pd-slide,
  .pd-product-slider .rec-prod,
  .product-slider .product-carousel-tile,
  .product-slider .pd-slide,
  .product-slider .rec-prod {
    padding: 0 0.75rem; }

.product-slider-heading {
  margin: 0 0 1rem; }
  .product-slider-heading .title {
    font-family: "HelveticaNeue";
    font-weight: 300;
    font-size: 1.75rem;
    line-height: 1.75rem;
    color: var(--color-abbey); }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.promo {
  position: relative;
  display: block;
  width: auto;
  overflow: hidden;
  margin-bottom: 1rem; }
  .promo:hover {
    text-decoration: none; }
  .promo.banner .image {
    background-color: #999;
    min-height: 5rem; }
    @media (min-width: 544px) {
      .promo.banner .image {
        min-height: 6rem; } }
    @media (min-width: 769px) {
      .promo.banner .image {
        min-height: 7rem; } }
    .promo.banner .image img {
      width: 100%; }
  @media (min-width: 1470px) {
    .promo.banner .text.overlay {
      left: calc((100% - 1470px) / 2); } }
  @media (min-width: 769px) {
    .container .promo.banner .text.overlay, .promo.banner .text.overlay .promo.banner .text.overlay {
      left: 0; } }
  .promo.banner .text.overlay h1.page-title {
    color: #fff; }
  .promo .image img {
    max-width: 100%; }
  .promo .text {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem; }
    .promo .text.overlay {
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .promo .text.overlay.bottom {
        justify-content: flex-end; }
      .promo .text.overlay.top {
        justify-content: flex-start; }
      .promo .text.overlay.left {
        align-items: flex-start; }
      .promo .text.overlay.right {
        align-items: flex-end; }
      .promo .text.overlay.left-large-only, .promo .text.overlay.right-large-only {
        position: static;
        padding: 1rem; }
        @media (min-width: 769px) {
          .promo .text.overlay.left-large-only, .promo .text.overlay.right-large-only {
            padding: 0;
            position: absolute; } }
      @media (min-width: 769px) {
        .promo .text.overlay.left-large-only {
          align-items: flex-start; } }
      @media (min-width: 769px) {
        .promo .text.overlay.right-large-only {
          align-items: flex-end; } }
      .promo .text.overlay .dark-background {
        width: 100%;
        padding: 1rem;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.3); }
      .promo .text.overlay img {
        max-width: 100%; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PROPERTIES FOR UTILITY CLASSES
	---------------------------------------------------------------
*/
/* 	----------------------------------------------------
	BUILD UTILITY CLASSES
	----------------------------------------------------
	TODO: 
	-- Modify mixin to accept infinite args
*/
.background-color-primary {
  background-color: var(--skin-primary-color-1) !important; }

.border-color-primary {
  border-color: var(--skin-primary-color-1) !important; }

.text-color-primary {
  color: var(--skin-primary-color-1) !important; }

.background-color-dark-orange {
  background-color: var(--color-dark-orange) !important; }

.border-color-dark-orange {
  border-color: var(--color-dark-orange) !important; }

.text-color-dark-orange {
  color: var(--color-dark-orange) !important; }

.background-color-darker-orange {
  background-color: var(--color-darker-orange) !important; }

.border-color-darker-orange {
  border-color: var(--color-darker-orange) !important; }

.text-color-darker-orange {
  color: var(--color-darker-orange) !important; }

.background-color-red {
  background-color: var(--color-red) !important; }

.border-color-red {
  border-color: var(--color-red) !important; }

.text-color-red {
  color: var(--color-red) !important; }

.background-color-white {
  background-color: var(--color-white) !important; }

.border-color-white {
  border-color: var(--color-white) !important; }

.text-color-white {
  color: var(--color-white) !important; }

.background-color-grey1 {
  background-color: var(--color-grey1) !important; }

.border-color-grey1 {
  border-color: var(--color-grey1) !important; }

.text-color-grey1 {
  color: var(--color-grey1) !important; }

.background-color-grey2 {
  background-color: var(--color-grey2) !important; }

.border-color-grey2 {
  border-color: var(--color-grey2) !important; }

.text-color-grey2 {
  color: var(--color-grey2) !important; }

.background-color-grey3 {
  background-color: var(--color-grey3) !important; }

.border-color-grey3 {
  border-color: var(--color-grey3) !important; }

.text-color-grey3 {
  color: var(--color-grey3) !important; }

.background-color-grey4 {
  background-color: var(--color-grey4) !important; }

.border-color-grey4 {
  border-color: var(--color-grey4) !important; }

.text-color-grey4 {
  color: var(--color-grey4) !important; }

.background-color-grey5 {
  background-color: var(--color-grey5) !important; }

.border-color-grey5 {
  border-color: var(--color-grey5) !important; }

.text-color-grey5 {
  color: var(--color-grey5) !important; }

.background-color-black {
  background-color: var(--color-black) !important; }

.border-color-black {
  border-color: var(--color-black) !important; }

.text-color-black {
  color: var(--color-black) !important; }

.font-family-muli {
  font-family: "Muli" !important; }

.font-family-helvetica-neue {
  font-family: "HelveticaNeue" !important; }

.font-family-sans-serif {
  font-family: "Arial" !important; }

.font-family-serif {
  font-family: "Times New Roman" !important; }

.font-family-monospace {
  font-family: monospace !important; }

.font-size-normal {
  font-size: initial !important; }

.font-size-large {
  font-size: 150% !important; }

.font-size-small {
  font-size: 80% !important; }

.font-size-12 {
  font-size: 0.75rem !important; }

.font-size-14 {
  font-size: 0.875rem !important; }

.font-size-16 {
  font-size: 1rem !important; }

.font-size-18 {
  font-size: 1.125rem !important; }

.font-size-20 {
  font-size: 1.25rem !important; }

.font-size-24 {
  font-size: 1.5rem !important; }

.font-size-32 {
  font-size: 2rem !important; }

.font-size-36 {
  font-size: 2.25rem !important; }

.font-size-48 {
  font-size: 3rem !important; }

.font-size-64 {
  font-size: 4rem !important; }

.font-size-72 {
  font-size: 4.5rem !important; }

.font-weight-regular {
  font-weight: normal !important; }

.font-weight-bold {
  font-weight: bold !important; }

.font-weight-bolder {
  font-weight: bolder !important; }

.font-weight-lighter {
  font-weight: lighter !important; }

.font-weight-100 {
  font-weight: 100 !important; }

.font-weight-200 {
  font-weight: 200 !important; }

.font-weight-300 {
  font-weight: 300 !important; }

.font-weight-400 {
  font-weight: 400 !important; }

.font-weight-500 {
  font-weight: 500 !important; }

.font-weight-600 {
  font-weight: 600 !important; }

.font-weight-700 {
  font-weight: 700 !important; }

.font-weight-800 {
  font-weight: 800 !important; }

.font-weight-900 {
  font-weight: 900 !important; }

.item-image {
  position: relative; }

.gift-registry-item .item-image::after {
  font-family: "FontAwesome";
  content: "\F06B";
  position: absolute;
  right: 0.3rem;
  bottom: 0; }

.dw-apple-pay-button.apple-pay-cart,
.dw-apple-pay-button.apple-pay-cart:hover {
  padding: 0.5em 1em;
  margin: auto;
  border-radius: 0.1875rem; }

.checkout-and-applepay .btn {
  margin: 1%;
  padding: 0.5em 1em; }

.dw-apple-pay-button.apple-pay-pdp,
.dw-apple-pay-button.apple-pay-pdp:hover {
  padding: 0.5em 1em;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  border-radius: 0.1875rem; }

isapplepay.btn {
  display: none !important; }

.add-to-cart,
.add-to-cart-global {
  flex-basis: 0;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media (max-width: 543.98px) {
    .add-to-cart,
    .add-to-cart-global {
      max-width: 100%; } }

.cart-and-ipay {
  justify-content: center; }
  .cart-and-ipay .pdp-checkout-button {
    padding: 0 1.5em; }
    .cart-and-ipay .pdp-checkout-button .add-to-cart {
      padding: 0.75rem 1.25rem; }
    .cart-and-ipay .pdp-checkout-button .add-to-cart-global {
      padding: 0.75rem 1.25rem; }
  .cart-and-ipay .pdp-apple-pay-button {
    padding: 0 1.5em 0 0; }

.applepay-tab-wrapper {
  display: none; }

body.apple-pay-enabled .applepay-tab-wrapper {
  display: block; }

.salesforce-payments-errors {
  font-size: 0.8em;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  border: 1px solid lightblue;
  border-radius: 0.1875rem;
  background: #fee url(../../images/exclamation.svg) 0.5rem 0.5rem/1rem no-repeat; }

.salesforce-payments-errors:empty {
  display: none; }

.salesforce-paymentrequest-element-errors {
  margin-top: 0.75rem; }

.salesforce-paymentrequest-element[disabled] {
  display: none; }

.salesforce-secure-payment {
  margin-left: 1.2rem;
  font-size: 0.8em;
  padding: 0.3rem 0.5rem 0.5rem 1.5rem;
  background: url(../../images/padlock.svg) no-repeat; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
body,
.card,
.card-header,
.hero {
  background-color: var(--skin-background-color-1);
  font-family: var(--skin-body-font);
  color: var(--skin-main-text-color-1); }

.hero {
  border-bottom-color: var(--skin-background-color-1); }

.main-menu {
  background-color: var(--skin-banner-background-color-1); }

.banner-color {
  background-color: var(--skin-banner-background-color-1); }

.header-banner {
  background-color: var(--skin-banner-background-color-2);
  color: var(--skin-banner-text-color-1); }

.header-banner .close-button .close {
  background-color: var(--skin-primary-color-1); }

h1.header.page-title,
h1.header.page-title::before {
  background-color: var(--skin-heading-color-1);
  color: var(--skin-heading-color-1-invert); }

.product-tile {
  background-color: var(--skin-background-color-1);
  border: 10px solid var(--skin-border-color-1); }

.refinements ul li button {
  color: var(--skin-primary-color-1); }

.custom-select {
  background-color: var(--skin-selectbox-background-color-1);
  color: var(--skin-selectbox-text-color-1); }

a {
  color: var(--skin-primary-color-1); }

header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary), header ~ #maincontent .promo.banner .text.overlay a:not(.btn-primary):not(.btn-outline-primary), .promo.banner header ~ #maincontent .text.overlay a:not(.btn-primary):not(.btn-outline-primary) {
  color: var(--skin-primary-color-1); }

.price {
  color: var(--skin-price-1); }

.navbar,
.navbar .nav-item,
.navbar .nav-item a,
.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown a,
.dropdown-menu,
.dropdown-menu a {
  color: var(--skin-menu-color-1); }
  @media (min-width: 769px) {
    .navbar,
    .navbar .nav-item,
    .navbar .nav-item a,
    .navbar .nav-item.dropdown,
    .navbar .nav-item.dropdown a,
    .dropdown-menu,
    .dropdown-menu a {
      color: var(--skin-menu-color-1-invert); } }

.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown .dropdown-menu.show {
  color: var(--skin-selectbox-text-color-1); }

.navbar .nav-item.dropdown .dropdown-menu.show {
  background-color: var(--skin-selectbox-background-color-1); }
  .navbar .nav-item.dropdown .dropdown-menu.show a,
  .navbar .nav-item.dropdown .dropdown-menu.show .nav-item {
    color: var(--skin-selectbox-text-color-1); }

.nav-item .nav-link:hover,
.nav-item .nav-link:focus,
.nav-item.show .nav-link {
  background-color: var(--skin-menu-color-1-invert);
  color: var(--skin-menu-color-1) !important; }

.btn-primary {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  color: var(--skin-primary-color-invert-1); }

.btn-primary:hover {
  color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  background-color: var(--skin-primary-color-invert-1); }

.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color);
  color: var(--skin-primary-color-invert-1);
  opacity: 0.5; }

.btn-outline-primary {
  color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1); }

.btn-outline-primary:hover {
  color: var(--skin-primary-color-invert-1);
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1); }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--skin-header-font), sans-serif; }

a {
  color: var(--skin-link-color-1); }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #c00;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f9f9f9;
  --color-grey2: #eee;
  --color-grey3: #ccc;
  --color-grey4: #999;
  --color-grey5: #666;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #1782c5;
  --color-secondary: #484848;
  --color-accent: #249be5;
  --color-red: #c00;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f9f9f9;
  --color-grey2: #eee;
  --color-grey3: #ccc;
  --color-grey4: #999;
  --color-grey5: #666;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-grey7);
  --skin-main-text-color-2: var(--color-grey7);
  --skin-menu-color-1: var(--color-white);
  --skin-menu-color-1-invert: var(--color-accent);
  --skin-menu-color-2: var(--color-secondary);
  --skin-link-color-1: var(--color-secondary);
  --skin-link-color-2: var(--color-primary);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Source Sans Pro, sans-serif;
  --skin-body-font: Source Sans Pro, sans-serif;
  --skin-promo-color: var(--color-light-green);
  --skin-bg-accent: var(--color-grey2);
  --skin-bg-dark: var(--color-secondary); }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.highlight {
  background-color: var(--skin-bg-accent);
  padding: 2rem; }
  @media (min-width: 992px) {
    .highlight {
      padding: 3rem; } }

.product-tile {
  border-width: 0; }

.btn-primary {
  background-color: var(--skin-primary-color);
  border-color: var(--skin-primary-color);
  color: var(--color-white); }
  .btn-primary:hover {
    color: var(--color-white);
    border-color: var(--skin-primary-color-invert);
    background-color: var(--skin-primary-color-invert); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--color-grey1);
    border-color: var(--skin-primary-color);
    color: var(--skin-primary-color);
    opacity: 0.5; }

.btn-outline-primary {
  background-color: var(--color-grey1);
  border-color: var(--skin-primary-color);
  color: var(--skin-primary-color); }
  .btn-outline-primary:hover {
    color: var(--color-white);
    border-color: var(--skin-primary-color-invert);
    background-color: var(--skin-primary-color-invert); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    opacity: 0.5; }
    .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
      background-color: var(--color-grey1);
      border-color: var(--skin-primary-color);
      color: var(--skin-primary-color); }

h1, h2, h3, h4, h5, h6 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400; }

h1.header.page-title,
h1.header.page-title::before {
  background-color: transparent;
  color: var(--color-black); }
  .homepage h1.header.page-title, .homepage
  h1.header.page-title::before {
    background-color: var(--skin-heading-color-1);
    color: var(--skin-heading-color-1-invert); }

h2 {
  font-family: "Playfair Display", serif;
  font-weight: 400; }

h3 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-size: 1.25rem; }
  @media (min-width: 769px) {
    h3 {
      font-size: 1.5rem; } }

a {
  color: var(--skin-link-color-1); }

.navbar,
.navbar .nav-item,
.navbar .nav-item a,
.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown a,
.dropdown-menu,
.dropdown-menu a {
  color: var(--skin-menu-color-2); }
  @media (min-width: 769px) {
    .navbar,
    .navbar .nav-item,
    .navbar .nav-item a,
    .navbar .nav-item.dropdown,
    .navbar .nav-item.dropdown a,
    .dropdown-menu,
    .dropdown-menu a {
      color: var(--skin-menu-color-1); } }

header.accel .navbar-header {
  color: var(--color-white);
  background-color: var(--skin-secondary-color); }
  header.accel .navbar-header a {
    color: var(--color-white); }
  header.accel .navbar-header .user .popover {
    background-color: var(--color-grey2); }
    header.accel .navbar-header .user .popover a {
      color: var(--skin-secondary-color); }
  header.accel .navbar-header .country-selector .btn {
    color: var(--color-white); }
  header.accel .navbar-header .country-selector a {
    color: var(--skin-secondary-color); }
  header.accel .navbar-header .dropdown-country-selector {
    background-color: var(--color-grey2); }

header.accel .minicart {
  background-color: transparent; }
  @media (min-width: 992px) {
    header.accel .minicart {
      background-color: var(--color-primary); } }
  header.accel .minicart .minicart-quantity {
    color: var(--skin-secondary-color); }
    @media (min-width: 992px) {
      header.accel .minicart .minicart-quantity {
        color: var(--color-white); } }

@media (min-width: 992px) {
  header.accel .main-menu {
    background-color: transparent; } }

header.accel .header-main {
  background-color: var(--color-grey1); }

header.accel .navbar,
header.accel .navbar .nav-item,
header.accel .navbar .nav-item a,
header.accel .navbar .nav-item.dropdown,
header.accel .navbar .nav-item.dropdown a,
header.accel .dropdown-menu,
header.accel .dropdown-menu a {
  color: var(--skin-menu-color-2); }
  @media (min-width: 992px) {
    header.accel .navbar,
    header.accel .navbar .nav-item,
    header.accel .navbar .nav-item a,
    header.accel .navbar .nav-item.dropdown,
    header.accel .navbar .nav-item.dropdown a,
    header.accel .dropdown-menu,
    header.accel .dropdown-menu a {
      color: var(--skin-menu-color-2); } }

header.accel .nav-item .nav-link {
  background-color: transparent;
  color: var(--skin-secondary-color); }
  @media (min-width: 992px) {
    header.accel .nav-item .nav-link {
      border-bottom: 0.3125rem solid transparent;
      border-top: 0.3125rem solid transparent; } }

header.accel .nav-item .nav-link:hover,
header.accel .nav-item .nav-link:focus,
header.accel .nav-item.show .nav-link {
  background-color: transparent;
  color: var(--skin-menu-color-2) !important; }
  @media (min-width: 992px) {
    header.accel .nav-item .nav-link:hover,
    header.accel .nav-item .nav-link:focus,
    header.accel .nav-item.show .nav-link {
      border-bottom: 0.3125rem solid var(--skin-menu-color-1-invert); } }

@media (min-width: 992px) {
  header.accel .navbar-nav > .dropdown.mega-nav > .dropdown-menu > .dropdown-item > .dropdown-link {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-primary);
    font-size: 0.875rem; } }

footer {
  background-color: var(--skin-accent-color);
  color: var(--color-white); }
  footer h2 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    color: var(--color-white); }
    @media (min-width: 769px) {
      footer h2 {
        color: var(--skin-secondary-color); } }
  footer a {
    color: var(--color-white); }
  footer .store a:hover {
    color: var(--color-white); }
    @media (min-width: 769px) {
      footer .store a:hover {
        color: var(--skin-secondary-color); } }
  footer .container div.collapsible-xs button.title, footer .promo.banner .text.overlay div.collapsible-xs button.title, .promo.banner footer .text.overlay div.collapsible-xs button.title {
    color: var(--color-white); }
    @media (min-width: 769px) {
      footer .container div.collapsible-xs button.title, footer .promo.banner .text.overlay div.collapsible-xs button.title, .promo.banner footer .text.overlay div.collapsible-xs button.title {
        color: var(--skin-secondary-color); } }
  footer .back-to-top i.fa-circle {
    color: var(--color-grey1); }

.refinements .refinement {
  border: 0; }

.refinements ul li button {
  color: var(--skin-secondary-color); }

.refinements ul li.size-attribute button {
  border: 1px solid var(--color-grey5);
  background-color: var(--color-white); }
  .refinements ul li.size-attribute button.selected {
    border: 1px solid var(--skin-secondary-color);
    background-color: var(--skin-secondary-color);
    color: var(--color-white); }

@media (min-width: 769px) {
  .grid-tile-wrapper:hover {
    box-shadow: var(--skin-box-shadow);
    z-index: 2; } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #bd0000;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-orange: #fe5000;
  --color-dark-orange: #eb4800;
  --color-darker-orange: #d24200;
  --color-abbey: #4c5055;
  --color-dune: #2d2926;
  --color-primary: #fe5000;
  --color-secondary: #4c5055;
  --color-accent: #fff;
  --color-red: #bd0000;
  --color-success: var(--color-orange);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-grey1: #f5f5f5;
  --color-grey2: #e4e4e4;
  --color-grey3: #cfcfcf;
  --color-grey4: #97999b;
  --color-grey5: #4c5055;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey3);
  --color-dark-gray: var(--color-grey4);
  --color-darker-gray: var(--color-grey5);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey5);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-font-family-1: Muli;
  --skin-font-family-2: HelveticaNeue;
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-abbey);
  --skin-main-text-color-2: var(--color-abbey);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-darker-orange);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-primary-color-invert-1: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-accent);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Muli;
  --skin-header-font-2: HelveticaNeue;
  --skin-body-font: HelveticaNeue;
  --skin-promo-color: var($primary);
  --skin-font-weight-light: 300;
  --skin-font-weight-normal: 400;
  --skin-font-weight-bold: 700;
  --skin-font-weight-extra-bold: 800;
  --skin-font-weight-black: 900; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
h1 {
  font-family: "Muli";
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 3rem;
  text-transform: uppercase; }

h2 {
  font-family: "Muli";
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-transform: uppercase; }

h3 {
  font-family: "HelveticaNeue";
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 1.75rem; }

h4 {
  font-family: "HelveticaNeue";
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.1625rem; }

h5 {
  font-family: "Muli";
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.15625rem;
  text-transform: uppercase; }

.page {
  background-color: var(--color-white); }

.page-heading {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem; }
  @media (min-width: 544px) {
    .page-heading {
      margin-top: 3.75rem;
      margin-bottom: 1.875rem; } }

.page-container {
  margin-bottom: 5rem; }
  .page-container.search-results {
    margin-bottom: 0; }

h1.page-title {
  margin: 0;
  color: var(--color-abbey); }

h1.header.page-title,
h1.header.page-title::before {
  background-color: transparent;
  color: var(--color-black); }
  .homepage h1.header.page-title, .homepage
  h1.header.page-title::before {
    background-color: var(--skin-heading-color-1);
    color: var(--skin-heading-color-1-invert); }

body {
  font-family: var(--skin-body-font);
  font-size: 1rem;
  line-height: 1.5rem; }

a {
  text-decoration: underline; }
  a:hover, a:active {
    text-decoration: none; }
  a:disabled {
    cursor: default; }
  header a,
  footer a {
    text-decoration: none; }

ul.stylized-list {
  list-style-type: none;
  padding-left: 0;
  font-family: "HelveticaNeue";
  font-weight: 300;
  font-size: 1.25rem;
  margin-bottom: 0; }
  @media (min-width: 544px) {
    ul.stylized-list {
      columns: 2;
      -webkit-columns: 2;
      -moz-columns: 2; } }
  ul.stylized-list li {
    position: relative;
    margin-bottom: 0.75rem;
    line-height: 1.75rem;
    padding-left: 1.4375rem; }
    @media (min-width: 544px) {
      ul.stylized-list li {
        width: 90%; } }
    ul.stylized-list li:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0.4375rem;
      display: block;
      width: 0.8125rem;
      height: 0.8125rem;
      background-color: var(--color-white);
      border: 0.3125rem solid var(--skin-primary-color);
      border-radius: 50%; }

.btn {
  border-radius: 0.3125rem;
  border-width: 0.125rem;
  font-family: var(--skin-font-family-2);
  font-weight: var(--skin-font-weight-bold);
  font-size: 1.1875rem;
  line-height: 1.1875rem;
  padding: 0.75rem 1.25rem;
  text-decoration: none;
  text-transform: none; }
  .btn .fa {
    font-size: 89%; }

.btn-primary:not(:disabled):not(.disabled).focus, .btn-primary:not(:disabled):not(.disabled):focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):hover {
  color: var(--color-white);
  border-color: var(--color-darker-orange);
  background-color: var(--color-darker-orange);
  box-shadow: none; }
  .btn-primary:not(:disabled):not(.disabled).focus.grey-button, .btn-primary:not(:disabled):not(.disabled):focus.grey-button, .btn-primary:not(:disabled):not(.disabled):active.grey-button, .btn-primary:not(:disabled):not(.disabled):hover.grey-button {
    background-color: #97999b;
    border-color: #97999b; }

.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  color: var(--skin-primary-color-invert-1);
  opacity: 0.5;
  cursor: default; }
  .btn-primary.disabled.grey-button, .btn-primary:disabled.grey-button {
    background-color: #97999b;
    border-color: #97999b; }

.btn-no-bg {
  font-size: 1rem; }
  .btn-no-bg::after {
    content: '>>';
    font-size: 0.625rem;
    position: relative;
    top: -0.1875rem;
    letter-spacing: 0; }

.btn-back-to-top {
  border-radius: 1.875rem;
  padding-right: 40px;
  position: relative; }

.up_arrow {
  transform: rotate(-90deg);
  width: 20px;
  height: 20px;
  display: inline-block;
  font-size: 3.4375rem;
  position: absolute;
  right: 10px;
  font-weight: 300; }

.btn-outline-primary {
  background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled).focus, .btn-outline-primary:not(:disabled):not(.disabled):focus, .btn-outline-primary:not(:disabled):not(.disabled):hover, .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: var(--color-darker-orange);
    border-color: var(--color-darker-orange);
    background-color: transparent;
    box-shadow: none; }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    cursor: default; }

::-moz-placeholder {
  color: var(--color-slightly-darker-gray); }

::placeholder {
  color: var(--color-slightly-darker-gray); }

:-ms-input-placeholder {
  color: var(--color-slightly-darker-gray); }

::-ms-input-placeholder {
  color: var(--color-slightly-darker-gray); }

.form-group {
  position: relative; }
  .form-group.quantity-form {
    margin-bottom: 0; }
  .form-group .info-icon {
    position: absolute;
    top: 2.5625rem;
    right: 0.5rem; }
    .form-group .info-icon .tooltip {
      background-color: var(--color-abbey);
      padding: 0.5rem 0.5625rem;
      font-size: 1rem;
      line-height: 1.15625rem;
      text-align: left;
      left: unset;
      right: -1.25rem;
      bottom: 2.375rem;
      transform: unset;
      z-index: 1; }
      .form-group .info-icon .tooltip::after {
        left: unset;
        right: 1.25rem; }
    .form-group .info-icon .icon {
      position: relative;
      color: transparent;
      width: 1.25rem;
      height: 1.25rem; }
      .form-group .info-icon .icon::before {
        display: inline;
        font-family: "Font Awesome 5 Free";
        font-size: 0.75rem;
        font-weight: 700;
        line-height: 0.75rem;
        content: '\F129';
        color: var(--color-white);
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .form-group .info-icon ~ .form-control {
      padding-right: 2.5rem; }
    .form-group .info-icon:hover .icon {
      background-color: var(--color-dark-gray); }
  .form-group span {
    display: block;
    text-align: right; }
  .form-group.is-validated::after {
    display: block;
    font-family: "Font Awesome 5 Free";
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-dark-gray);
    background-color: var(--color-white);
    content: '\F058';
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 2.40625rem;
    right: 0.5rem; }
  .form-group.saved-security-code .info-icon {
    right: 1.4375rem; }

.form-control-label {
  color: var(--color-black); }

.form-control {
  color: var(--color-black);
  border-color: var(--color-dark-gray);
  border-radius: 0.3125rem; }
  .form-control:focus {
    border-color: var(--color-dark-gray);
    box-shadow: 0 0 0 0.1875rem var(--color-slightly-darker-gray); }
  .form-control.is-invalid {
    border-width: 0.125rem; }
    .form-control.is-invalid ~ .invalid-feedback {
      font-size: 1rem;
      text-align: right; }
      .form-control.is-invalid ~ .invalid-feedback::after {
        display: block;
        font-family: "Font Awesome 5 Free";
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--color-red);
        background-color: var(--color-white);
        content: '\F057';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        top: 2.40625rem;
        right: 0.5rem;
        pointer-events: none; }
        .card-number-wrapper .form-control.is-invalid ~ .invalid-feedback::after {
          top: 0.4375rem;
          right: 3.75rem; }
        .custom-select-group .form-control.is-invalid ~ .invalid-feedback::after {
          right: 1.5625rem; }
  .card-number-wrapper .form-control {
    padding-right: 5.625rem; }

.card-number-wrapper {
  background-color: transparent; }

.custom-select-group::after {
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 1rem;
  content: '\F0D7';
  color: var(--color-abbey);
  position: absolute;
  height: 0.375rem;
  width: 0.625rem;
  pointer-events: none;
  z-index: 1;
  top: 2.375rem;
  right: 0.625rem; }

.custom-select-group.quantity-form::after {
  top: 1.75rem; }
  .line-item-quantity .custom-select-group.quantity-form::after {
    top: 2rem; }
  .minicart .custom-select-group.quantity-form::after {
    top: 1.75rem; }

.custom-select-group.sort-order-group::after {
  top: 0.4375rem;
  right: 1.875rem; }

.custom-select-group.no-label::after {
  top: 0.375rem; }

.custom-select {
  background: none;
  border-width: 0.125rem; }

.custom-control-label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

.custom-checkbox .custom-control-label::before {
  border: 0.125rem solid var(--color-dune); }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
  color: var(--color-white);
  font-family: "Font Awesome 5 Free";
  content: '\F00C';
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.03125rem; }

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border: 0.125rem solid var(--color-dune);
  box-shadow: 0 0 0 0.1875rem var(--color-slightly-darker-gray); }

.custom-control-input:checked ~ .custom-control-label::before {
  border: 0.125rem solid var(--skin-primary-color-1); }

.custom-control-input:checked:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.1875rem var(--color-slightly-darker-gray); }

.custom-radio .custom-control-label::before {
  border: 0.125rem solid var(--color-dune); }

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  border: 0.125rem solid var(--color-dune);
  background-color: var(--color-white); }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  display: inline-block;
  content: '';
  height: 0.5rem;
  width: 0.5rem;
  background-image: none;
  background-color: var(--color-primary);
  border-radius: 50%;
  position: absolute;
  top: 0.5rem;
  left: -1.25rem; }

@-moz-document url-prefix() {
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    margin-top: -0.0625rem; } }

.price .sales,
.price .range {
  font-family: "Muli";
  font-weight: 800;
  color: var(--skin-primary-color-1); }

.price.starting .starting-msg {
  display: block;
  font-family: "Muli";
  font-weight: 800;
  font-size: 0.625rem;
  line-height: 1.5rem;
  color: var(--color-abbey);
  text-transform: uppercase; }

.price.starting .starting-price {
  display: block;
  font-family: "Muli";
  font-weight: 800;
  color: var(--skin-primary-color-1); }

.price .strike-through {
  font-family: "Muli";
  font-weight: 800;
  color: var(--color-dark-gray); }

.modal-header {
  font-family: "Muli";
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.15625rem;
  text-transform: uppercase;
  color: var(--color-abbey); }
  .modal-header .close:focus {
    outline: 0; }

.nav-tabs .nav-item .nav-link {
  text-decoration: none; }
  .nav-tabs .nav-item .nav-link.show, .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link:focus {
    outline: 0.125rem solid var(--color-slightly-darker-gray);
    color: var(--color-darker-orange) !important; }

.valid-cookie-warning .close {
  height: 100%; }
  .valid-cookie-warning .close:focus, .valid-cookie-warning .close:hover {
    color: var(--color-white); }
  .valid-cookie-warning .close span {
    display: flex;
    height: 1rem;
    line-height: 1rem;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -0.25rem; }

footer {
  background-color: var(--color-abbey); }
  footer h2 {
    color: var(--color-white); }

.bg-img--none {
  background-image: none !important; }

.bulb-finder-header {
  background: var(--color-primary);
  position: relative; }
  @media (min-width: 1024px) {
    .bulb-finder-header {
      padding-top: 0; } }
  .bulb-finder-header h1 {
    color: var(--color-white);
    top: 0.9375rem;
    text-align: center;
    width: 100%;
    font-size: 2.25rem; }
    @media (min-width: 1024px) {
      .bulb-finder-header h1 {
        position: absolute;
        width: auto;
        font-size: 2.5rem; } }
  .bulb-finder-header .container-tabs,
  .bulb-finder-header .modify-vehicle {
    bottom: -15px;
    z-index: 3;
    position: relative;
    padding: 0; }
    @media (min-width: 1024px) {
      .bulb-finder-header .container-tabs,
      .bulb-finder-header .modify-vehicle {
        bottom: -25px; } }
  .bulb-finder-header .nav-fill {
    justify-content: center;
    border-bottom: none; }
    .bulb-finder-header .nav-fill .nav-item {
      flex: 0 0 auto; }
      .bulb-finder-header .nav-fill .nav-item .nav-link {
        border-top-left-radius: 0.625rem;
        border-top-right-radius: 0.625rem;
        color: var(--color-white) !important;
        background-color: var(--color-grey5);
        font-size: 1rem;
        width: 8.25rem; }
        .bulb-finder-header .nav-fill .nav-item .nav-link:focus, .bulb-finder-header .nav-fill .nav-item .nav-link:hover {
          outline: none;
          color: var(--color-white); }
      .bulb-finder-header .nav-fill .nav-item .active {
        background: var(--color-black);
        border-bottom: none; }
  .bulb-finder-header .custom-select-group {
    display: flex;
    flex-direction: column; }
    .bulb-finder-header .custom-select-group:after {
      display: none;
      top: 1.875rem;
      right: 1.875rem; }
  .bulb-finder-header .form-control-label {
    color: var(--color-white);
    white-space: nowrap; }
  .bulb-finder-header .bulb-finder-row {
    flex-wrap: nowrap; }
  .bulb-finder-header .tab-pane {
    padding: 1.25rem 0.9375rem 0rem;
    position: relative; }
    .bulb-finder-header .tab-pane.active {
      background: var(--color-black); }
  .bulb-finder-header select {
    background: var(--color-white);
    width: auto; }
  .bulb-finder-header #findbulb,
  .bulb-finder-header #findbulbRedirect {
    margin-top: 1.4375rem;
    padding: 9px 20px; }
  .bulb-finder-header .bulbfinder-disclaimer {
    color: var(--color-white);
    text-align: center; }
    .bulb-finder-header .bulbfinder-disclaimer.bulbfinder-error {
      color: #e74c3c;
      font-weight: bold;
      display: block !important; }
    @media (min-width: 1200px) {
      .bulb-finder-header .bulbfinder-disclaimer#bulb-by-bulb {
        position: absolute;
        bottom: 1.5625rem;
        left: 1.875rem; } }
  .bulb-finder-header #partNumber {
    width: 100%; }
  .bulb-finder-header #findbulbByPartNumber {
    display: inline-block;
    color: var(--color-white);
    border: none; }
    @media (min-width: 544px) {
      .bulb-finder-header #findbulbByPartNumber {
        width: auto; } }
  .bulb-finder-header .part-number-input {
    flex: 1 0 auto;
    margin-bottom: 20px; }
    @media (min-width: 544px) {
      .bulb-finder-header .part-number-input {
        margin-right: 15px;
        margin-bottom: 0; } }
  .bulb-finder-header .part-number-button {
    width: 100%;
    display: block; }
    @media (min-width: 544px) {
      .bulb-finder-header .part-number-button {
        width: auto;
        display: inline-block; } }
  .bulb-finder-header .form-group .bulb-position-modal {
    color: var(--color-white) !important; }
    .bulb-finder-header .form-group .bulb-position-modal .info-icon {
      position: initial;
      display: inline-block; }
      .bulb-finder-header .form-group .bulb-position-modal .info-icon:hover .icon {
        background-color: var(--skin-primary-color-1); }
      .bulb-finder-header .form-group .bulb-position-modal .info-icon .icon {
        background-color: var(--color-dark-gray); }
        .bulb-finder-header .form-group .bulb-position-modal .info-icon .icon:before {
          content: '\F128'; }
  .bulb-finder-header .question-label {
    white-space: nowrap; }
    .bulb-finder-header .question-label i {
      margin-left: 5px; }
  .bulb-finder-header .modify-vehicle {
    display: none; }
    .bulb-finder-header .modify-vehicle .col-12 {
      background-color: var(--color-black);
      padding: 1.25rem; }
    .bulb-finder-header .modify-vehicle button {
      background-color: transparent;
      border: 0.125rem solid var(--skin-primary-color);
      color: var(--skin-primary-color);
      width: 70%;
      margin: auto; }
  @media (max-width: 1023.98px) {
    .bulb-finder-header .container-tabs {
      display: none; }
      .bulb-finder-header .container-tabs.show {
        display: block !important; } }
  .bulb-finder-header .bulbfinder-accordion .card {
    border: none;
    overflow: visible; }
    .bulb-finder-header .bulbfinder-accordion .card-header {
      background: var(--color-black);
      color: var(--color-white);
      border-radius: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      margin-bottom: 0;
      overflow: visible; }
      .bulb-finder-header .bulbfinder-accordion .card-header::after, .bulb-finder-header .bulbfinder-accordion .card-header::before {
        position: absolute;
        content: "";
        left: 0;
        width: 100%;
        height: 0.125rem;
        background-color: var(--color-grey5); }
      .bulb-finder-header .bulbfinder-accordion .card-header::after {
        top: 0; }
      .bulb-finder-header .bulbfinder-accordion .card-header::before {
        bottom: -0.0625rem; }
      .bulb-finder-header .bulbfinder-accordion .card-header .btn-link {
        color: var(--color-white);
        font-size: 1rem;
        text-decoration: none;
        background-color: transparent;
        border: none;
        font-weight: var(--skin-font-weight-bold);
        font-family: var(--skin-font-family-1); }
        .bulb-finder-header .bulbfinder-accordion .card-header .btn-link i {
          color: var(--color-orange);
          font-size: 100%;
          margin-right: 0.25rem; }
        .bulb-finder-header .bulbfinder-accordion .card-header .btn-link.collapsed .fa-minus {
          display: none; }
        .bulb-finder-header .bulbfinder-accordion .card-header .btn-link:not(.collapsed) .fa-plus {
          display: none; }
        .bulb-finder-header .bulbfinder-accordion .card-header .btn-link:hover {
          text-decoration: none; }
    .bulb-finder-header .bulbfinder-accordion .card-body {
      background-color: var(--color-black); }
    .bulb-finder-header .bulbfinder-accordion .card .bulbfinder-collapse {
      position: absolute;
      top: 4.5rem;
      left: 0;
      z-index: 3; }
      .bulb-finder-header .bulbfinder-accordion .card .bulbfinder-collapse-title {
        text-align: center;
        color: var(--color-white);
        font-size: 1.125rem; }
      .bulb-finder-header .bulbfinder-accordion .card .bulbfinder-collapse-disclaimer {
        width: 100%;
        background-color: var(--color-black);
        text-align: center;
        color: var(--color-white);
        padding: 0.75rem 0.5rem 2rem;
        font-size: 0.75rem; }
        @media (min-width: 1024px) {
          .bulb-finder-header .bulbfinder-accordion .card .bulbfinder-collapse-disclaimer {
            font-size: 1.125rem; } }
    .bulb-finder-header .bulbfinder-accordion .card .bulbfinder-tabs {
      padding-top: 1.5rem;
      background-color: var(--color-black); }
      .bulb-finder-header .bulbfinder-accordion .card .bulbfinder-tabs .nav-tabs {
        justify-content: center;
        border: none;
        background-color: var(--color-black); }
        .bulb-finder-header .bulbfinder-accordion .card .bulbfinder-tabs .nav-tabs .nav-link {
          font-size: 1rem; }
          .bulb-finder-header .bulbfinder-accordion .card .bulbfinder-tabs .nav-tabs .nav-link.active {
            background: var(--color-white);
            color: var(--color-black) !important; }
      .bulb-finder-header .bulbfinder-accordion .card .bulbfinder-tabs .tab-pane {
        padding-top: 0; }
        .bulb-finder-header .bulbfinder-accordion .card .bulbfinder-tabs .tab-pane img {
          border-radius: 0.3125rem; }
  .bulb-finder-header .bulb-finder-form .select2 {
    width: auto !important; }
    .bulb-finder-header .bulb-finder-form .select2-selection {
      height: 38px;
      border-bottom: none; }
      .bulb-finder-header .bulb-finder-form .select2-selection__rendered {
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: left;
        color: var(--color-black); }
      .bulb-finder-header .bulb-finder-form .select2-selection__arrow {
        height: 100%; }
        .bulb-finder-header .bulb-finder-form .select2-selection__arrow b {
          border-width: 7px 6px 0 6px;
          border-color: var(--color-black) transparent transparent transparent;
          margin-left: -10px; }
    .bulb-finder-header .bulb-finder-form .select2-container--open .select2-selection__arrow b {
      border-color: transparent transparent var(--color-black) transparent;
      border-width: 0px 6px 7px 6px; }
    .bulb-finder-header .bulb-finder-form .select2-container--disabled .select2-selection__rendered {
      color: var(--color-grey4); }
    .bulb-finder-header .bulb-finder-form .select2-container--disabled .select2-selection__arrow b {
      border-color: var(--color-grey4) transparent transparent transparent; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--color-black);
  background-position: 2px center;
  background-repeat: no-repeat;
  background-size: auto;
  background-image: url("../../images/search-icon.svg");
  padding-left: 28px; }
  .select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
    outline: none; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 350px;
  overflow-y: scroll;
  /* Hide scrollbar */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }
  .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari and Opera */ }
  .select2-container--default .select2-results > .select2-results__options .select2-results__option--disabled {
    display: none; }

#bulbNotesModal .modal-header {
  text-transform: none; }

#request-position .modal-header,
#notes-modal .modal-header {
  right: 0;
  z-index: 1;
  border: none;
  padding: 20px 25px;
  width: 100%; }
  #request-position .modal-header button,
  #notes-modal .modal-header button {
    color: var(--color-primary);
    font-size: 30px;
    padding: 0; }

#bulbNotesModal .modal-header {
  border-bottom: 2px solid var(--color-grey2); }

@media (min-width: 1024px) {
  #request-position .modal-dialog {
    max-width: 1200px; } }

#request-position .modal-header {
  position: absolute; }

#maincontent .bulb-finder-header #resetLink {
  position: relative;
  color: var(--color-white); }
  #maincontent .bulb-finder-header #resetLink:hover {
    color: var(--skin-primary-color-1); }
  #maincontent .bulb-finder-header #resetLink i {
    margin-right: 0.5rem; }

.hero-banner .bulb-finder-component {
  background-color: var(--color-abbey); }
  @media (min-width: 769px) {
    .hero-banner .bulb-finder-component {
      background-color: transparent;
      position: absolute;
      top: 1.875rem;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1;
      width: 100%;
      max-width: 62.5rem; } }

.hero-banner .experience-commerce_assets-bulbFinder {
  padding: 0.625rem; }
  @media (min-width: 769px) {
    .hero-banner .experience-commerce_assets-bulbFinder {
      padding: 0 1.25rem; } }

.bulb-finder {
  background-color: var(--color-black);
  border: 0.1875rem solid var(--color-grey6); }
  @media (min-width: 769px) {
    .bulb-finder {
      margin: 0; } }

.bulb-finder-results--banner {
  position: relative;
  height: 10.625rem;
  display: flex;
  align-items: flex-end; }
  .bulb-finder-results--banner p {
    font-family: "Muli";
    font-weight: 700;
    font-size: 2.625rem;
    line-height: 3rem;
    color: var(--color-white);
    position: relative;
    z-index: 1;
    margin-bottom: 1.875rem; }
  .bulb-finder-results--banner:after {
    content: '';
    background-image: url("../images/banners/category-banner-mobile.png");
    background-color: var(--color-black);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    border-bottom: 0.1875rem solid var(--color-primary);
    position: absolute;
    width: 100%;
    height: 13.125rem; }

.bulb-finder-results--keywords {
  margin-bottom: 1.875rem;
  margin-top: 0.9375rem; }
  .bulb-finder-results--keywords p {
    margin-bottom: 0; }
  .bulb-finder-results--keywords ul {
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 0.9375rem; }
    @media (max-width: 1023.98px) {
      .bulb-finder-results--keywords ul {
        flex-wrap: wrap; } }
    .bulb-finder-results--keywords ul li {
      padding-left: 0.9375rem;
      padding-right: 0.5rem;
      font-size: 0.875rem;
      position: relative; }
      .bulb-finder-results--keywords ul li:before {
        content: "\2022";
        color: var(--color-grey3);
        font-weight: bold;
        position: absolute;
        left: 0; }
      .bulb-finder-results--keywords ul li:first-of-type {
        padding-left: 0; }
        .bulb-finder-results--keywords ul li:first-of-type:before {
          content: "";
          width: 0; }
  .bulb-finder-results--keywords button {
    color: var(--color-primary);
    border: 0.125rem solid var(--color-primary);
    background-color: var(--color-white);
    border-radius: 6px;
    font-weight: 500;
    padding: 0.25rem 0.625rem;
    cursor: pointer; }
    @media (max-width: 1023.98px) {
      .bulb-finder-results--keywords button {
        width: 100%;
        font-size: 1.125rem;
        padding: 0.625rem; } }
  .bulb-finder-results--keywords h4 {
    text-transform: uppercase;
    font-size: large;
    font-family: "Muli";
    font-weight: 800; }

.search-results #bulbInstallationVideoModal .modal-dialog {
  height: 60%; }
  @media (min-width: 769px) {
    .search-results #bulbInstallationVideoModal .modal-dialog {
      height: 50%; } }
  @media (min-width: 1024px) {
    .search-results #bulbInstallationVideoModal .modal-dialog {
      height: 75%; } }
  .search-results #bulbInstallationVideoModal .modal-dialog .modal-content {
    height: 100%; }
    @media (max-width: 1199.98px) {
      .search-results #bulbInstallationVideoModal .modal-dialog .modal-content {
        height: 100%;
        overflow: hidden; } }
    .search-results #bulbInstallationVideoModal .modal-dialog .modal-content .modal-body {
      height: 100%; }
      .search-results #bulbInstallationVideoModal .modal-dialog .modal-content .modal-body .embed-responsive {
        height: 100%; }
        @media (max-width: 1023.98px) {
          .search-results #bulbInstallationVideoModal .modal-dialog .modal-content .modal-body .embed-responsive::before {
            padding: 40.25%; } }

.no-car-data {
  display: none; }

#installPageModal {
  top: -100px; }
  #installPageModal .modal-dialog {
    max-width: 75%; }
    @media (max-width: 1023.98px) {
      #installPageModal .modal-dialog {
        max-width: 90%; } }
    #installPageModal .modal-dialog .modal-header {
      background-color: #F5F5F5;
      border-bottom: 0; }
      #installPageModal .modal-dialog .modal-header .modal-title {
        color: #FE5000;
        font-size: 26px;
        font-family: Helvetica, Neue;
        font-weight: bold;
        letter-spacing: 1.95px;
        text-transform: uppercase; }
        @media (max-width: 1023.98px) {
          #installPageModal .modal-dialog .modal-header .modal-title {
            font-size: 24px; } }
      #installPageModal .modal-dialog .modal-header .close span {
        color: var(--color-black); }
    @media (max-width: 1023.98px) {
      #installPageModal .modal-dialog .modal-body {
        padding: 1rem; } }
    #installPageModal .modal-dialog .modal-body .plp-bulb-keywords-header .how-to-install-main-container {
      background: var(--color-white);
      padding: 0; }
      #installPageModal .modal-dialog .modal-body .plp-bulb-keywords-header .how-to-install-main-container .how-to-install-container.time-tools {
        min-height: auto; }
        #installPageModal .modal-dialog .modal-body .plp-bulb-keywords-header .how-to-install-main-container .how-to-install-container.time-tools .section {
          width: 50%; }
      #installPageModal .modal-dialog .modal-body .plp-bulb-keywords-header .how-to-install-main-container .how-to-install-container .desc-container {
        margin-left: 14%; }
        @media (max-width: 1023.98px) {
          #installPageModal .modal-dialog .modal-body .plp-bulb-keywords-header .how-to-install-main-container .how-to-install-container .desc-container {
            flex-direction: column !important;
            margin-left: 20px;
            margin-top: 0; } }
        #installPageModal .modal-dialog .modal-body .plp-bulb-keywords-header .how-to-install-main-container .how-to-install-container .desc-container .section {
          flex-direction: column !important;
          align-items: flex-start;
          justify-content: space-between; }
      #installPageModal .modal-dialog .modal-body .plp-bulb-keywords-header .how-to-install-main-container .how-to-install-container .video-container {
        width: 100% !important; }

.ratings {
  display: flex;
  flex-direction: column; }

.ratings-holder {
  min-height: 24px; }

.page .p-w-r :focus {
  box-shadow: 0 0 0 0.125rem var(--skin-primary-color); }

.page .p-w-r a {
  color: var(--skin-primary-color); }
  .page .p-w-r a:hover, .page .p-w-r a:focus {
    color: var(--skin-primary-color); }
  .page .p-w-r a:focus {
    box-shadow: 0 0 0 0.125rem var(--skin-primary-color); }

.page .p-w-r span {
  text-align: left; }

.page .p-w-r .pr-rid .pr-rid-btn-container .pr-rid-btn {
  color: var(--skin-primary-color); }

.page .p-w-r .pr-rid .pr-rid-btn-container .pr-ellipsis-icon {
  background-color: var(--skin-primary-color); }

.page .p-w-r .pr-rid .pr-rid-btn-container .pr-ellipsis-icon__circle__inner {
  stroke: var(--skin-primary-color); }

.page .p-w-r .pr-rid .pr-rid-btn-container .pr-rid-btn-text {
  text-align: center;
  color: var(--skin-primary-color); }

.page .p-w-r .pr-rid .pr-rid-btn-container:hover .pr-ellipsis-icon__circle__inner, .page .p-w-r .pr-rid .pr-rid-btn-container:focus .pr-ellipsis-icon__circle__inner {
  fill: var(--skin-primary-color); }

.page .p-w-r .pr-headline {
  text-transform: none; }

.page .p-w-r .pr-rating-stars,
.page .p-w-r .pr-snippet .pr-snippet-stars-png {
  display: flex; }
  .page .p-w-r .pr-rating-stars .pr-snippet-rating-decimal,
  .page .p-w-r .pr-snippet .pr-snippet-stars-png .pr-snippet-rating-decimal {
    line-height: 0.9375rem;
    padding: 0.125rem 0.375rem; }

.page .p-w-r .pr-star-v4-0-filled {
  background-image: url("../images/stars/star-0.png"); }

.page .p-w-r .pr-star-v4-25-filled {
  background-image: url("../images/stars/star-25.png"); }

.page .p-w-r .pr-star-v4-50-filled {
  background-image: url("../images/stars/star-50.png"); }

.page .p-w-r .pr-star-v4-75-filled {
  background-image: url("../images/stars/star-75.png"); }

.page .p-w-r .pr-star-v4-100-filled {
  background-image: url("../images/stars/star-100.png"); }

.page .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4 {
  height: 1.3125rem;
  width: 1.3125rem; }

.page .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-ratings-histogram-barValue {
  background: var(--skin-primary-color); }

.page .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-stars:hover .pr-ratings-histogram-barValue {
  background: var(--color-darker-orange); }

.page .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button,
.page .p-w-r .pr-read-review .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button {
  display: flex;
  align-items: center;
  justify-content: center; }
  .page .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button .pr-search-icon,
  .page .p-w-r .pr-read-review .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button .pr-search-icon {
    height: 1.75rem;
    display: block; }

.page .p-w-r .pr-qa-display.pr-qa-display-desktop {
  padding-right: 0; }
  .page .p-w-r .pr-qa-display.pr-qa-display-desktop .pr-qa-display-headline {
    margin-left: 0; }
  .page .p-w-r .pr-qa-display.pr-qa-display-desktop .pr-qa-display-answer-by-container.pr-qa-display-answer-by-container-expert,
  .page .p-w-r .pr-qa-display.pr-qa-display-desktop .pr-qa-display-answer-by-container.pr-qa-display-answer-by-container-expert {
    border-color: var(--skin-primary-color); }

.page .p-w-r .pr-qa-display .pr-btn-answer,
.page .p-w-r .pr-qa-display .pr-btn-ask-question {
  color: var(--skin-primary-color); }
  .page .p-w-r .pr-qa-display .pr-btn-answer span,
  .page .p-w-r .pr-qa-display .pr-btn-ask-question span {
    color: var(--skin-primary-color); }
  .page .p-w-r .pr-qa-display .pr-btn-answer .pr-cross-icon__circle,
  .page .p-w-r .pr-qa-display .pr-btn-answer .pr-cross-icon__line,
  .page .p-w-r .pr-qa-display .pr-btn-ask-question .pr-cross-icon__circle,
  .page .p-w-r .pr-qa-display .pr-btn-ask-question .pr-cross-icon__line {
    stroke: var(--skin-primary-color); }

.page .p-w-r .pr-media-card-content-text-readreview {
  color: var(--skin-primary-color); }

.page .p-w-r .pr-media-card-content-text-stars .pr-snippet-stars .pr-snippet-rating-decimal {
  line-height: 0.9375rem;
  padding: 0.125rem 0.375rem; }

.page .p-w-r .pr-media-card-footer {
  background-color: transparent; }

.page .p-w-r .pr-media-carousel--light .button:focus .pr-caret-icon, .page .p-w-r .pr-media-carousel--light .button:hover .pr-caret-icon {
  background: rgba(254, 80, 0, 0.7); }

.page .p-w-r .pr-media-carousel--light .button .icon .pr-caret-icon__line {
  stroke: var(--skin-primary-color); }

.page .p-w-r .pr-media-carousel--light .button .icon:focus .pr-caret-icon, .page .p-w-r .pr-media-carousel--light .button .icon:hover .pr-caret-icon {
  background: rgba(254, 80, 0, 0.7); }

.page .p-w-r .pr-accessible-btn,
.page .p-w-r .pr-accessible-btn.pr-btn-default,
.page .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-read-and-write a {
  background-color: var(--skin-primary-color);
  color: var(--color-white) !important;
  border: 0.125rem solid var(--skin-primary-color); }
  .page .p-w-r .pr-accessible-btn:hover, .page .p-w-r .pr-accessible-btn:active, .page .p-w-r .pr-accessible-btn:focus,
  .page .p-w-r .pr-accessible-btn.pr-btn-default:hover,
  .page .p-w-r .pr-accessible-btn.pr-btn-default:active,
  .page .p-w-r .pr-accessible-btn.pr-btn-default:focus,
  .page .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-read-and-write a:hover,
  .page .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-read-and-write a:active,
  .page .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-read-and-write a:focus {
    color: var(--color-white) !important;
    border-color: var(--color-darker-orange);
    background-color: var(--color-darker-orange); }

.page .p-w-r .pr-btn-fileinput {
  color: var(--skin-primary-color); }
  .page .p-w-r .pr-btn-fileinput:hover, .page .p-w-r .pr-btn-fileinput:focus {
    color: var(--skin-primary-color); }

.page .p-w-r .pr-qa-display-ask-question {
  display: none !important; }

.page #pr-reviewsnippet {
  min-height: 1.6rem; }

.page #pr-reviewsnippet,
.page #pr-questionsnippet {
  margin-bottom: 0; }

.page .pr-snippet-stars-reco-reco,
.page #pr-questionsnippet {
  display: none; }

.page #pr-write {
  margin-bottom: 2rem; }

.p-w-r .pr-image-snippet.pr-rid-large .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-image-snippet.pr-rid-medium .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-image-snippet.pr-rd-display-tablet .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-image-snippet.pr-rd-display-desktop .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-rid.pr-rid-large .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-rid.pr-rid-medium .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-rid.pr-rd-display-tablet .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-rid.pr-rd-display-desktop .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-review-display.pr-rid-large .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-review-display.pr-rid-medium .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-qa-display.pr-rid-large .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-qa-display.pr-rid-medium .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-qa-display.pr-rd-display-tablet .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-qa-display.pr-rd-display-desktop .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-irl-gallery.pr-rid-large .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-irl-gallery.pr-rid-medium .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-irl-gallery.pr-rd-display-tablet .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-irl-gallery.pr-rd-display-desktop .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-irlsnippet.pr-rid-large .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-irlsnippet.pr-rid-medium .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-irlsnippet.pr-rd-display-tablet .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-irlsnippet.pr-rd-display-desktop .pr-rd-flag-review-container .pr-rd-flag-review-btn,
.p-w-r .pr-rd-flag-review-btn {
  color: var(--skin-primary-color) !important; }

.product-tile .p-w-r .pr-category-snippet {
  display: flex; }

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