@charset "UTF-8";.body-frameless,.body-wrapper {
  background-color: #fff
}

.body-wrapper {
  -webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 4px 16px 0 rgba(0,0,0,.3);
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.3);
  margin: 0 auto;
  max-width: 1400px;
  position: relative;
  right: 0;
  -webkit-transition: right .35s ease;
  -moz-transition: right .35s ease;
  -ms-transition: right .35s ease;
  -o-transition: right .35s ease;
  transition: right .35s ease;
  word-break: break-word
}

.body-content {
  padding-top: 1.25rem
}

.body-mask {
  background-color: rgba(153,153,153,.9);
  display: none!important;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 8
}

hr,hr:not([size]) {
  height: auto
}

html.nav-search-open .body-mask {
  display: block!important
}

html.nav-global-selector-open body,html.nav-main-mobile-open body,html.nav-main-mobile-transition body {
  overflow: hidden
}

html.nav-main-mobile-open .body-wrapper {
  right: 80%
}

@media (min-width: 768px) {
  html.nav-meganav-open .body-mask,html.navbar-main .body-mask {
      display:block!important
  }

  .body-content {
      padding-top: 1.875rem
  }
}

@media print {
  body,form,html {
      background-color: #fff!important
  }
}

@media (min-width: 3000px) {
  .body-wrapper.ev_hotspot_body {
      margin:auto;
      max-width: 100%
  }
}

.row,.row-band {
  margin-left: -20px;
  margin-right: -20px
}

.body-wrapper.body-wrapper--full-bleed {
  max-width: 100%;
  background-color: #fbfbfa;
  overflow: hidden
}

.body-wrapper.body-wrapper--full-bleed header {
  max-width: 100%
}

.body-wrapper.body-wrapper--full-bleed .col-12-grid-no-padding {
  margin-left: -20px;
  margin-right: -20px;
  max-width: auto;
  padding: 0
}

@media (min-width: 576px) {
  .body-wrapper.body-wrapper--full-bleed .col-12-grid-no-padding {
      margin-left:auto;
      margin-right: auto;
      max-width: 540px
  }
}

@media (min-width: 768px) {
  .body-wrapper.body-wrapper--full-bleed .col-12-grid-no-padding {
      max-width:720px
  }
}

@media (min-width: 992px) {
  html.nav-main-mobile-open .body-wrapper {
      right:0
  }

  .body-wrapper.body-wrapper--full-bleed .col-12-grid-no-padding {
      max-width: 960px
  }
}

@media (min-width: 1200px) {
  .body-wrapper.body-wrapper--full-bleed .col-12-grid-no-padding {
      max-width:1140px
  }
}

@media (min-width: 1400px) {
  .body-wrapper.body-wrapper--full-bleed .col-12-grid-no-padding {
      max-width:1320px
  }
}

.body-wrapper.body-wrapper--full-bleed .col-12-grid-no-padding .heading-section {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (min-width: 768px) {
  .body-wrapper.body-wrapper--full-bleed .col-12-grid-no-padding .heading-section {
      padding-right:0;
      padding-left: 0
  }
}

@media (min-width: 576px) {
  .body-wrapper.body-wrapper--full-bleed .col-12-grid {
      margin-left:auto;
      margin-right: auto;
      max-width: 540px;
      padding: 0
  }
}

@media (min-width: 768px) {
  .body-wrapper.body-wrapper--full-bleed .col-12-grid {
      max-width:720px
  }
}

@media (min-width: 992px) {
  .body-wrapper.body-wrapper--full-bleed .col-12-grid {
      max-width:960px
  }
}

@media (min-width: 1200px) {
  .body-wrapper.body-wrapper--full-bleed .col-12-grid {
      max-width:1140px
  }
}

@media (min-width: 1400px) {
  .body-wrapper.body-wrapper--full-bleed .col-12-grid {
      max-width:1320px
  }
}

.body-wrapper.body-wrapper--12-col .col-12-grid-no-padding {
  margin-left: auto;
  margin-right: auto;
  padding: 0
}

@media (min-width: 576px) {
  .body-wrapper.body-wrapper--12-col .col-12-grid-no-padding {
      max-width:540px
  }
}

@media (min-width: 768px) {
  .body-wrapper.body-wrapper--12-col .col-12-grid-no-padding {
      max-width:720px
  }
}

@media (min-width: 992px) {
  .body-wrapper.body-wrapper--12-col .col-12-grid-no-padding {
      max-width:960px
  }
}

@media (min-width: 1200px) {
  .body-wrapper.body-wrapper--12-col .col-12-grid-no-padding {
      max-width:1140px
  }
}

@media (min-width: 1400px) {
  .body-wrapper.body-wrapper--12-col .col-12-grid-no-padding {
      max-width:1320px
  }

  .body-wrapper.body-wrapper--full-bleed .container-fluid .row {
      margin: 0 -30px
  }
}

.body-wrapper.body-wrapper--12-col .col-12-grid-no-padding .heading-section {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (min-width: 768px) {
  .body-wrapper.body-wrapper--12-col .col-12-grid-no-padding .heading-section {
      padding-right:0;
      padding-left: 0
  }
}

.header--full-bleed header {
  max-width: 100%
}

.body-wrapper.body-wrapper--full-bleed .container-fluid .row.container--full-bleed {
  max-width: none;
  padding: 0
}

.body-wrapper.body-wrapper--full-bleed .container-fluid .row:not(.container--full-bleed) {
  margin-left: auto;
  margin-right: auto
}

@media (min-width: 576px) {
  .body-wrapper.body-wrapper--full-bleed .container-fluid .row:not(.container--full-bleed) {
      max-width:540px
  }
}

@media (min-width: 768px) {
  .body-wrapper.body-wrapper--full-bleed .container-fluid .row:not(.container--full-bleed) {
      max-width:720px
  }
}

@media (min-width: 992px) {
  .body-wrapper.body-wrapper--full-bleed .container-fluid .row:not(.container--full-bleed) {
      max-width:960px
  }
}

@media (min-width: 1200px) {
  .body-wrapper.body-wrapper--full-bleed .container-fluid .row:not(.container--full-bleed) {
      max-width:1140px
  }
}

@media (min-width: 1400px) {
  .body-wrapper.body-wrapper--full-bleed .container-fluid .row:not(.container--full-bleed) {
      max-width:1320px
  }
}

.container--bg-gray {
  background-color: #f5f5f5
}

.container--bg-white {
  background-color: #fff
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.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-auto {
  position: relative;
  width: 100%;
  min-height: 1px
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: none
  }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .col-md {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .col-md-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: none
  }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
  .col-lg {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: none
  }

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

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

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

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

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

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

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

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

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

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

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

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

a:hover {
  color: #0056b3
}

.form-control {
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  -o-appearance: auto
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: .75rem
}

.form-check {
  position: relative
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset
}

.dropdown-toggle {
  white-space: inherit
}

.dropdown-menu {
  top: 100%;
  left: 0
}

.nav-link:focus,.nav-link:hover {
  color: inherit
}

ul {
  padding-left: 40px
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: #2b2626;
  border: 0;
  opacity: .125;
  border-top: 1px solid rgba(0,0,0,.1)
}

.table-striped>tbody>tr:nth-of-type(odd) {
  --bs-table-accent-bg: inherit;
  color: inherit
}

.table>:not(caption)>*>* {
  padding: unset;
  border-bottom-width: inherit;
  background: 0 0
}

.table>:not(:last-child)>:last-child>* {
  border-bottom-color: transparent
}

tbody,td,tfoot,th,thead,tr {
  border-width: inherit;
  border-style: inherit
}

.table th {
  padding: .75rem
}

.modal-header {
  align-items: flex-start
}

.modal-header .btn-close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: auto
}

.btn-link {
  text-decoration: none
}

.btn-info.disabled,.btn-info:disabled {
  background-color: #17a2b8
}

.modal-footer {
  padding: 1rem
}

.modal-body .btn-close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
  background: 0 0;
  border: 0;
  padding: 0
}

.modal-body .modal-header .btn-close {
  padding: 1rem
}

label {
  margin-bottom: .5rem
}

.btn-close {
  border-radius: 0;
  width: auto
}

.btn-close:focus {
  box-shadow: none
}

.btn-close:not(:disabled):not(.disabled):focus,.btn-close:not(:disabled):not(.disabled):hover {
  color: #000;
  text-decoration: none;
  opacity: .75
}

.accordion-group>.accordion-item:only-child .accordion-header {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
  display: block;
  content: ""
}

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

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

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

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

.c01-accordion ol {
  padding-left: 40px
}

input[type=search]::-webkit-search-cancel-button {
  display: none
}

.xom-form .radio-buttons.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center
}

@media (min-width: 576px) {
  .accordion-group>.accordion-item:only-child {
      border-radius:.25rem
  }

  .xom-form .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0
  }
}

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

.product-selector-form #search-view .form-inner .search-header[_ngcontent-c2] .mobile-subheader[_ngcontent-c2] {
  padding-left: 15px;
  padding-right: 15px
}

.table-responsive {
  width: 100%;
  display: block
}

.btn:focus,.btn:hover,.guided-tour.dps-dialog.ui-dialog.dps-guided-tour-dialog.gradient .ui-dialog-content .intro .cta-button:hover {
  text-decoration: none
}

.btn-link:hover {
  text-decoration: underline
}

form a:hover {
  color: #0056b3
}

.datatable-container .ng-star-inserted,.datatable-container .scrollable-content,.datatable-container .table-stick-left-inner {
  padding: 0
}

a#linkClose,a#linkCloseRole,a#linkCloseRole:focus,a#linkCloseRole:focus-visible {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
  background: 0 0;
  padding: 0;
  text-align: end
}

a#linkClose:focus,a#linkClose:focus-visible {
  border: 0;
  outline: 0;
  box-shadow: none
}

.dps-property-selection-dialog a.help.ng-star-inserted {
  color: inherit;
  text-decoration: none
}

.datatable-container.sidebar-open .table a.name:hover,.dps-dialog a.cta-button:hover {
  text-decoration: none
}

.datatable-container .content .table-wrapper .table table .ng-star-inserted td {
  border: none!important
}

input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
  display: none
}

body.preview .modal {
  top: 10%!important
}

.navbar-nav .nav-link:focus-visible {
  outline: #000 solid;
  box-shadow: unset;
  outline-offset: 1px
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: transparent;
  background: 0 0
}

:not(.btn-check)+.btn-tertiary:active {
  color: #fff
}

:not(.btn-check)+.btn-deemphasized:active,:not(.btn-check)+.btn-tertiary:active {
  color: #fff;
  background-color: #b5b5b5
}

html {
  -webkit-font-smoothing: antialiased
}

body,html {
  background-color: #e0e0e0;
  color: #2b2626;
  font-size: 13px;
  font-size: .8125rem;
  height: 100%
}

body,p {
  line-height: 1.5;
  white-space: normal;
  word-break: normal
}

p {
  margin: 0 0 10px;
  font-size: 16px;
  font-size: 1rem
}

a {
  color: #0c479d;
  text-decoration: none
}

.component.list a,a:hover {
  text-decoration: underline
}

a:active {
  outline: 0
}

a.disabled {
  color: #b5b5b5
}

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

em {
  font-style: normal
}

em>strong,strong>em {
  font-style: normal;
  font-weight: 400
}

[data-lang=zh-CN] em {
  font-style: italic
}

@media (min-width: 576px) {
  body,html {
      font-size:16px;
      font-size: 1rem
  }
}

:not(footer):-moz-focusring {
  outline: #5a5a5a solid 2px!important
}

footer :-moz-focusring {
  outline: #fff solid 2px!important
}

#basic-addon1 img:-moz-focusring,#searchbuttonnewlocator img:-moz-focusring,.search-box input:-moz-focusring {
  outline: #fff auto 2px!important
}

h1,h2.large {
  font-size: 30px;
  font-size: 1.875rem
}

h2 {
  font-size: 40px;
  font-size: 2.5rem
}

h3 {
  font-size: 25px;
  font-size: 1.5625rem
}

@media only screen and (max-width: 767px) {
  h2 {
      font-size:1.125rem
  }

  h3 {
      font-size: 1rem
  }
}

h4 {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: .625rem;
  margin-bottom: .625rem
}

h5 {
  font-size: 14px;
  font-size: .875rem
}

@media (min-width: 768px) {
  h1 {
      font-size:50px;
      font-size: 3.125rem
  }

  h2 {
      font-size: 30px;
      font-size: 1.875rem
  }

  h2.large {
      font-size: 40px;
      font-size: 2.5rem
  }

  h3 {
      font-size: 25px;
      font-size: 1.5625rem
  }

  h4 {
      font-size: 20px;
      font-size: 1.25rem
  }

  h5 {
      font-size: 16px;
      font-size: 1rem
  }
}

.hsLevel1 {
  font-size: 18px;
  color: #0070c0
}

.hsLevel2 {
  font-size: 15px;
  color: #606060;
  font-weight: 600
}

.hsLevel3 {
  font-size: 14px;
  font-family: EMprint,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif!important;
  color: #606060
}

.hscolumn {
  columns: 100px 3
}

@media (max-width: 575px) {
  .hscolumn {
      columns:100px 1
  }
}

@media only screen and (min-width: 576px) and (max-width:820px) {
  .hscolumn {
      columns:100px 2
  }
}

.header_h3 {
  font-size: 2rem!important
}

:root {
  --red-1: 216,36,36;
  --red-2: 173,23,35;
  --blue-1: 12,71,157;
  --blue-2: 12,71,157;
  --blue-hover: 0,47,108;
  --gray-1: 255,255,255;
  --gray-2: 245,245,245;
  --gray-3: 227,227,227;
  --gray-4: 229,229,229;
  --gray-5: 204,204,205;
  --gray-6: 187,187,189;
  --gray-7: 128,128,128;
  --gray-8: 118,118,126;
  --gray-9: 17,17,34;
  --gray-10: 0,0,0;
  --filter-red: brightness(0) saturate(100%) invert(30%) sepia(26%) saturate(5051%) hue-rotate(340deg) brightness(88%) contrast(105%);
  --filter-red-hover: brightness(0) saturate(100%) invert(13%) sepia(78%) saturate(5030%) hue-rotate(348deg) brightness(82%) contrast(91%);
  --filter-blue: brightness(0) saturate(100%) invert(17%) sepia(45%) saturate(4806%) hue-rotate(210deg) brightness(93%) contrast(91%);
  --filter-blue-hover: brightness(0) saturate(100%) invert(7%) sepia(75%) saturate(5242%) hue-rotate(202deg) brightness(108%) contrast(108%);
  --filter-gray-1: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7470%) hue-rotate(116deg) brightness(109%) contrast(109%);
  --filter-gray-7: brightness(0) saturate(100%) invert(53%) sepia(5%) saturate(14%) hue-rotate(327deg) brightness(94%) contrast(87%);
  --filter-white: brightness(0) invert(1);
  --E-color-primary: var(--red-1);
  --E-color-on-primary: var(--gray-1);
  --E-color-primary-hover: var(--red-2);
  --E-color-primary-filter: var(--filter-red);
  --E-color-primary-filter-hover: var(--filter-red-hover)
}

.navigation-menu--blue {
  --E-color-primary: var(--blue-1);
  --E-color-on-primary: var(--gray-1);
  --E-color-primary-hover: var(--blue-2);
  --E-color-primary-filter: var(--filter-blue);
  --E-color-primary-filter-hover: var(--filter-blue)
}

.component {
  margin-bottom: 2rem
}

.component:after,.component:before {
  content: " ";
  display: table;
  line-height: 0
}

.glyph-link-bullet:before,.glyph-link::after,.link.glyph-link a:after {
  content: "\f054"
}

.component:after {
  clear: both
}

.component .component {
  margin-bottom: 0
}

body:not([data-bp=xl]) .component {
  margin-bottom: 1.5rem
}

body[data-bp] .component-margin-lg {
  margin-bottom: 3rem
}

.row-band,body[data-bp] .component-margin-md {
  margin-bottom: 2rem
}

body[data-bp] .component-margin-sm {
  margin-bottom: 1rem
}

body[data-bp] .component-margin-xs {
  margin-bottom: .5rem
}

.lightbox-button-container .button-bar .component.c04-lightbox:first-of-type,body[data-bp] .component-margin-none,body[data-bp] .component-no-child-margin:not(.child-components) .component {
  margin-bottom: 0
}

.component-padded {
  padding: 1rem
}

.component-shaded {
  background-color: #f2f2f2
}

.component-invisible {
  height: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden
}

@media (min-width: 768px) {
  .component-height-sm {
      height:200px
  }

  .component-height-md {
      height: 400px
  }

  .component-height-lg {
      height: 600px
  }

  .component-scroll,.component-scroll-horizontal,.component-scroll-vertical {
      overflow: auto
  }

  .component-scroll-vertical {
      overflow-x: hidden
  }

  .component-scroll-horizontal {
      overflow-y: hidden
  }
}

.button-arrow {
  padding-left: 25px
}

.button-bg {
  background-color: #fff!important;
  color: #000!important;
  border-radius: 0!important;
  margin-right: 15%
}

.component-text {
  vertical-align: middle!important;
  padding-left: 30px
}

.component-blue-shaded {
  background-color: #276bbb!important;
  color: #fff!important
}

.component-blue-padded {
  padding: 40px
}

.full-bleed-text {
  font-size: 18px!important;
  font-weight: 700
}

.glyph-arrow-up:after,.glyph-link-bullet:before,.glyph-link::after,.link.glyph-link a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900
}

.expanding-btn-padding {
  padding: 10px 15px!important
}

.body-content.container-fluid {
  position: relative
}

.component.list .component.b05-button.btn>a {
  text-decoration: none
}

.component p:empty {
  display: none
}

.coveo-height-wrapper .coveo-resultslist {
  min-height: 100vh
}

.glyph-arrow-up:after {
  content: " \f077"
}

.red_arrow.glyph-link a::after {
  color: #EB000C;
  display: inline-block;
  font-size: .5625rem
}

.icon {
  background-repeat: no-repeat;
  display: inline-block;
  position: relative
}

.icon-1688-round,.nav-social.nav-social-few.nav-social-on .icon-1688-round {
  background: url(https://www.mobil.com/Assets/img/icons.png) 122px -298px;
  width: 25px;
  height: 22px;
  display: inline-block;
  cursor: pointer;
  margin-right: 10px
}

.icon-blue-diamond {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -479px -409px;
  width: 15px;
  height: 15px
}

.icon-carousel-child-next,.icon-carousel-child-prev {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  height: 44px;
  width: 20px
}

.icon-carousel-child-next {
  background-position: -268px -913px
}

.icon-carousel-child-prev {
  background-position: -241px -913px
}

.icon-circle-minus,.icon-circle-plus {
  width: 24px;
  height: 24px;
  background-image: url(https://www.mobil.com/Assets/img/icons.png)
}

.icon-circle-minus {
  background-position: -394px -402px
}

.icon-circle-plus {
  background-position: -421px -402px
}

.icon-cloud {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -314px -261px;
  width: 36px;
  height: 36px
}

.icon-danger,.icon-disabled {
  height: 28px;
  background-image: url(https://www.mobil.com/Assets/img/icons.png)
}

.icon-danger {
  background-position: -264px -402px;
  width: 30px
}

.icon-disabled {
  background-position: -448px -223px;
  width: 28px
}

.icon-drop-arrow {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -208px -261px;
  width: 50px;
  height: 50px
}

.icon-ecommerce-round {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -323px -340px;
  width: 22px;
  height: 22px
}

.icon-envelope-list {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -171px -365px;
  width: 30px;
  height: 30px
}

.icon-facebook {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -123px 0;
  width: 120px;
  height: 100px
}

.icon-facebook-round {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -79px -435px;
  width: 22px;
  height: 22px
}

.icon-facebook-small {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -294px -158px;
  width: 21px;
  height: 17px
}

.icon-favorite-off,.icon-favorite-on {
  width: 15px;
  height: 15px;
  background-image: url(https://www.mobil.com/Assets/img/icons.png)
}

.icon-favorite-off {
  background-position: -479px -445px
}

.icon-favorite-on {
  background-position: -479px -427px
}

.icon-findmsds-list {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: 0 -402px;
  width: 30px;
  height: 30px
}

.icon-globe-large {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: 0 -435px;
  width: 26px;
  height: 26px
}

.icon-globe-small {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -479px -371px;
  width: 16px;
  height: 16px
}

.icon-linkedin-round {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -148px -340px;
  width: 22px;
  height: 22px
}

.icon-map-pin-blue {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -109px -261px;
  width: 40px;
  height: 72px
}

.icon-map-pin-blue-small {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -327px -219px;
  width: 20px;
  height: 32px
}

.icon-map-pin-green-small,.icon-map-pin-red-small,.icon-map-pin-yellow-small {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  width: 20px;
  height: 34px
}

.icon-map-pin-green-small {
  background-position: -448px -316px
}

.icon-map-pin-red-small {
  background-position: -327px -182px
}

.icon-map-pin-yellow-small {
  background-position: -218px -103px
}

.icon-nav-main-menu,.icon-nav-main-search {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  width: 29px;
  height: 24px
}

.icon-nav-main-menu {
  background-position: -362px -402px
}

.icon-nav-main-search {
  background-position: -330px -402px
}

.icon-newsletter-list,.icon-popup-arrow {
  width: 30px;
  background-image: url(https://www.mobil.com/Assets/img/icons.png)
}

.icon-newsletter-list {
  background-position: -66px -402px;
  height: 30px
}

.icon-popup-arrow {
  background-position: -297px -402px;
  height: 25px
}

.icon-question {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -448px -285px;
  width: 28px;
  height: 28px
}

.icon-sales-spec {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -165px -402px;
  width: 30px;
  height: 30px
}

.icon-search {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -37px -365px;
  width: 32px;
  height: 32px
}

.icon-search-white {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -246px -158px;
  width: 21px;
  height: 21px
}

.icon-share {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -479px -323px;
  width: 19px;
  height: 22px
}

.icon-success {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -448px -254px;
  width: 28px;
  height: 28px
}

.icon-success-filled {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: 0 -365px;
  width: 34px;
  height: 34px
}

.icon-telephone-list {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -303px -365px;
  width: 30px;
  height: 30px
}

.icon-twitter {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: 0 0;
  width: 120px;
  height: 100px
}

.icon-twitter-round {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -398px -438px;
  width: 22px;
  height: 22px
}

.icon-twitter-small {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -270px -158px;
  width: 21px;
  height: 17px
}

.icon-instagram-round,.icon-instagram-round-clear,.icon-instagram-round-hover {
  width: 22px;
  height: 22px;
  background-image: url(https://www.mobil.com/Assets/img/icons.png)
}

.icon-instagram-round {
  background-position: -198px -340px
}

.icon-instagram-round-clear {
  background-position: -273px -340px
}

.icon-instagram-round-hover {
  background-position: -248px -340px
}

.icon-warning {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -294px -438px;
  width: 30px;
  height: 28px
}

.icon-wechat-round,.nav-chat .icon-wechat-round {
  background-position: -179px -435px
}

.icon-wechat-round {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  width: 22px;
  height: 22px
}

.icon-world-white {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -424px -209px;
  width: 21px;
  height: 21px
}

.icon-youtube-round {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -223px -340px;
  width: 22px;
  height: 22px
}

.icon-doc,.icon-phone,.icon-pin-light-gray {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  width: 30px;
  height: 30px
}

.icon-phone {
  background-position: -72px -365px
}

.icon-doc {
  background-position: -33px -402px
}

.icon-pin-light-gray {
  background-position: -138px -365px
}

header .icon-container {
  width: 22px;
  height: 22px;
  display: inline-block;
  cursor: pointer;
  background-size: contain!important
}

.icon-dislike-standard,.icon-dislike-standard.icon-dislike-selected,.icon-dislike-standard:active,.icon-like-standard,.icon-like-standard.icon-like-selected,.icon-like-standard:active,.no-touch .icon-dislike-standard,.no-touch .icon-dislike-standard.icon-dislike-selected,.no-touch .icon-dislike-standard:active,.no-touch .icon-like-standard,.no-touch .icon-like-standard.icon-like-selected,.no-touch .icon-like-standard:active {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  width: 106px;
  height: 76px
}

.icon-like-standard {
  background-position: -109px -182px
}

.icon-like-standard:active {
  background-position: 0 -103px
}

.icon-like-standard.icon-like-selected {
  background-position: -218px -182px
}

.icon-dislike-standard {
  background-position: -246px 0
}

.icon-dislike-standard:active {
  background-position: 0 -182px
}

.icon-dislike-standard.icon-dislike-selected {
  background-position: -246px -79px
}

.no-touch .icon-like-standard {
  background-position: -109px -182px
}

@media (min-width: 992px) {
  .no-touch .icon-like-standard:hover {
      background-image:url(https://www.mobil.com/Assets/img/icons.png);
      background-position: 0 -261px;
      width: 106px;
      height: 76px
  }
}

.no-touch .icon-like-standard:active {
  background-position: 0 -103px
}

.no-touch .icon-like-standard.icon-like-selected {
  background-position: -218px -182px
}

.no-touch .icon-dislike-standard {
  background-position: -246px 0
}

@media (min-width: 992px) {
  .no-touch .icon-dislike-standard:hover {
      background-image:url(https://www.mobil.com/Assets/img/icons.png);
      background-position: -109px -103px;
      width: 106px;
      height: 76px
  }
}

.no-touch .icon-dislike-standard:active {
  background-position: 0 -182px
}

.no-touch .icon-dislike-standard.icon-dislike-selected {
  background-position: -246px -79px
}

.icon-video-view {
  background-image: url(/Assets/img/exxonmobil-chemical-play-fs-md.png)!important;
  background-position: 49% 44%!important;
  background-size: 65px 30px!important;
  height: 30px!important;
  width: 25px
}

.icon-telephone {
  background-position: -355px -151px
}

.icon-world-list {
  background-position: -355px -184px
}

.icon-badge-star {
  background-image: url(/Assets/img/chem-icons.png);
  background-position: -429px 0;
  width: 28px;
  height: 32px
}

.icon-gas-direct {
  background-image: url(/Assets/img/gas_direct.png);
  background-size: contain;
  width: 32px;
  height: 32px
}

.icon-view-chem {
  background-image: url(/Assets/img/chem-icons.png);
  background-position: -429px -316px;
  width: 25px;
  height: 30px
}

.icon-subscription-center,.icon-webinar {
  background-image: url(/Assets/img/icon-sprite.png)
}

.icon-webinar {
  background-position: 0 0;
  width: 30px;
  height: 26px
}

.icon-subscription-center {
  background-position: 0 -36px;
  width: 24px;
  height: 30px
}

.icon-blue-person,.icon-contact,.icon-contact-us-chem,.icon-customer-support,.icon-document,.icon-download,.icon-explore,.icon-library,.icon-library-chem,.icon-online-customer-service-chem,.icon-pds-chem,.icon-pds-chem-zh,.icon-primary-pin,.icon-sales-spec-chem,.icon-sales-spec-chem-zh,.icon-sds-chem,.icon-sds-chem-zh,.icon-share-orange,.icon-telephone,.icon-world-list {
  background-image: url(/Assets/img/chem-icons.png);
  height: 30px;
  width: 30px
}

.icon-blue-person {
  background-position: -33px -373px
}

.icon-contact {
  background-position: 0 -373px
}

.icon-customer-support {
  background-position: -99px -373px
}

.icon-document {
  background-position: -355px -217px
}

.icon-download {
  background-position: -355px -250px
}

.icon-explore {
  background-position: 0 -340px
}

.icon-library {
  background-position: -396px -340px
}

.icon-library-chem {
  background-position: -363px -340px
}

.icon-online-customer-service-chem {
  background-position: -392px -64px
}

.icon-pds-chem {
  background-position: -297px -340px
}

.icon-pds-chem-zh {
  background-position: -330px -340px
}

.icon-primary-pin {
  background-position: -165px -340px
}

.icon-sales-spec-chem {
  background-position: -99px -340px
}

.icon-sales-spec-chem-zh {
  background-position: -132px -340px
}

.icon-sds-chem {
  background-position: -355px -283px
}

.icon-sds-chem-zh {
  background-position: -33px -340px
}

.icon-share-orange {
  background-position: -388px -217px
}

.icon-contact-us-chem {
  background-position: -388px -250px
}

.icon-download-chem {
  background-image: url(/Assets/img/chem-icons.png);
  background-position: -429px -349px;
  width: 24px;
  height: 30px
}

.icon-share-bg-blue,.wechat-bg-green {
  width: 35px!important;
  height: 35px!important
}

.icon-chemical {
  top: .3rem!important;
  position: relative!important
}

.wechat-bg-green {
  background: url(/Assets/img/icon-share-sprite.png) center 0 no-repeat!important
}

.icon-share-bg-blue {
  background: url(/Assets/img/icon-share-sprite.png) center -50px no-repeat!important
}

.div-table {
  display: table;
  width: 100%;
  word-break: break-word
}

.div-table .div-table-body {
  display: table-row-group
}

.div-table .div-table-body .div-table-row {
  display: table-row
}

.div-table .div-table-body .div-table-row .div-table-cell {
  border: 1px solid #e6e6e6;
  display: table-cell;
  padding: .625rem;
  vertical-align: middle
}

.container-fluid,.row-band,div[class*=col-] {
  padding-left: 20px;
  padding-right: 20px
}

.b02-table-container {
  width: calc(100% + 40px)
}

@media screen and (min-width: 1000px) {
  .b02-table-container {
      width:calc(100% + 60px)
  }
}

.accordion-group .b02-table-container {
  width: 100%
}

.row {
  --bs-gutter-x: inherit;
  --bs-gutter-y: 0
}

.row-band {
  background-color: #f2f2f2;
  padding-top: 1rem
}

@media (min-width: 992px) {
  .row,.row-band {
      margin-left:-30px;
      margin-right: -30px
  }

  .container-fluid,.row-band,div[class*=col-] {
      padding-left: 30px;
      padding-right: 30px
  }
}

.mb-xs {
  margin-bottom: .5rem
}

.mb-sm {
  margin-bottom: 1rem
}

.mb-md {
  margin-bottom: 2rem
}

.mb-lg {
  margin-bottom: 3rem
}

.mt-xs {
  margin-top: .5rem
}

.mt-sm {
  margin-top: 1rem
}

.mt-md {
  margin-top: 2rem
}

.mt-lg {
  margin-top: 3rem
}

.icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu.show,.noMarginTop {
  margin-top: -1.25rem
}

.ms-xs {
  margin-left: .5rem
}

.ms-sm {
  margin-left: 1rem
}

.ms-md {
  margin-left: 2rem
}

.ms-lg {
  margin-left: 3rem
}

.me-xs {
  margin-right: .5rem
}

.me-sm {
  margin-right: 1rem
}

.me-md {
  margin-right: 2rem
}

.me-lg {
  margin-right: 3rem
}

@media (min-width: 768px) {
  .noMarginTop {
      margin-top:-1.875rem
  }
}

.display-table {
  display: table
}

.display-table-caption {
  display: table-caption
}

.display-table-head {
  display: table-header-group
}

.display-table-body {
  display: table-row-group
}

.display-table-foot {
  display: table-footer-group
}

.display-table-cell {
  display: table-cell
}

#gs-sidebar-items,.gs-bare-list,.gs-country-list,.gs-languages,.gs-region,.gs-region-content,.gs-websites-inner {
  list-style: none;
  padding: 0
}

.gs-filtered {
  display: none
}

#global-selector,#gs-sidebar {
  color: #fafafa;
  display: none;
  line-height: 1
}

#global-selector.gs-open {
  display: block;
  left: 0;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99
}

#gs-close-wrapper .gs-close-ie8,#gs-close-wrapper-ie {
  display: none
}

#global-selector a:active,#global-selector a:focus,#global-selector a:hover {
  color: #fafafa;
  outline: 0;
  text-decoration: none
}

#gs-bg {
  background: url(../img/global-selector-bg.jpg) center bottom no-repeat #333;
  background-size: cover;
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

#gs-close-wrapper {
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: 20px;
  right: 1.25rem;
  text-indent: -999999px;
  top: 25px;
  top: 1.5625rem;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 30px;
  z-index: 1
}

#gs-close-wrapper:after,#gs-close-wrapper:before {
  background-color: #fafafa;
  content: '';
  left: 50%;
  position: absolute;
  top: 50%
}

#gs-close-wrapper:before {
  height: 30px;
  margin-left: -.0625rem;
  margin-top: -.9375rem;
  width: 2px
}

#gs-close-wrapper:after {
  height: 2px;
  margin-left: -.9375rem;
  margin-top: -.0625rem;
  width: 30px
}

#gs-content-wrapper {
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0 20px;
  width: 100%
}

#gs-search {
  border-bottom: 1px solid #606060;
  margin: 1.875rem 0;
  position: relative
}

#gs-search .search-bar {
  width: 92%;
  z-index: -2
}

#gs-search .icon-search {
  background: 0 0;
  float: left;
  height: 100%;
  position: absolute;
  width: 66px;
  z-index: -1
}

#gs-search .icon-search:before {
  color: #606060;
  content: '\e001';
  font-size: 28px;
  font-size: 1.75rem;
  left: 0;
  height: 40px;
  position: relative;
  -webkit-transition: color .3s ease-out;
  -moz-transition: color .3s ease-out;
  -ms-transition: color .3s ease-out;
  -o-transition: color .3s ease-out;
  transition: color .3s ease-out;
  top: 5px;
  top: .3125rem;
  width: 40px
}

#gs-search-input {
  background: 0 0;
  border: none;
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  height: 55px;
  margin: 0;
  outline: 0;
  padding: 0 1.875rem 0 3.75rem;
  position: relative;
  top: -2px;
  top: -.125rem;
  width: 96%
}

#gs-search-input.placeholder {
  color: #fff
}

#gs-search-input:-moz-placeholder {
  color: #fff
}

#gs-search-input::-moz-placeholder {
  color: #fff
}

#gs-search-input::-webkit-input-placeholder {
  color: #fff
}

#gs-mobile-filter {
  border: 1px solid rgba(255,255,255,.3);
  display: inline-block;
  margin-top: 1.25rem;
  width: 100%
}

#gs-mobile-filter-trigger {
  background-color: transparent;
  border: 0;
  color: #fafafa;
  cursor: pointer;
  outline: 0;
  padding: 1.375rem .9375rem;
  position: relative;
  text-align: left;
  width: 100%
}

#gs-mobile-filter-trigger:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-top: 6px solid #d4d4d4;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  top: 50%;
  right: 15px;
  right: .9375rem;
  margin-top: -.25rem
}

#gs-mobile-filter-options {
  border-top: 1px solid rgba(255,255,255,0);
  margin: 0 .9375rem;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease
}

#gs-mobile-filter-options>li {
  font-size: 14px;
  font-size: .875rem;
  padding: .625rem 0
}

#gs-mobile-filter-options>li:first-child {
  padding-top: 1.25rem
}

#gs-mobile-filter-options>li:last-child {
  padding-bottom: 1.25rem
}

#gs-mobile-filter-options>li>a {
  color: #bdbdbd
}

#gs-mobile-filter.gs-mobile-filter-open #gs-mobile-filter-options {
  border-top: 1px solid rgba(255,255,255,.3);
  max-height: 999px
}

#gs-mobile-filter.gs-mobile-filter-open #gs-mobile-filter-trigger:after {
  margin-top: -.625rem;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.gs-region-wrapper {
  height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: -9999px;
  -webkit-transition: opacity .35s ease;
  -moz-transition: opacity .35s ease;
  -ms-transition: opacity .35s ease;
  -o-transition: opacity .35s ease;
  transition: opacity .35s ease
}

.gs-region-wrapper.gs-region-wrapper-active {
  height: auto;
  opacity: 1;
  filter: alpha(opacity=100);
  position: relative;
  top: auto
}

.gs-region-title {
  font-size: 15px;
  font-size: .9375rem;
  display: block;
  margin-top: 1.5625rem
}

.gs-country.gs-country-open>.gs-country-title {
  color: #fafafa
}

.gs-country.gs-country-open>.gs-websites {
  max-height: 999px;
  opacity: 1;
  filter: alpha(opacity=100)
}

.gs-country-title {
  color: #606060;
  cursor: pointer;
  display: inline-block;
  font-size: 36px;
  font-size: 2.25rem;
  margin: .375rem 0
}

.gs-country-title:hover {
  color: #fafafa
}

.gs-websites {
  border-left: 2px solid rgba(212,212,212,.2);
  opacity: 0;
  filter: alpha(opacity=0);
  max-height: 0;
  overflow: hidden;
  padding: 0 0 .3125rem 1.25rem;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -ms-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out
}

.gs-website {
  padding: .625rem 0
}

.gs-website-title {
  color: #d4d4d4;
  display: block;
  font-size: 15px;
  font-size: .9375rem;
  padding: .5rem 0 0
}

.gs-languages {
  margin-top: .625rem
}

.gs-languages>li {
  display: inline-block;
  padding-left: .25rem;
  vertical-align: middle
}

.gs-languages>li>a {
  color: #606060;
  font-size: 14px;
  font-size: .875rem
}

.gs-languages>li>a:before {
  content: '/';
  height: auto;
  left: -14px;
  left: -.875rem;
  padding-right: .4375rem;
  width: auto
}

.gs-languages>li:first-child {
  padding-left: 0
}

.gs-languages>li:first-child>a:before {
  display: none
}

@media screen and (min-width: 651px) {
  #gs-mobile-filter {
      display:none
  }

  #gs-search {
      height: 65px;
      margin: 2.1875rem 0 .625rem
  }

  #gs-search .icon-search:before {
      font-size: 36px;
      font-size: 2.25rem;
      top: 2px;
      top: .125rem
  }

  #gs-search-input {
      font-size: 30px;
      font-size: 1.875rem
  }

  #gs-sidebar {
      background-color: rgba(0,0,0,.3);
      display: block;
      height: 100%;
      left: 0;
      padding: 0;
      position: fixed;
      top: 0;
      width: 33%
  }

  #gs-sidebar-logo-wrapper {
      margin: 2.3125rem 0 2.125rem
  }

  #gs-sidebar-logo {
      background: url(../img/region-logo.png) no-repeat;
      height: 28px;
      margin: 0 8.6%;
      text-indent: -99999px
  }

  #gs-sidebar-items>li {
      margin: 0 8.6%
  }

  #gs-sidebar-items>li>a {
      color: #bdbdbd;
      display: block;
      font-size: 18px;
      font-size: 1.125rem;
      padding: .875rem 0
  }

  #gs-sidebar-items>li.gs-sidebar-item-active>a {
      color: #fafafa
  }

  .gs-sidebar-title {
      border-top: 1px solid #333;
      color: #555;
      font-size: 14px;
      font-size: .875rem;
      margin-top: 14px!important;
      padding: 1.25rem 0 .625rem
  }

  #gs-inner {
      padding-left: 33%
  }

  #gs-content {
      padding-left: 20px
  }
}

@media screen and (min-width: 801px) {
  #gs-content-wrapper {
      padding:0 30px
  }

  #gs-content {
      padding-left: 30px
  }

  #gs-close-wrapper {
      right: 30px;
      right: 1.875rem
  }
}

@media screen and (min-width: 1001px) {
  .gs-country-title {
      font-size:50px;
      font-size: 3.125rem
  }
}

@media screen and (min-width: 1401px) {
  #gs-sidebar-inner {
      float:right;
      width: 400px
  }
}

.nav-header {
  margin: 0 auto;
  max-width: 1400px;
  position: relative;
  z-index: 9
}

.nav-header>.nav-wrapper {
  -webkit-box-shadow: 0 1px 1px 0 rgba(17,17,17,.15);
  -moz-box-shadow: 0 1px 1px 0 rgba(17,17,17,.15);
  box-shadow: 0 1px 1px 0 rgba(17,17,17,.15);
  position: relative;
  z-index: 1
}

.nav-header>.nav-wrapper:after,.nav-header>.nav-wrapper:before {
  bottom: 18px;
  bottom: 1.125rem;
  -webkit-box-shadow: 0 2px 5px 0 rgba(17,17,17,.08);
  -moz-box-shadow: 0 2px 5px 0 rgba(17,17,17,.08);
  box-shadow: 0 2px 5px 0 rgba(17,17,17,.08);
  content: '';
  left: 0;
  position: absolute;
  top: 80%;
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  width: 50%
}

.nav-header>.nav-wrapper:after {
  left: auto;
  right: 0;
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg)
}

.nav-header>.nav-wrapper .breadcrumb-panel {
  position: relative;
  z-index: 1
}

.nav-header ul {
  list-style: none
}

.nav-header ul>li {
  margin: 0;
  position: relative
}

.nav-header a:active,.nav-header a:focus,.nav-header a:hover,.nav-header ul>li>a:hover {
  text-decoration: none
}

.nav-header .global-icon {
  display: -webkit-flex;
  display: flex
}

.nav-header .global-icon span {
  margin-top: .125rem;
  margin-left: .3125rem
}

.nav-header .global-icon:hover {
  display: -webkit-flex;
  display: flex
}

.nav-header .global-icon:before {
  margin-left: .5rem;
  content: '\e003';
  color: #454545;
  font-size: 16px;
  font-size: 1rem;
  left: -24px;
  left: -1.5rem;
  top: 0;
  text-decoration: none
}

.nav-header:not(.icon-nav-header) .nav-country+div::after,.nav-header:not(.icon-nav-header) .nav-country+ul::after,.nav-header:not(.icon-nav-header) .nav-email+div::after,.nav-header:not(.icon-nav-header) .nav-email+ul::after,.nav-header:not(.icon-nav-header) .nav-language+div::after,.nav-header:not(.icon-nav-header) .nav-language+ul::after,.nav-header:not(.icon-nav-header) .nav-social+div::after,.nav-header:not(.icon-nav-header) .nav-social+ul::after {
  content: '|';
  position: absolute;
  top: 10px;
  top: .625rem;
  right: -2px;
  right: -.125rem;
  color: #000;
  font-size: 13px;
  font-size: .8125rem
}

@media screen and (min-width: 768px) {
  .nav-header:not(.icon-nav-header) .nav-chat {
      padding:.625rem 1rem 0 .5rem
  }
}

.nav-header:not(.icon-nav-header) .nav-chat.nav-chat-on::after {
  display: block
}

.icon-nav-header .nav-language .dropdown-menu,.nav-header .nav-language .dropdown-menu,.nav-top-bar-right .link-list li span.bullet {
  display: none
}

@media (min-width: 768px) {
  .nav-header .nav-language ul+.dropdown-toggle {
      display:none
  }

  .nav-header:not(.icon-nav-header) .nav-country+div::after,.nav-header:not(.icon-nav-header) .nav-country+ul::after,.nav-header:not(.icon-nav-header) .nav-email+div::after,.nav-header:not(.icon-nav-header) .nav-email+ul::after,.nav-header:not(.icon-nav-header) .nav-language+div::after,.nav-header:not(.icon-nav-header) .nav-language+ul::after,.nav-header:not(.icon-nav-header) .nav-social+div::after,.nav-header:not(.icon-nav-header) .nav-social+ul::after {
      content: '|';
      position: absolute;
      top: 10px;
      top: .625rem;
      right: -2px;
      right: -.125rem;
      color: #000;
      font-size: 13px;
      font-size: .8125rem
  }
}

.fixed-nav-header {
  top: 0;
  right: 0;
  left: 0;
  box-shadow: 0 4px 12px -9px #c4c4c4
}

@media (min-width: 992px) and (max-width:1024px) {
  .icon-nav-header.fixed-nav-header .navbar .nav-item .dropdown-menu {
      box-shadow:none
  }
}

@media (min-width: 992px) {
  .icon-nav-header.fixed-nav-header .nav-main-icons {
      top:120px!important;
      top: 7.5rem!important
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width:555px) {
  .nav-header:not(.icon-nav-header) .nav-country+div::after,.nav-header:not(.icon-nav-header) .nav-country+ul::after,.nav-header:not(.icon-nav-header) .nav-email+div::after,.nav-header:not(.icon-nav-header) .nav-email+ul::after,.nav-header:not(.icon-nav-header) .nav-language+div::after,.nav-header:not(.icon-nav-header) .nav-language+ul::after,.nav-header:not(.icon-nav-header) .nav-social+div::after,.nav-header:not(.icon-nav-header) .nav-social+ul::after {
      top:12px;
      top: .75rem
  }
}

.icon-nav-header .nav-language,.nav-header .nav-language {
  position: initial;
  padding: .375rem .5rem 0;
  float: right
}

.icon-nav-header .nav-language.show ul,.nav-header .nav-language.show ul {
  display: block;
  position: absolute;
  z-index: 9;
  background-color: #f0f0f0;
  margin-top: 0;
  padding: 0 .375rem .375rem
}

.icon-nav-header .nav-language.show ul li,.nav-header .nav-language.show ul li {
  position: relative
}

.icon-nav-header .nav-language>ul,.nav-header .nav-language>ul {
  padding: 0;
  display: none
}

.icon-nav-header .nav-language .lang-dropdown,.nav-header .nav-language .lang-dropdown {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  border: 0;
  color: #333;
  background: #fff;
  width: 100%;
  padding: 2.1875rem 1.25rem 1.25rem;
  margin-top: .75rem;
  -webkit-box-shadow: 0 3px 13px -4px #ccc;
  -moz-box-shadow: 0 3px 13px -4px #ccc;
  box-shadow: 0 3px 13px -4px #ccc
}

.icon-nav-header .nav-language .lang-dropdown .lang-wrapper .title,.nav-header .nav-language .lang-dropdown .lang-wrapper .title {
  width: 100%;
  border-bottom: 1px solid #7b7b7b;
  padding: 0 0 .8125rem;
  font-size: 21px;
  font-size: 1.3125rem;
  color: #bdbdbd
}

.icon-nav-header .nav-language .lang-dropdown .close-button,.nav-header .nav-language .lang-dropdown .close-button {
  font-size: 35px;
  font-size: 2.1875rem;
  position: absolute;
  top: 10px;
  top: .625rem;
  right: 20px;
  right: 1.25rem;
  z-index: 2;
  cursor: pointer;
  line-height: 40px
}

.icon-nav-header .nav-language .dropdown-toggle,.nav-header .nav-language .dropdown-toggle {
  display: inline-block;
  margin-top: 6px
}

.icon-nav-header .nav-language .dropdown-toggle:active,.icon-nav-header .nav-language .dropdown-toggle:focus,.icon-nav-header .nav-language .dropdown-toggle:hover,.nav-header .nav-language .dropdown-toggle:active,.nav-header .nav-language .dropdown-toggle:focus,.nav-header .nav-language .dropdown-toggle:hover {
  display: inline-block
}

@media (min-width: 768px) {
  .icon-nav-header .nav-language,.nav-header .nav-language {
      position:relative;
      padding: .4375rem .8125rem 0
  }

  .icon-nav-header .nav-language ul,.nav-header .nav-language ul {
      padding: 0;
      display: block
  }

  .icon-nav-header .nav-language ul li,.nav-header .nav-language ul li {
      display: inline-block;
      padding: 0 .1875rem
  }

  .icon-nav-header .nav-language ul li.lang-active a,.icon-nav-header .nav-language ul li:hover a,.nav-header .nav-language ul li.lang-active a,.nav-header .nav-language ul li:hover a {
      border-bottom: 1px solid #828282;
      line-height: 15px;
      color: #060606
  }

  .icon-nav-header .nav-language .dropdown-toggle,.icon-nav-header .nav-language a.dropdown-toggle:before,.nav-header .nav-language a.dropdown-toggle:before {
      display: none
  }

  .icon-nav-header .nav-language .dropdown-toggle,.nav-header .nav-language .dropdown-toggle {
      display: none;
      margin-top: 6px
  }

  .icon-nav-header .nav-language .dropdown-toggle:active,.icon-nav-header .nav-language .dropdown-toggle:focus,.icon-nav-header .nav-language .dropdown-toggle:hover,.nav-header .nav-language .dropdown-toggle:active,.nav-header .nav-language .dropdown-toggle:focus,.nav-header .nav-language .dropdown-toggle:hover {
      display: none
  }
}

.nav-language-current {
  padding: .625rem .875rem
}

.nav-language-current:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #606060;
  content: ' ';
  display: inline-block;
  height: 0;
  margin-bottom: .125rem;
  margin-left: .25rem;
  width: 0
}

.nav-language-list {
  background-color: #f0f0f0;
  display: none;
  margin: 0;
  padding: 0
}

.nav-country>li>a:hover,.nav-lines-brands>li>a:hover {
  background-color: #d9d9d9
}

.nav-language-list>li>a {
  padding: .625rem .75rem
}

.nav-language-list>li.selected {
  display: block
}

.nav-language-open>.nav-language-list {
  display: block;
  position: absolute;
  z-index: 9
}

.nav-language-open>.nav-language-current:after {
  border-bottom: 5px solid #606060;
  border-top: none
}

@media (min-width: 768px) {
  .nav-language,.nav-language-list {
      margin-right:.625rem
  }

  .nav-language-current {
      display: none!important
  }

  .nav-language-list {
      display: block;
      margin-left: .625rem;
      position: relative
  }

  .nav-language-list>li {
      float: left
  }

  .nav-language-list>li>a {
      padding: .625rem .3125rem
  }

  .nav-language-list>li.selected>a:after {
      border-bottom: 1px solid #606060;
      bottom: 10px;
      bottom: .625rem;
      content: '';
      left: 5px;
      left: .3125rem;
      position: absolute;
      width: calc(100% - 10px)
  }

  .nav-language-open>.nav-language-list {
      position: relative
  }
}

@media (min-width: 320px) and (max-width:480px) {
  .nav-top-bar-right .nav-language {
      padding:.625rem .875rem .625rem .625rem
  }

  .nav-top-bar-right .nav-language>ul {
      padding: 0;
      display: none
  }

  .nav-top-bar-right .nav-social>.nav-social-trigger {
      margin: 0 .75rem;
      top: 12px
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width:812px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait) {
  .nav-top-bar-right .nav-language {
      padding:.4375rem .875rem .625rem
  }

  .nav-top-bar-right .nav-language>ul {
      padding: 0;
      display: none
  }

  .nav-top-bar-right .nav-social>.nav-social-trigger {
      margin: 0 .625rem;
      top: 10px
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width:736px) and (orientation:portrait) {
  .nav-top-bar-right .nav-language>ul {
      padding:0;
      display: none
  }

  .nav-top-bar-right .nav-social>.nav-social-trigger {
      margin: 0 .625rem;
      top: 10px
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width:480px) {
  .icon-nav-header .nav-language .dropdown-toggle,.nav-header .nav-language .dropdown-toggle {
      margin-top:4px
  }
}

.nav-lines-brands {
  margin: 0;
  padding: 0
}

.nav-lines-brands>li {
  float: left;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center
}

.icon-nav-header .nav-country .nav-country-text,.icon-nav-header .nav-top-bar .nav-top-bar-left .nav-lines-brands li:first-child span.bullet,.icon-nav-header .nav-top-bar .nav-top-bar-left .nav-lines-brands li:first-child:after,.nav-lines-brands>li:first-child span.bullet {
  display: none
}

.nav-lines-brands>li:first-child {
  padding-left: 0
}

.nav-lines-brands>li>span.bullet {
  color: #454545;
  font-family: sans-serif;
  font-size: 15px;
  font-size: .9375rem
}

@media screen and (min-width: 576px) {
  .nav-lines-brands>li>span.bullet {
      margin-left:-2px;
      margin-right: -3px
  }
}

.nav-lines-brands>li>a {
  padding: 10px 15px
}

.nav-lines-brands:hover>li:after {
  visibility: hidden
}

body[data-bp=xs] .icon-nav-header .nav-top-bar .nav-top-bar-left {
  margin-left: 8.875rem
}

body[data-bp=xs] .icon-nav-header .nav-top-bar .nav-top-bar-left .nav-lines-brands li a {
  padding: .875rem .625rem
}

.icon-nav-header .nav-top-bar .nav-top-bar-left .nav-lines-brands li {
  display: flex;
  flex-direction: row;
  align-items: center
}

.icon-nav-header .nav-top-bar .nav-top-bar-left .nav-lines-brands span.bullet {
  color: #454545;
  font-family: sans-serif;
  font-size: 15px;
  font-size: .9375rem
}

@media (min-width: 992px) {
  .nav-lines-brands>li>a {
      padding:.625rem 1.25rem
  }

  .nav-lines-brands>li:first-child>a {
      padding-left: 1.875rem
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
  body[data-bp=xs] .icon-nav-header .nav-top-bar .nav-top-bar-left .nav-lines-brands li:first-child>a {
      padding-left:.9375rem
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {
  body[data-bp=xs] .icon-nav-header .nav-top-bar .nav-top-bar-left .nav-lines-brands li:first-child>a {
      padding-left:.9375rem
  }
}

.nav-country {
  float: right;
  margin: 0;
  padding: 0;
  position: relative
}

.nav-country>li {
  position: relative
}

.nav-country>li>a {
  padding: 10px
}

@media screen and (max-width: 767.5px) {
  .nav-country>li>a {
      padding:9px 10px
  }
}

.nav-country>li>a:hover {
  position: relative;
  outline: #d9d9d9 solid 1px;
  z-index: 1
}

.nav-country>li>a:before {
  color: grey;
  content: '|';
  position: relative;
  top: -5px;
  top: -.3125rem;
  left: -5px;
  left: -.3125rem;
  font-size: 12px;
  font-size: .75rem
}

.nav-country>li>a:first-child:before {
  content: '';
  position: relative;
  top: -5px;
  top: -.3125rem;
  left: -5px;
  left: -.3125rem;
  font-size: 12px;
  font-size: .75rem
}

.nav-country .selectLocationIcon {
  padding: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  display: inline-block
}

.nav-country .selectLocationIcon img,.nav-country .selectLocationIcon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  top: 0;
  filter: contrast(.2);
  padding-right: 1px
}

.nav-country .nav-country-text {
  margin-left: .3125rem;
  margin-right: 0;
  position: relative;
  top: 2px;
  top: .125rem
}

@media (max-width: 768px) {
  main {
      min-height:100vh
  }

  .nav-country .nav-country-text {
      top: 3px;
      top: .1875rem
  }
}

.has-languages .nav-country>li>a {
  padding-right: 0
}

.has-languages .nav-country>li>a:after {
  color: #606060;
  content: '|';
  font-size: 18px;
  font-size: 1.125rem;
  padding-right: .8125rem;
  position: relative;
  right: -13px;
  right: -.8125rem;
  top: 6px;
  top: .375rem
}

.has-languages .nav-country>li>a:hover:after {
  visibility: hidden
}

.icon-nav-header .nav-country {
  float: right;
  margin: 0;
  padding: 0;
  position: relative
}

.icon-nav-header .nav-country>li {
  position: relative
}

.icon-nav-header .nav-country>li>a {
  padding: .625rem
}

@media screen and (max-width: 767.5px) {
  .icon-nav-header .nav-country>li>a {
      padding:11px 10px
  }
}

.icon-nav-header .nav-country>li>a:hover {
  background-color: transparent;
  color: #060606
}

.icon-nav-header .nav-country>li>a span {
  position: relative;
  top: -2px
}

.icon-nav-header .nav-country .icon-globe-small {
  margin-bottom: .1875rem;
  top: 3px;
  top: .1875rem
}

@media (min-width: 768px) {
  .nav-country>li>a:before {
      content:''
  }

  .nav-country .nav-country-text {
      display: inline-block
  }

  .no-languages .nav-country>li>a {
      padding-right: 1.25rem
  }

  .has-social .nav-country>li>a {
      padding-left: 0
  }

  .has-social .nav-country>li>a:before {
      color: #606060;
      content: '|';
      font-size: 12px;
      font-size: .75rem;
      left: 0;
      padding-right: .8125rem;
      position: relative;
      top: -4px;
      top: -.25rem
  }

  .has-social .nav-country>li>a:hover:before {
      visibility: hidden
  }

  .icon-nav-header .nav-country>li>a {
      padding: .625rem
  }

  .icon-nav-header .nav-country .nav-country-text {
      margin-left: .3125rem;
      position: relative;
      top: 2px;
      top: .125rem;
      display: inline-block
  }
}

.footer-top .footer-links-wrapper {
  flex-wrap: wrap;
  margin-bottom: 1.25rem
}

.footer-top .nav-country {
  display: block
}

.footer-top .nav-country a:hover {
  background-color: transparent;
  text-decoration: none
}

.footer-top .nav-country li .nav-country-text {
  display: inline-block;
  margin-left: .75rem
}

.footer-top .nav-country li i {
  display: none
}

.footer-top .nav-country .selectLocationIcon {
  padding: 0;
  margin: 0 3px 0 -3px;
  width: 16px;
  height: 16px;
  display: inline-block
}

.footer-top .nav-country .selectLocationIcon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  top: -6px;
  filter: none
}

.footer-top .nav-country .selectLocationIcon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  top: -6px;
  filter: invert(1)
}

.footer-two-align .footer-top .footer-links {
  width: auto!important
}

@media screen and (max-width: 997px) {
  .footer-two-align .footer-top .footer-links {
      margin-right:0!important
  }
}

.footer-two-align .footer-top .footer-links-wrapper {
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 0;
  padding-top: 1.5px
}

.footer-two-align .footer-top .footer-links-wrapper .nav-country>li {
  margin-left: 2px
}

@media screen and (min-width: 756px) {
  .footer-two-align .footer-top .footer-links-wrapper .nav-country>li {
      margin-top:2px
  }
}

.footer-two-align .footer-top .footer-links-wrapper .nav-country>li a {
  line-height: 24px;
  white-space: nowrap
}

@media screen and (max-width: 1023px) {
  .footer-two-align .footer-top .footer-links-wrapper .nav-country>li .nav-country-text {
      margin-left:4px!important
  }
}

@media screen and (min-width: 576px) and (max-width:1023px) {
  .footer-two-align .footer-top .footer-links-wrapper .nav-country>li .selectLocationIcon {
      margin:0 3px 0 -3px
  }
}

@media (min-width: 992px) {
  .no-languages .nav-country>li:first-child>a {
      padding-right:1.875rem
  }

  .footer-top .nav-country li .nav-country-text {
      margin-left: 4px!important
  }
}

@media screen and (max-width: 1024px) {
  .footer-top .nav-country li .nav-country-text {
      margin-left:3.5px!important
  }

  .footer-top .nav-country .selectLocationIcon {
      margin: 0 -2px 0 0
  }

  .footer-top .nav-country .selectLocationIcon svg {
      top: -5px
  }

  .footer-top .nav-country .selectLocationIcon img {
      top: -3px
  }

  .footer-top .nav-country .nav-country-text {
      top: -3.5px
  }
}

@media screen and (max-width: 767.5px) {
  .footer-top .nav-country li .nav-country-text {
      margin-left:2px!important
  }

  .footer-top .nav-country .selectLocationIcon img,.footer-top .nav-country .selectLocationIcon svg {
      top: -3px
  }

  .footer-top .nav-country .nav-country-text {
      top: -1px
  }
}

@media screen and (max-width: 575px) {
  .icon-nav-header .nav-country>li>a span {
      position:relative;
      top: -2px
  }
}

.nav-main-bar {
  clear: both;
  padding-left: 1.25rem;
  padding-right: 0;
  min-height: 90px;
  position: relative;
  z-index: 1
}

.nav-main-bar>.logo {
  min-height: 90px
}

.nav-main-bar .logo {
  display: inline-flex;
  align-items: center;
  max-width: 46%;
  height: 100%;
  margin-bottom: 0
}

.nav-main-bar .logo .logo-global-nav-ie8 {
  display: none
}

@media (min-width: 768px) {
  .nav-main-bar .logo {
      max-width:50%
  }
}

.nav-main-item {
  display: block;
  float: left;
  height: 100%;
  min-height: 90px;
  min-width: 57px;
  padding-top: 25px;
  padding-left: calc(1vw - 5px);
  padding-right: calc(1vw - 5px);
  padding-bottom: 0;
  text-align: center
}

.nav-main-item>a {
  display: block;
  font-size: 15px;
  font-size: .9375rem
}

.nav-main-item>.icon {
  display: block;
  margin: 0 auto 4px
}

@media (max-width: 576px) {
  .icon-nav-header .nav-main-item {
      min-height:60px
  }
}

@media screen and (min-width: 1200px) {
  .nav-main-item {
      padding-left:calc(1.2vw)!important;
      padding-right: calc(1.2vw)!important
  }
}

.nav-main-item-active .fa-search {
  display: none
}

.nav-main-item-text {
  font-size: 12px;
  font-size: .75rem
}

@media (min-width: 992px) {
  .nav-main-bar {
      padding-left:1.875rem
  }

  .nav-main-item:hover {
      color: #dc241f
  }

  .nav-main-item:hover>a {
      color: inherit
  }

  .nav-main-item>a {
      color: #454545;
      font-size: 15px;
      font-size: .9375rem;
      height: 100%;
      padding-top: .625rem
  }

  .nav-main-item-active:hover {
      background-color: #fafafa;
      color: #454545
  }

  .nav-main-item-text {
      display: none
  }
}

.icon-nav-header .nav-social.nav-social-few.has-channels .nav-social-icons .channel ul li,.nav-social.tune-up-social .nav-social-icons li,.nav_qr,.nav_qr_Img {
  display: block
}

@media (min-width: 1200px) {
  .nav-main-item {
      padding-left:1.875rem;
      padding-right: 1.875rem
  }

  .nav-main-list.condensed .nav-main-item {
      padding-left: .625rem;
      padding-right: .625rem
  }
}

@media (max-width: 992px) {
  .nav-header:not(.icon-nav-header) .nav-main-bar .logo {
      margin:0!important
  }
}

@media screen and (max-width: 1024px) {
  .nav-main-item-text {
      font-size:12px!important
  }
}

@media screen and (min-width: 768px) {
  .navbar-main-header .nav-social>.nav-social-icons>li {
      display:inline-block
  }

  .nav-social.nav-social-on>.nav-social-icons {
      left: 50%;
      transform: translate(-50%,0)!important
  }

  .nav-social>.nav-social-icons:after {
      left: 50%
  }
}

.navbar-main-header .nav-social>.nav-social-icons>li a span {
  color: #fff;
  vertical-align: middle;
  margin-left: .5rem
}

.navbar-main-header .nav-social>.nav-social-icons>li a i {
  vertical-align: middle
}

.nav-social.has-channels.nav-social-few>.nav-social-icons {
  display: none
}

.nav-social-few.has-channels #socialDropdown {
  display: block!important
}

.nav-social.has-channels.nav-social-few.nav-social-on>ul.nav-social-icons {
  display: table
}

.nav-social.has-channels.nav-social-few .nav-social-icons .channel ul {
  padding: 0
}

.navbar-main-header .nav-social.nav-social-few.has-channels>.nav-social-icons:after {
  border-bottom: 8px solid #333;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 0;
  content: '';
  left: 50%;
  height: 0;
  top: 2px;
  margin-left: -.5rem;
  position: absolute;
  width: 0;
  margin-top: -8px;
  display: block!important
}

.icon-nav-header .nav-social.nav-social-few.has-channels .nav-social-icons .channel ul::after,.nav-header.navbar-main-header .nav-main-bar .meganav-subtitle,.nav-header.navbar-main-header .nav-meganav .meganav-subtitle {
  display: none
}

.nav-social.nav-social-few.has-channels>.nav-social-icons:after {
  display: block!important
}

.nav-social.nav-social-few.has-channels>.nav-social-icons {
  background-color: #333!important;
  top: 2.1875rem!important;
  position: absolute!important;
  left: 50%;
  transform: translate(-50%,0)!important
}

.nav-social.has-channels.nav-social-few .nav-social-icons .channel>i {
  display: none!important
}

.icon-nav-header .nav-social.nav-social-few.has-channels .nav-social-icons li span {
  display: inline-block!important
}

.icon-nav-header .nav-social.nav-social-few.has-channels .nav-social-icons .channel ul {
  transform: none!important;
  margin: 0;
  position: initial!important;
  padding: 0!important
}

.nav-social.has-channels.nav-social-few .nav-social-icons .channel a {
  padding: .375rem .3125rem .1875rem!important
}

.preview header.nav-header.icon-nav-header.fixed-nav-header,.preview header.nav-header.navbar-main-header.fixed-nav-header {
  margin-top: 137px
}

@media screen and (max-width: 767px) {
  .nav-social.tune-up-social .nav-social-icons {
      right:50%!important;
      transform: translate(50%,0)!important
  }

  .nav-social.tune-up-social>.nav-social-icons:after {
      left: 50%
  }

  .nav-social.nav-social-few.has-channels li {
      display: block
  }
}

@media (min-width: 992px) {
  .nav-header.icon-nav-header .nav-main-bar {
      height:auto
  }

  .icon-nav-header .navbar .nav-item .underline,.icon-nav-header .navbar .nav-item.dropdown.link_active .underline,.icon-nav-header .navbar .nav-item.dropdown.show .underline,.icon-nav-header .navbar .nav-item:active .underline,.icon-nav-header .navbar .nav-item:hover .underline {
      margin: 17px auto 0!important
  }

  .icon-nav-header .navbar .nav-item .underline {
      margin: 19px auto 0!important
  }

  .icon-nav-header .nav-main-item.nav-main-search-trigger:hover .underline {
      position: absolute;
      bottom: -17px
  }

  .icon-nav-header .nav-main-item.nav-main-search-trigger .underline {
      position: absolute;
      bottom: -19px
  }
}

.nav_qr {
  max-width: 100%;
  margin: 0 auto 10px
}

.nav_qr_Img {
  max-width: 100%;
  margin: 5px auto 15px
}

.nav_qr_copy {
  padding: 10px 0
}

.icon-nav-header .nav_qr {
  padding-left: 8px;
  padding-right: 3px
}

.icon-nav-header .nav-meganav-col>ul>.nav-meganav-subitem>.nav_QRCode_trigger+.nav_qr {
  text-align: left;
  padding: 0 10px 12px 39px;
  margin-left: 48px;
  width: 85%
}

@media (max-width: 992px) {
  .icon-nav-header .nav-meganav-col>ul>.nav-meganav-subitem>.nav_QRCode_trigger+.nav_qr {
      margin-left:26px;
      width: 95%
  }
}

@media (min-width: 992px) {
  .nav-header.navbar-main-header .nav-main-bar .meganav-subtitle,.nav-header.navbar-main-header .nav-meganav .meganav-subtitle {
      font-size:40px;
      font-size: 2.5rem;
      line-height: 24px;
      padding: 0 0 1.25rem 1.0625rem;
      color: #4d4d4d;
      flex: 1 1 100%;
      display: inline-block
  }
}

.nav-header.navbar-main-header .nav-main-bar .menu-nav-indicatorNew-container,.nav-header.navbar-main-header .nav-meganav .menu-nav-indicatorNew-container {
  display: inline-block;
  width: 100%;
  background: #fff
}

.nav-header.navbar-main-header .nav-main-bar .menu-nav-indicatorNew,.nav-header.navbar-main-header .nav-meganav .menu-nav-indicatorNew {
  display: inline-block;
  padding: 5px 0 0 32px
}

.nav-header.navbar-main-header .nav-main-bar .menu-nav-indicatorNew a,.nav-header.navbar-main-header .nav-main-bar .menu-nav-indicatorNew p,.nav-header.navbar-main-header .nav-meganav .menu-nav-indicatorNew a,.nav-header.navbar-main-header .nav-meganav .menu-nav-indicatorNew p {
  font-size: 35px;
  font-size: 2.1875rem;
  color: #4d4d4d
}

.nav-header.navbar-main-header .nav-main-bar .menu-nav-indicatorNew:hover,.nav-header.navbar-main-header .nav-meganav .menu-nav-indicatorNew:hover {
  cursor: pointer
}

.nav-main-mobile-panel>li.nav-main-mobile-back .linknavigation:after {
  display: none
}

.nav-main-mobile-panel>li.nav-main-mobile-back .linknavigation {
  padding-left: 0;
  justify-content: flex-start;
  display: flex;
  align-items: center;
  width: 100%
}

.nav-main-mobile-panel>li.nav-main-mobile-back .backnavigation {
  justify-content: flex-start;
  display: flex;
  align-items: center;
  flex-grow: 1
}

.chevronMainNav {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -235px -445px;
  width: 8px;
  height: 10px;
  padding: 10px;
  position: absolute;
  top: 16px;
  left: 3px
}

.chevronMainNav span {
  display: none
}

@media (min-width: 992px) {
  .nav-header.navbar-main-header .nav-main-bar .menu-nav-indicatorNew,.nav-header.navbar-main-header .nav-main-bar .menu-nav-indicatorNew-container,.nav-header.navbar-main-header .nav-meganav .menu-nav-indicatorNew,.nav-header.navbar-main-header .nav-meganav .menu-nav-indicatorNew-container {
      display:none
  }
}

.linknavigation span:hover {
  border-bottom: 1px solid grey
}

.navbar-main-header .dropdown-menu .meganav-subtitle-container {
  padding: 25px 0 0
}

.navbar-main-header .dropdown-menu .meganav-subtitle-container~.nav-meganav-active {
  padding-top: 0!important
}

.nav-main-list,.nav-main-list-trigger {
  float: right
}

.nav-main-list-trigger {
  padding-top: 21px;
  min-height: 90px;
  min-width: 62px
}

.nav-main-list-trigger>.icon-hamburger {
  display: block;
  height: 2px;
  margin: 11px auto 17px;
  position: relative;
  width: 25px
}

.nav-main-list-trigger>.icon-hamburger:after,.nav-main-list-trigger>.icon-hamburger:before {
  background-color: #dc241f;
  content: " ";
  display: block;
  height: 2px;
  position: absolute;
  top: -8px;
  width: 25px
}

.nav-main-list-trigger>.icon-hamburger:after {
  top: 8px
}

.nav-main-list {
  display: none
}

@media (min-width: 992px) {
  .nav-main-list-trigger {
      display:none
  }

  .nav-main-list {
      display: block;
      height: 100%;
      margin-bottom: 0
  }

  .nav-main-list.nav-main-list-condensed {
      display: table
  }

  .nav-main-list.nav-main-list-condensed>li {
      display: table-cell;
      float: none;
      padding-bottom: 0;
      padding-top: 0;
      vertical-align: middle;
      word-break: normal
  }

  .nav-main-list.nav-main-list-condensed>li>a {
      padding: 0
  }

  .nav-main-list.nav-main-list-condensed>li>a span {
      display: table-cell;
      height: 90px;
      padding: 0;
      vertical-align: middle
  }
}

#nav-main-mobile {
  background-color: #fff;
  height: 100%;
  overflow-x: hidden;
  position: fixed;
  right: 0;
  top: -9999px;
  width: 80%;
  display: none
}

#nav-main-mobile .nav-mobile-logo-ie8 {
  display: none
}

html.nav-main-mobile-open #nav-main-mobile {
  top: 0;
  display: block
}

.nav-main-mobile-panel.nav-main-mobile-panel-active,.nav-main-mobile-panel.nav-main-mobile-panel-highest,.nav-main-mobile-panel.nav-main-mobile-panel-parent,.nav-main-mobile-visible {
  height: auto;
  top: 0
}

.nav-main-mobile-arrow,.nav-main-mobile-panel.nav-main-mobile-panel-menu li .nav-chat>a span:after,.nav-main-mobile-panel.nav-main-mobile-panel-menu>li>a:after,.nav-main-mobile-panel>li.nav-main-mobile-back .nav-chat>a span:after,.nav-main-mobile-panel>li.nav-main-mobile-back>a:after {
  border: 2px solid #606060;
  border-left: transparent;
  border-top: transparent;
  content: "";
  height: 15px;
  position: absolute;
  width: 15px
}

.nav-main-mobile-panel {
  background-color: #fff;
  bottom: 0;
  display: block;
  height: 0;
  left: 100%;
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  -webkit-transition: left .35s ease;
  -moz-transition: left .35s ease;
  -ms-transition: left .35s ease;
  -o-transition: left .35s ease;
  transition: left .35s ease;
  top: -9999px;
  width: 100%
}

.nav-main-mobile-panel.nav-main-mobile-panel-parent {
  left: -70px;
  left: -4.375rem;
  z-index: 1
}

.nav-main-mobile-panel.nav-main-mobile-panel-active {
  left: 0;
  overflow: visible;
  z-index: 2
}

.nav-main-mobile-panel.nav-main-mobile-panel-active li {
  position: relative
}

.nav-main-mobile-panel.nav-main-mobile-panel-highest {
  z-index: 3!important
}

.nav-main-mobile-panel.nav-main-mobile-panel-menu li .nav-chat>a span:after,.nav-main-mobile-panel.nav-main-mobile-panel-menu>li>a:after {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 0
}

.nav-main-mobile-panel>li {
  padding: 0 1.875rem
}

.nav-main-mobile-panel>li.nav-main-mobile-back {
  background-color: #f3f3f3;
  padding-left: 0;
  min-height: 80px;
  display: flex;
  justify-content: flex-start
}

.nav-main-mobile-panel>li.nav-main-mobile-back .nav-chat>a,.nav-main-mobile-panel>li.nav-main-mobile-back>a {
  border-bottom: none;
  padding-left: 6.875rem
}

.nav-main-mobile-panel>li.nav-main-mobile-back:before {
  content: "";
  display: block;
  height: 80px;
  left: 0;
  background: #eaeaea;
  background: -webkit-linear-gradient(legacy-direction(to bottom),#eaeaea,#f3f3f3);
  background: linear-gradient(to bottom,#eaeaea,#f3f3f3);
  position: absolute;
  width: 80px
}

.nav-main-mobile-panel>li.nav-main-mobile-back>a:after {
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  left: 36px;
  left: 2.25rem
}

.nav-main-mobile-panel>li.nav-main-mobile-back .nav-chat>a span:after {
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  left: 36px;
  left: 2.25rem
}

.nav-main-mobile-panel>li.nav-main-mobile-logo {
  background-color: #fff
}

.nav-main-mobile-panel>li.nav-main-mobile-logo>a {
  border-bottom: 1px solid #d6d6d6
}

.nav-main-mobile-panel>li .nav-chat>a,.nav-main-mobile-panel>li>a {
  background-color: transparent;
  border-bottom: 1px solid #d6d6d6;
  color: #454545;
  display: block;
  font-size: 14px;
  font-size: .875rem;
  padding: 1.875rem 0;
  position: relative
}

.nav-main-mobile-panel.nav-main-mobile-panel-menu:not(.nav-main-mobile-panel-active),.nav-main-mobile-panel>li .nav-chat>a.logo:after,.nav-main-mobile-panel>li>a.logo:after {
  display: none
}

.nav-main-mobile-panel>li .nav-chat>a .chat-wrapper-icon,.nav-main-mobile-panel>li>a .chat-wrapper-icon {
  margin-top: 31px;
  margin-left: 2px
}

.nav-main-mobile-panel>li .nav-chat>a:active,.nav-main-mobile-panel>li .nav-chat>a:focus,.nav-main-mobile-panel>li .nav-chat>a:hover,.nav-main-mobile-panel>li>a:active,.nav-main-mobile-panel>li>a:focus,.nav-main-mobile-panel>li>a:hover {
  text-decoration: none
}

.nav-main-mobile-panel>li .nav-chat>a.logo>img,.nav-main-mobile-panel>li>a.logo>img {
  width: auto
}

.nav-main-mobile-panel>li.nav-meganav-title .nav-chat>a .chat-wrapper-icon {
  margin-top: 23px;
  margin-left: 2px
}

html.nav-main-mobile-open #nav-main-mobile {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1
}

html.nav-main-mobile-transition #nav-main-mobile {
  overflow: hidden
}

@media (min-width: 992px) {
  #nav-main-mobile {
      display:none!important
  }
}

.nav-header .nav-main-bar .nav-main-mobile-panel-active .nav-last-child:after {
  display: none
}

html[data-directionrtl=true].nav-main-mobile-open .body-wrapper {
  width: 100%;
  position: fixed
}

.nav-main-search-trigger {
  float: right;
  padding-top: 24px;
  width: 75px;
  left: auto;
  position: relative
}

@media (min-width: 992px) {
  .nav-main-search-trigger {
      width:75px;
      left: auto
  }
}

.nav-main-search-trigger .fa-search {
  display: block;
  text-align: center;
  margin: 0 auto 3px;
  min-height: 24px;
  font-size: 21px
}

.nav-main-search-trigger .fa-search:before {
  content: "\e007";
  display: block;
  font-size: 21px;
  font-weight: 400
}

.nav-main-search-trigger.nav-main-item-active .fa-search {
  display: none
}

@media (max-width: 992px) {
  .nav-header .nav-main-search.search-box {
      padding-left:0!important
  }
}

.search-box:after {
  display: none
}

.nav-main-search {
  display: none;
  height: 80px;
  padding-left: 65px;
  padding-right: 1.25rem;
  position: relative;
  width: 100%
}

.nav-main-search .fa-search {
  position: absolute;
  left: 20px;
  top: 30px;
  top: 1.875rem;
  font-size: 26px;
  color: #d4d4d4
}

.nav-main-search .search-box {
  padding-right: 0
}

.nav-main-search .CoveoSearchInterface {
  top: -80px;
  font-family: inherit
}

.nav-main-search .CoveoSearchbox .magic-box {
  border: none
}

.nav-main-search .CoveoSearchbox .magic-box .magic-box-input .magic-box-underlay {
  padding: 0
}

.nav-main-search .CoveoSearchbox .magic-box .magic-box-input input {
  font-size: 21px;
  color: #606060;
  padding: .0625rem .625rem .0625rem 4.375rem;
  font-family: inherit;
  text-indent: 0;
  line-height: inherit;
  height: auto;
  border: none;
  outline: 0;
  position: relative;
  text-overflow: ellipsis;
  width: 100%;
  background: 0 0
}

.nav-main-search .CoveoSearchButton {
  border: none;
  position: relative;
  min-width: 180px;
  min-width: 11.25rem;
  display: none
}

.nav-main-search .CoveoSearchButton .coveo-icon {
  background-image: none
}

@media (min-width: 992px) {
  .nav-main-search .CoveoSearchbox .magic-box .magic-box-input input {
      padding:.0625rem 0
  }
}

.nav-main-search-submit {
  display: none
}

.nav-search-open .icon-nav-header .nav-main-search-trigger:after,.nav-search-open .icon-nav-header .nav-main-search-trigger:before {
  left: 0;
  right: 0;
  margin: 0 auto
}

.nav-search-open .icon-nav-header .nav-main-search-trigger.transparent:after {
  background: 0 0
}

.nav-search-open .nav-main-search-trigger {
  position: relative
}

.nav-search-open .nav-main-search-trigger:after,.nav-search-open .nav-main-search-trigger:before {
  content: "";
  height: 1px;
  position: absolute;
  top: 33px;
  top: 2.0625rem;
  width: 22px
}

.nav-search-open .nav-main-search-trigger:before {
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

.nav-search-open .nav-main-search-trigger:after {
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.nav-search-open .nav-main-search-trigger .nav-main-item-text {
  display: block;
  margin-top: 2.25rem
}

.nav-search-open .nav-main-search {
  display: block
}

@media (min-width: 576px) {
  .nav-search-open .nav-main-search-trigger .nav-main-item-text {
      margin-top:1.75rem
  }
}

@media (min-width: 768px) {
  .nav-main-search-trigger .fa-search {
      color:#454545;
      font-size: 15px;
      font-size: .9375rem
  }

  .nav-main-search-trigger .fa-search:before {
      font-size: 15px;
      font-size: .9375rem
  }

  .nav-main-search.search-box {
      height: 90px;
      padding-left: 4.6875rem;
      padding-right: 0
  }

  .nav-main-search.search-box .fa-search {
      left: 25px;
      left: 1.5625rem;
      top: 29px;
      top: 1.8125rem;
      font-size: 29px;
      font-size: 1.8125rem
  }

  .nav-main-search.search-box:before {
      font-size: 29px;
      font-size: 1.8125rem;
      top: 23px;
      top: 1.4375rem
  }

  .nav-main-search.search-box .CoveoSearchbox .magic-box {
      padding-left: .9375rem;
      padding-top: .9375rem
  }

  .nav-main-search.search-box .CoveoSearchbox .magic-box .magic-box-input input {
      font-size: 28px;
      font-size: 1.75rem
  }

  .nav-main-search.search-box .CoveoSearchButton {
      display: block;
      border-left: 1px solid #d4d4d4;
      padding: 0 1.25rem 0 1.875rem;
      background-color: #fff;
      top: 15px
  }

  .nav-main-search.search-box .CoveoSearchButton:before {
      content: attr(aria-label);
      color: #5A5A5A;
      font-size: 22px;
      font-size: 1.375rem;
      padding-top: 1.5625rem
  }

  .nav-main-search.search-box .CoveoSearchButton:hover:before {
      color: #454545
  }

  .nav-main-search.search-box .CoveoSearchButton .coveo-search-button {
      display: none
  }

  .nav-main-search.search-box .nav-main-search-trigger {
      padding-top: 1.75rem
  }

  .nav-main-search.search-box .nav-main-search-submit {
      background: 0 0;
      border: none;
      color: #606060;
      display: block;
      font-size: 18px;
      font-size: 1.125rem;
      outline: 0;
      position: absolute;
      right: 0;
      top: 25px;
      top: 1.5625rem
  }

  .nav-main-search.search-box .nav-main-search-submit:hover {
      color: #454545
  }

  .nav-main-search.search-box .nav-main-search-submit:before {
      background-color: #d4d4d4;
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 1px
  }

  .nav-search-open .nav-main-search .CoveoSearchbox .magic-box .magic-box-clear-svg {
      display: none
  }
}

@media (min-width: 992px) {
  .search-box:after {
      top:27px;
      top: 1.6875rem;
      font-size: 22px;
      font-size: 1.375rem
  }

  .nav-main-search-trigger {
      padding-top: 2.375rem
  }

  .nav-main-search-trigger:before {
      color: #454545;
      font-size: 15px;
      font-size: .9375rem
  }

  .nav-main-search-trigger:hover:before {
      color: #dc241f
  }

  .nav-main-search.search-box {
      height: 100px;
      padding-top: 5.3125rem
  }

  .nav-main-search.search-box .fa-search {
      left: 25px;
      left: 1.5625rem;
      top: 30px;
      top: 1.875rem;
      font-size: 33px;
      font-size: 2.0625rem
  }

  .nav-main-search.search-box:before {
      font-size: 33px;
      font-size: 2.0625rem;
      top: 19px;
      top: 1.1875rem
  }

  .nav-main-search.search-box .CoveoSearchbox .magic-box {
      padding-left: .9375rem
  }

  .nav-main-search.search-box .CoveoSearchbox .magic-box .magic-box-input input {
      font-size: 35px;
      font-size: 2.1875rem
  }

  .nav-main-search.search-box .CoveoSearchButton {
      top: 15px;
      top: .9375rem;
      background-color: transparent;
      color: grey
  }

  .nav-main-search.search-box .nav-main-search-submit {
      font-size: 22px;
      font-size: 1.375rem;
      top: 22px;
      top: 1.375rem
  }

  .nav-search-open .nav-main-search-trigger:after,.nav-search-open .nav-main-search-trigger:before {
      top: 44px;
      top: 2.75rem
  }

  .nav-search-open .nav-main-search-trigger .nav-main-item-text {
      display: none
  }

  .nav-search-open .nav-main-search {
      display: block
  }
}

@media (max-width: 992px) {
  .nav-header.icon-nav-header .nav-main-search.search-box {
      height:auto;
      overflow: hidden;
      padding: .625rem
  }

  .nav-header .nav-main-search .CoveoSearchInterface {
      position: static
  }
}

@media screen and (max-width: 767px) {
  .nav-header.icon-nav-header .nav-main-search.search-box {
      height:auto;
      overflow: hidden;
      padding: 0
  }

  .nav-header .nav-main-search .CoveoSearchInterface {
      position: static
  }

  .nav-header .nav-main-search .CoveoSearchInterface .CoveoSearchbox {
      margin-right: 0
  }

  .nav-header .nav-main-search .magic-box.magic-box-notEmpty .magic-box-clear {
      display: none
  }

  .nav-header .nav-main-search .magic-box .magic-box-input {
      height: auto;
      padding-top: 20px
  }

  .nav-header .nav-main-search .CoveoSearchbox .CoveoSearchButton {
      display: none;
      float: left;
      min-width: 45px;
      width: 45px;
      background: #fff;
      padding: 1.6875rem 0;
      height: auto;
      top: 2px;
      top: .125rem
  }

  .nav-header .nav-main-search.search-box .CoveoSearchbox .magic-box {
      padding: 0
  }

  .nav-search-open .nav-main-search-trigger:after {
      width: 22px!important
  }
}

@media screen and (max-width: 991px) {
  .nav-main-item.nav-main-search-trigger {
      display:block;
      width: auto;
      position: relative
  }

  .nav-main-item.nav-main-search-trigger svg {
      display: block
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) {
  .nav-main-item.nav-main-search-trigger {
      display:block;
      width: auto;
      position: relative
  }

  .nav-main-item.nav-main-search-trigger:before {
      left: 30px
  }

  .nav-main-item.nav-main-search-trigger:after {
      right: 26px
  }

  .nav-main-item.nav-main-search-trigger svg {
      display: block
  }

  .nav-main-item.nav-main-search-trigger.nav-main-item-active:after,.nav-main-item.nav-main-search-trigger.nav-main-item-active:before {
      left: 0;
      right: 0;
      margin: 0 auto
  }
}

.nav-main-item.nav-main-search-trigger {
  min-height: 90px
}

@media (max-width: 576px) {
  .icon-nav-header .nav-main-item.nav-main-search-trigger {
      min-height:60px;
      height: 60px!important
  }
}

.nav-main-search>input[type=button] {
  width: 14%;
  text-align: center
}

.nav-meganav {
  display: block;
  top: -9999px;
  position: absolute;
  width: 100%
}

.nav-meganav:not(.nav-meganav-active) {
  visibility: hidden
}

@media (max-width: 767px) {
  .nav-meganav {
      display:block;
      top: -9999px;
      position: absolute;
      width: 100%
  }

  .nav-meganav:not(.nav-meganav-active) {
      display: none
  }
}

.nav-meganav-title span.title-only {
  font-size: 17px;
  font-size: 1.0625rem;
  color: #333
}

.nav-meganav-title span.title-only:hover {
  border-bottom: 1px solid #454545
}

.nav-meganav-wrapper {
  display: none
}

@media (min-width: 992px) {
  .nav-meganav-wrapper {
      position:relative;
      display: block
  }

  .nav-meganav-active {
      background-color: #fafafa;
      padding: 1.5625rem 0 3.125rem;
      top: 0
  }

  .nav-meganav-col {
      border-right: 1px solid #d6d6d6;
      vertical-align: top;
      display: inline-block;
      margin-right: 2.02429%;
      padding: 0 2.02429%;
      width: 22.48178%
  }

  .nav-meganav-col>ul {
      padding: 0
  }

  .nav-meganav-col>ul>li {
      float: none
  }

  .nav-meganav-col:nth-child(4) {
      border-right: none
  }

  .nav-meganav-title {
      padding: 1.25rem 0
  }

  .nav-meganav-title.contains-nav-chat a.nav-chat-trigger span,.nav-meganav-title>a {
      color: #333;
      font-size: 17px;
      font-size: 1.0625rem
  }

  .nav-meganav-title.contains-nav-chat a.nav-chat-trigger span:hover,.nav-meganav-title>a:hover {
      border-bottom: 1px solid #454545
  }

  .nav-meganav-subitem {
      padding: .625rem 0
  }

  .nav-meganav-subitem.newIndentation {
      padding: 30px 0 0 30px
  }

  .nav-meganav-subitem.contains-nav-chat a.nav-chat-trigger span,.nav-meganav-subitem>a {
      color: #5A5A5A;
      font-size: 14px;
      font-size: .875rem
  }

  .nav-meganav-subitem.contains-nav-chat a.nav-chat-trigger span:hover,.nav-meganav-subitem>a:hover {
      border-bottom: 1px solid #d4d4d4
  }

  .nav-meganav-close {
      cursor: pointer;
      padding: 1.25rem;
      position: absolute;
      right: 10px;
      right: .625rem;
      top: 35px;
      top: 2.1875rem;
      width: 16px
  }

  .nav-meganav-close .nav-close-ie8 {
      display: none
  }

  .nav-meganav-close-inner {
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg)
  }

  .nav-meganav-close-inner:after,.nav-meganav-close-inner:before {
      content: "";
      background-color: #606060;
      position: absolute;
      left: 50%;
      top: 50%
  }

  .nav-meganav-close-inner:before {
      height: 2px;
      margin-top: -.0625rem;
      margin-left: -.5rem;
      width: 16px
  }

  .nav-meganav-close-inner:after {
      height: 16px;
      width: 2px;
      margin-top: -.5rem;
      margin-left: -.0625rem
  }

  .nav-main-bar>.component.logo {
      padding-left: 30px
  }

  .nav-main-bar {
      background-color: #fff;
      width: 100%;
      padding: 0
  }
}

.navbar-alignment.navbar-header {
  float: unset;
  min-height: 90px;
  padding: 0
}

.navbar-header .component.logo img.logo {
  margin-top: 0
}

.nav-header .navbar-header ul.navbar-nav>li {
  min-height: 90px;
  display: flex;
  align-items: center;
  font-weight: 700!important;
  text-align: center;
  padding: 0!important
}

.nav-header .navbar-header ul.navbar-nav>li>a {
  color: #454545;
  padding: 0 1.875rem!important;
  font-size: 15px;
  font-size: .9375rem;
  word-break: normal;
  min-height: 80px;
  display: flex;
  align-items: center
}

.nav-header .navbar-expand-lg .navbar-collapse {
  justify-content: flex-end
}

#navbarNavDropdown>ul>li {
  font-family: EMprintSemibold,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif!important
}

#navbarNavDropdown a.nav-link.dropdown-toggle::after {
  border: none!important;
  margin: 0
}

.navbar-alignment {
  float: right;
  background-color: #fff!important;
  padding-top: 0;
  padding-bottom: 0
}

​​​​​ ​​​​​ #navbarNavDropdown li.nav-item.dropdown.show {
  position: static!important;
  box-shadow: inset 0 3px 0 0 #0e469b;
  background-color: #f4f4f4;
  padding: 30px 15px
}

#navbarNavDropdown div.dropdown-menu.show {
  width: 100%;
  margin: 0;
  border: none;
  background-color: #fafafa;
  border-radius: 0
}

#navbarNavDropdown ul.navbar-nav li.nav-item.dropdown.show {
  position: static!important;
  box-shadow: inset 0 3px 0 0 #0e469b;
  background-color: #fafafa;
  padding: 30px 15px
}

​​​​​ #navbarNavDropdown li.nav-item {
  display: table-cell;
  float: none;
  height: 100%;
  min-width: 57px;
  text-align: center;
  padding: 30px 10px;
  vertical-align: middle;
  word-break: normal
}

​​​​​ #navbarNavDropdown li.nav-item a {
  color: #5a5a5a;
  font-weight: 700;
  padding: 0
}

#navbarNavDropdown li .nav-meganav-subitem .nav-chat .nav-chat-trigger>span,#navbarNavDropdown li .nav-meganav-subitem>a {
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 400;
  font-family: EMprint,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif!important;
  word-break: normal
}

#navbarNavDropdown li .nav-meganav-title>a {
  color: #333;
  font-weight: 700
}

#navbarNavDropdown div.nav-meganav-subitem {
  padding-bottom: 0;
  padding-right: 0;
  padding-top: 0
}

#navbarNavDropdown .nav-item:hover {
  box-shadow: inset 0 3px 0 0 #0e469b;
  background-color: #f4f4f4
}

#navbarNavDropdown .nav-item:hover a.nav-link {
  color: #0e469b
}

​​​​​ #navbarNavDropdown.nav-meganav-close {
  top: 20px
}

@media (max-width: 992px) and (min-width:768px) {
  .navbar-alignment.navbar-header {
      height:90px
  }
}

.navbar-header ul.navbar-nav>li.nav-item.dropdown>.dropdown-menu>section {
  background-color: #fafafa;
  padding: 1.5625rem 0 3.125rem;
  top: 0;
  display: flex
}

@media (min-width: 1281px) {
  .nav-header:not(.icon-nav-header) .nav-main-bar .navbar-header>.logo {
      min-width:346px
  }
}

@media screen and (max-width: 1024px) {
  .icon-nav-header .navbar .nav-item,.nav-main-mobile-panel>li>a,.nav-meganav-subitem.dropdown-menu .nav-link-icon,.nav-top-bar a {
      font-size:12px
  }

  .icon-nav-header .navbar .nav-item {
      font-size: 14px
  }

  .nav-meganav-subitem.dropdown-menu .nav-link-icon+p {
      font-size: 13px
  }

  .nav-meganav-subitem.dropdown-menu .hasIconPadding .nav-meganav-subitem a {
      font-size: 12px
  }

  .nav-main-item-text {
      font-size: 12px!important
  }

  .font-size-controller {
      font-size: 12px
  }
}

.nav-main-bar .logo img.logo {
  max-width: 100%;
  height: auto;
  width: 100%
}

.nav-main-bar .logo img.chemlogo {
  max-width: 100%;
  height: auto
}

.nav-meganav-col>ul>li.nav-meganav-subitem a[href=""].dropdown-item span,.nav-meganav-col>ul>li.nav-meganav-subitem a[href=""].dropdown-item:hover span,.nav-meganav-col>ul>li.nav-meganav-subitem a[href="javascript:void(0)"].dropdown-item span,.nav-meganav-col>ul>li.nav-meganav-subitem a[href="javascript:void(0)"].dropdown-item:hover span,.nav-meganav-col>ul>li.nav-meganav-subitem a[href="##"].dropdown-item span,.nav-meganav-col>ul>li.nav-meganav-subitem a[href="##"].dropdown-item:hover span,.nav-meganav-col>ul>li.nav-meganav-subitem a[href="javascript:0"].dropdown-item span,.nav-meganav-col>ul>li.nav-meganav-subitem a[href="javascript:0"].dropdown-item:hover span,.nav-meganav-col>ul>li.nav-meganav-subitem a[href="#"].dropdown-item span,.nav-meganav-col>ul>li.nav-meganav-subitem a[href="#"].dropdown-item:hover span {
  cursor: default;
  border-bottom: none!important
}

.nav-meganav-col>ul>div>li a[href=""],.nav-meganav-col>ul>div>li a[href="javascript:void(0)"],.nav-meganav-col>ul>div>li a[href="##"],.nav-meganav-col>ul>div>li a[href="javascript:0"],.nav-meganav-col>ul>div>li a[href="#"],.nav-meganav-col>ul>li a[href=""],.nav-meganav-col>ul>li a[href="javascript:void(0)"],.nav-meganav-col>ul>li a[href="##"],.nav-meganav-col>ul>li a[href="javascript:0"],.nav-meganav-col>ul>li a[href="#"] {
  cursor: default;
  border-bottom: none;
  pointer-events: none
}

.nav-meganav-col>ul>li a[href=""]:focus,.nav-meganav-col>ul>li a[href="javascript:void(0)"]:focus,.nav-meganav-col>ul>li a[href="##"]:focus,.nav-meganav-col>ul>li a[href="javascript:0"]:focus,.nav-meganav-col>ul>li a[href="#"]:focus {
  outline: 0
}

.nav-meganav-col>ul>div>li a[href=""]:focus,.nav-meganav-col>ul>div>li a[href=""]:focus-visible,.nav-meganav-col>ul>div>li a[href="javascript:void(0)"]:focus,.nav-meganav-col>ul>div>li a[href="javascript:void(0)"]:focus-visible,.nav-meganav-col>ul>div>li a[href="##"]:focus,.nav-meganav-col>ul>div>li a[href="##"]:focus-visible,.nav-meganav-col>ul>div>li a[href="javascript:0"]:focus,.nav-meganav-col>ul>div>li a[href="javascript:0"]:focus-visible,.nav-meganav-col>ul>div>li a[href="#"]:focus,.nav-meganav-col>ul>div>li a[href="#"]:focus-visible,ul.nav-main-mobile-panel>li a[href=""]:focus,ul.nav-main-mobile-panel>li a[href=""]:focus-visible,ul.nav-main-mobile-panel>li a[href="javascript:void(0)"]:focus,ul.nav-main-mobile-panel>li a[href="javascript:void(0)"]:focus-visible,ul.nav-main-mobile-panel>li a[href="##"]:focus,ul.nav-main-mobile-panel>li a[href="##"]:focus-visible,ul.nav-main-mobile-panel>li a[href="javascript:0"]:focus,ul.nav-main-mobile-panel>li a[href="javascript:0"]:focus-visible,ul.nav-main-mobile-panel>li a[href="#"]:focus,ul.nav-main-mobile-panel>li a[href="#"]:focus-visible {
  outline: 0!important;
  pointer-events: none
}

@media (min-width: 992px) {
  .nav-header:not(.icon-nav-header) .nav-main-bar .navbar-header .logo {
      margin:0!important
  }

  .navbar-alignment.navbar-header {
      padding: 0 0 0 1.875rem
  }

  .icon-nav-header .nav-expandable-menu-open>ul>li,.meganav-subitem-container.nav-expandable-menu-open,.nav-meganav-subitem.nav-expandable-menu-open {
      padding-left: 10px;
      border-left: 2px solid silver
  }

  .nav-expandable-menu-open {
      display: block
  }

  .nav-expandable-menu .fa {
      margin-left: 8px;
      color: #000
  }

  .nav-expandable-menu-open ul {
      margin-left: 12px
  }

  .icon-nav-header .noIconPadding ul {
      margin-left: 2px
  }

  .nav-expandable-menu~.nav-meganav-subitem {
      padding-left: 10px
  }
}

@media (max-width: 991px) {
  .nav-expandable-menu a>.fa,.nav-expandable-menu p>.fa,.nav-expandable-menu span>.fa {
      display:none
  }
}

@media (min-width: 376px) and (max-width:991px) and (orientation:portrait) {
  .fixed-nav-header .navbar-expand-lg .navbar-collapse {
      max-height:450px!important
  }
}

@media (min-width: 240px) and (max-width:320px) and (orientation:landscape) {
  .fixed-nav-header .navbar-expand-lg .navbar-collapse {
      max-height:80px!important
  }
}

@media (min-width: 280px) and (max-width:376px) and (orientation:portrait) {
  .fixed-nav-header .navbar-expand-lg .navbar-collapse {
      max-height:300px!important
  }
}

@media (min-width: 992px) and (max-width:1056px) {
  ul.nav-main-list.nav-main-list-condensed {
      padding-left:1rem
  }

  ul.mega-menu-nav.nav-main-list-condensed li a {
      font-size: 12px
  }
}

@media (min-width: 992px) {
  .nav-meganav-title.paddingTop30 {
      padding:30px 0 0
  }
}

html[data-directionrtl=true] .navbar-nav {
  padding-right: 0
}

html[data-directionrtl=true] .nav-main-list.mega-menu-nav {
  padding-left: 40px
}

body.on-page-editor .collapse {
  display: block
}

.nav-top-bar {
  background-color: #f0f0f0;
  height: 40px;
  position: relative
}

.nav-top-bar a,.nav-top-bar a:active,.nav-top-bar a:focus,.nav-top-bar a:hover {
  color: #454545;
  display: block;
  font-size: 13px;
  font-size: .8125rem;
  white-space: nowrap
}

.nav-top-bar-left {
  float: left;
  height: 40px
}

.nav-top-bar-right {
  float: right;
  height: 40px
}

@media screen and (max-width: 1024px) {
  .nav-top-bar a {
      font-size:12px!important
  }
}

@media (min-width: 768px) {
  .nav-wrapper.enlarge-logo .nav-top-bar .nav-top-bar-left {
      margin-left:293px;
      z-index: 11;
      position: relative
  }

  .nav-wrapper.enlarge-logo .component.logo .component-content a:after {
      content: "";
      display: block;
      height: 40px;
      width: 1px;
      position: absolute;
      right: -4px;
      top: 0;
      background: #f0f0f0;
      box-shadow: -4px 0 3px 0 #ccc
  }

  .nav-wrapper.enlarge-logo .component-content a img {
      max-width: 268px;
      max-height: 65px
  }
}

.nav-wrapper.enlarge-logo .component.logo .component-content a {
  padding: 1.25rem;
  box-shadow: none
}

@media (max-width: 767px) {
  .nav-wrapper.enlarge-logo .component-content a img {
      max-width:44vw
  }

  .nav-wrapper.enlarge-logo .component.logo .component-content a {
      top: 46px
  }

  .nav-wrapper.enlarge-logo .nav-top-bar .nav-top-bar-left {
      margin-left: 0!important
  }

  .fixed-nav-header .nav-wrapper.enlarge-logo .component.logo .component-content a {
      padding: .7rem;
      top: 67px
  }

  .china-header-logo .nav-main-bar {
      height: 89px
  }
}

@media (max-width: 992px) {
  .navbar-alignment.navbar-header {
      flex-wrap:nowrap
  }

  .navbar-main-header .nav-top-bar-right {
      height: auto
  }
}

.navbar-left-header .nav-top-bar-right {
  display: flex;
  margin-right: 15px
}

@media (min-width: 300px) and (max-width:575px) {
  .navbar-left-header .nav-top-bar-right .nav-social>.nav-social-trigger {
      margin:0;
      padding: 10px;
      top: unset
  }
}

.navbar-left-header .nav-top-bar-right .nav-social-icons>.channel>ul,.navbar-left-header .nav-top-bar-right .nav-social>.nav-social-icons>li {
  display: flex;
  flex-direction: column;
  padding: 0
}

.navbar-left-header .nav-top-bar-right .nav-social-icons>.channel>ul>li>a,.navbar-left-header .nav-top-bar-right .nav-social>.nav-social-icons>li>a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff
}

.navbar-left-header .nav-top-bar-right .nav-social-icons>.channel>ul>li>a {
  padding: 9px 5px 5px
}

.navbar-left-header .nav-top-bar-right .nav-social .nav-social-icons {
  padding: 0 8px
}

.navbar-left-header .nav-top-bar-right .nav-country>li>a,.navbar-left-header .nav-top-bar-right .nav-email {
  padding: 10px
}

.navbar-left-header .nav-top-bar-right .nav-social.has-channels .nav-social-trigger {
  margin-top: 2px
}

.navbar-left-header .nav-top-bar-right .nav-email span {
  line-height: 22px
}

.navbar-left-header .nav-top-bar-right .nav-social.has-channels .nav-social-icons .channel>i {
  display: none
}

@media screen and (max-width: 767px) {
  .nav-mobile {
      display:initial
  }

  .nav-desktop,.nav-tablet,.nav-tablet-up {
      display: none!important
  }
}

@media (min-width: 768px) {
  .nav-tablet,.nav-tablet-up {
      display:initial
  }

  .nav-mobile {
      display: none!important
  }

  .icon-nav-header .nav-mobile {
      display: initial!important
  }

  .icon-nav-header .nav-desktop,.icon-nav-header .nav-tablet,.icon-nav-header .nav-tablet-up {
      display: none!important
  }
}

@media (min-width: 992px) {
  .nav-desktop {
      display:initial
  }

  .icon-nav-header .nav-mobile,.nav-tablet {
      display: none!important
  }

  .icon-nav-header .nav-desktop,.icon-nav-header .nav-tablet,.icon-nav-header .nav-tablet-up {
      display: initial!important
  }
}

.icon-nav-header .nav-main-search-trigger {
  padding-top: 0
}

.icon-nav-header .logo.component {
  margin-bottom: 0
}

.icon-nav-header .logo a {
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  background-color: #fff;
  padding: 1.5625rem 1.25rem 0;
  -webkit-box-shadow: -1px -20px 18px 3px #ccc;
  -moz-box-shadow: -1px -20px 18px 3px #ccc;
  box-shadow: -1px -20px 18px 3px #ccc
}

.icon-nav-header .logo a img {
  max-width: 83px
}

.icon-nav-header ul li {
  position: inherit
}

.icon-nav-header .nav-lines-brands li {
  position: relative
}

.icon-nav-header .nav-top-bar-right:last-child {
  margin-right: 0
}

.icon-nav-header .nav-main-bar .menu-nav-indicator-container {
  display: inline-block
}

.icon-nav-header .nav-main-bar .menu-nav-indicatorNew-container {
  display: inline-block;
  width: 100%;
  background: #fff
}

.icon-nav-header .nav-main-bar .menu-nav-indicator {
  display: inline-block;
  padding: 2.4375rem 0 0 2.125rem
}

.icon-nav-header .nav-main-bar .menu-nav-indicator p {
  font-size: 35px;
  font-size: 2.1875rem;
  color: #4d4d4d
}

.icon-nav-header .nav-main-bar .menu-nav-indicator:hover {
  cursor: pointer
}

.icon-nav-header .nav-main-bar .menu-nav-indicator::before {
  position: absolute;
  height: 12px;
  width: 12px;
  left: 23px;
  left: 1.4375rem;
  top: 59px;
  top: 3.6875rem;
  content: "";
  border: 1px solid #5a5a5a;
  border-left: transparent;
  border-top: transparent;
  -webkit-transform: rotate(136deg);
  -moz-transform: rotate(136deg);
  -ms-transform: rotate(136deg);
  -o-transform: rotate(136deg);
  transform: rotate(136deg);
  cursor: pointer
}

.icon-nav-header .nav-main-bar .menu-nav-indicatorNew {
  display: flex;
  padding: 5px 0 0 32px
}

.icon-nav-header .nav-main-bar .menu-nav-indicatorNew .chevronMainNav span,.icon-nav-header .nav-main-search-trigger:before {
  display: none
}

.icon-nav-header .nav-main-bar .menu-nav-indicatorNew a,.icon-nav-header .nav-main-bar .menu-nav-indicatorNew p {
  font-size: 35px;
  font-size: 2.1875rem;
  color: #4d4d4d
}

.icon-nav-header .nav-main-bar .menu-nav-indicatorNew a {
  margin-bottom: 10px
}

.icon-nav-header .nav-main-bar .menu-nav-indicatorNew:hover {
  cursor: pointer
}

.icon-nav-header .nav-main-bar .menu-nav-indicatorNew .chevronMainNav {
  background-image: url(https://www.mobil.com/Assets/img/icons.png);
  background-position: -235px -445px;
  width: 8px;
  height: 10px;
  padding: 10px;
  position: absolute;
  top: 16px;
  left: 3px
}

.icon-nav-header .nav-main-bar .menu-nav-indicatorNew .linknavigation {
  flex-grow: 1
}

.icon-nav-header .nav-main-search-trigger svg {
  width: 22px;
  height: 19px;
  margin: 11px auto 9px;
  overflow: inherit
}

@media (min-width: 576px) {
  .icon-nav-header .nav-main-bar .menu-nav-indicatorNew .chevronMainNav {
      top:20px
  }

  .icon-nav-header .nav-main-search-trigger svg {
      margin: 16px auto 8px
  }
}

.icon-nav-header .nav-main-search-trigger svg path {
  stroke-width: 5px
}

.icon-nav-header .nav-main-search-trigger:hover {
  background-color: transparent;
  box-shadow: none
}

.icon-nav-header .nav-main-item-active {
  box-shadow: none;
  background-color: transparent
}

.icon-nav-header .nav-main-item-active.nav-main-search-trigger {
  padding-top: 12px
}

.icon-nav-header .nav-main-item-active.nav-main-search-trigger:after,.icon-nav-header .nav-main-item-active.nav-main-search-trigger:before {
  top: 21px
}

.icon-nav-header .nav-main-item-active:before {
  display: block
}

.icon-nav-header .nav-main-item-active svg {
  display: none
}

@media (min-width: 576px) {
  .icon-nav-header .nav-main-item-active.nav-main-search-trigger {
      padding-top:20px
  }

  .icon-nav-header .nav-main-item-active.nav-main-search-trigger:after,.icon-nav-header .nav-main-item-active.nav-main-search-trigger:before {
      top: 24px
  }
}

.icon-nav-header .nav-main-search.search-box {
  -webkit-box-shadow: 0 1px 1px 0 rgba(17,17,17,.15);
  -moz-box-shadow: 0 1px 1px 0 rgba(17,17,17,.15);
  box-shadow: 0 1px 1px 0 rgba(17,17,17,.15);
  height: 87px
}

.icon-nav-header .nav-main-search.search-box:after {
  display: none;
  border-left: none
}

.icon-nav-header .nav-main-search.search-box.hide {
  display: none
}

.icon-nav-header .nav-icon-trigger {
  float: right;
  position: relative;
  padding-top: .9rem
}

.icon-nav-header .nav-icon-trigger>.icon-hamburger {
  height: 2px;
  width: 20px;
  display: block;
  position: relative;
  margin: 9px auto 18px
}

.icon-nav-header .nav-icon-trigger>.icon-hamburger:after,.icon-nav-header .nav-icon-trigger>.icon-hamburger:before {
  content: " ";
  height: 2px;
  width: 20px;
  top: -8px;
  display: block;
  position: absolute
}

.icon-nav-header .nav-icon-trigger>.icon-hamburger:after {
  top: 8px
}

.icon-nav-header .nav-icon-trigger:hover {
  box-shadow: none;
  background-color: transparent
}

.icon-nav-header .nav-icon-trigger[aria-expanded=true] {
  padding-top: 37.8px
}

.icon-nav-header .nav-icon-trigger[aria-expanded=true]:after,.icon-nav-header .nav-icon-trigger[aria-expanded=true]:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 20px;
  margin: 0 auto;
  top: 21px;
  left: 0;
  right: 0
}

@media (min-width: 576px) {
  .icon-nav-header .nav-icon-trigger[aria-expanded=true] {
      padding-top:2.7rem
  }

  .icon-nav-header .nav-icon-trigger[aria-expanded=true]:after,.icon-nav-header .nav-icon-trigger[aria-expanded=true]:before {
      top: 21px
  }
}

.icon-nav-header .nav-icon-trigger[aria-expanded=true]:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

.icon-nav-header .nav-icon-trigger[aria-expanded=true]:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.icon-nav-header .nav-icon-trigger.nav-main-item-active+.nav-main-search-trigger:after,.icon-nav-header .nav-icon-trigger[aria-expanded=true] .icon-hamburger {
  display: none
}

.icon-nav-header .nav-icon-trigger.nav-main-item-active+.nav-main-search-trigger .nav-main-item-text {
  margin-top: 5px
}

.icon-nav-header .nav-icon-trigger.nav-main-item-active.collapsed+.nav-main-search-trigger.nav-main-item-active:after {
  display: block
}

.icon-nav-header .nav-icon-trigger.nav-main-item-active.collapsed+.nav-main-search-trigger .nav-main-item-text {
  margin-top: 1.79rem
}

.icon-nav-header .nav-top-bar .nav-top-bar-left {
  margin-left: 7.75rem
}

.icon-nav-header .nav-main-icons {
  display: inline-flex;
  position: absolute;
  top: 122px;
  top: 7.625rem;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0
}

@media (max-width: 991px) {
  .icon-nav-header .nav-main-icons {
      overflow-x:hidden
  }
}

.icon-nav-header .nav-main-icons .gradients {
  width: 0;
  height: 0;
  position: absolute;
  z-index: -1
}

.icon-nav-header .navbar {
  padding: 0;
  width: 100%;
  background-color: #fafafa
}

.icon-nav-header .navbar .navbar-nav {
  display: block;
  width: 100%
}

.icon-nav-header .navbar .nav-item .nav-link {
  position: relative;
  padding: .9375rem 1.25rem;
  text-align: left;
  display: block;
  margin: 0 auto;
  width: 100%;
  border-bottom: 1px solid #d6d6d6;
  font-size: 16px;
  font-size: 1rem;
  color: #454545;
  background: #fafafa
}

.icon-nav-header .navbar .nav-item .nav-link:focus {
  outline-offset: -2px
}

.icon-nav-header .navbar .nav-item .nav-link::before {
  content: "";
  position: absolute;
  height: 12px;
  width: 12px;
  border: 1px solid #5a5a5a;
  border-left: transparent;
  border-top: transparent;
  right: 26px;
  right: 1.625rem;
  top: 45px;
  top: 2.8125rem;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.icon-nav-header .navbar .nav-item .nav-link .nav-link-icon {
  display: inline-block;
  max-width: 80px;
  min-width: 60px;
  max-height: 80px;
  min-height: 60px;
  height: 80px;
  margin: 0 1.25rem 0 0
}

.icon-nav-header .navbar .nav-item .nav-link .nav-link-icon .cls-1,.icon-nav-header .navbar .nav-item .nav-link .nav-link-icon path,.icon-nav-header .navbar .nav-item .nav-link .nav-link-icon svg {
  fill: #a6a6a6
}

.icon-nav-header .navbar .nav-item .dropdown {
  padding: .9375rem 0 .9375rem 1.25rem;
  position: static
}

.icon-nav-header .navbar .nav-item .dropdown.dropdown-submenu {
  position: relative
}

.icon-nav-header .navbar .nav-item .dropdown-menu {
  border: none;
  background-color: #f2f2f2;
  border-radius: 0;
  padding: 0 1.25rem;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: -2px;
  top: -.125rem;
  min-height: 100vh;
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(216,216,216,.75);
  -moz-box-shadow: inset 0 2px 4px 0 rgba(216,216,216,.75);
  box-shadow: inset 0 2px 4px 0 rgba(216,216,216,.75)
}

@media all and (orientation: landscape) and (min-width:0) and (max-width:992px) {
  .icon-nav-header .navbar .nav-item .dropdown-menu {
      min-height:200vh
  }
}

.icon-nav-header .navbar .nav-item .dropdown-menu .meganav-subtitle,.icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-close {
  display: none
}

.icon-nav-header .navbar .nav-item .dropdown-menu .nav-link-icon {
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-right: .9375rem
}

.icon-nav-header .navbar .nav-item .dropdown-menu .nav-link-icon img {
  width: 100%
}

.icon-nav-header .navbar .nav-item .dropdown-menu .dropdown-item {
  clear: none;
  float: none;
  display: flex;
  align-items: center;
  padding: .875rem .625rem;
  text-align: left;
  position: relative
}

.icon-nav-header .navbar .nav-item .dropdown-menu .dropdown-item:focus,.icon-nav-header .navbar .nav-item .dropdown-menu .dropdown-item:hover {
  background-color: transparent
}

.icon-nav-header .navbar .nav-item .dropdown-menu .dropdown-item p,.icon-nav-header .navbar .nav-item .dropdown-menu .dropdown-item span {
  color: #4d4d4d;
  display: inline;
  font-size: 14px;
  font-size: .875rem;
  line-height: 41px;
  margin-bottom: 0;
  border-bottom: 1px solid transparent
}

.icon-nav-header .navbar .nav-item .dropdown-menu .nav-chat .nav-chat-trigger span {
  color: #4d4d4d;
  display: inline;
  font-size: 14px;
  font-size: .875rem;
  margin-bottom: 0;
  border-bottom: 1px solid transparent
}

.icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col .nav-meganav-close,.icon-nav-header .navbar .nav-item .dropdown-toggle::after {
  display: none
}

.icon-nav-header .navbar .nav-item .dropdown-menu .nav-chat:not(.w-100) .nav-chat-trigger:hover span {
  border-bottom: 1px solid grey
}

.icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col {
  padding: 0;
  margin-right: 0;
  width: 100%
}

.icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col ul {
  padding: 0
}

.icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col ul li {
  list-style-type: none
}

.icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col .nav-meganav-subitem {
  padding: 0;
  border-bottom: 1px solid #d6d6d6;
  position: relative
}

.icon-nav-header .navbar .nav-item .dropdown-menu.show {
  -webkit-animation: slideIn .3s forwards;
  animation: slideIn .3s forwards
}

@-webkit-keyframes slideIn {
  from {
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }
}

@keyframes slideIn {
  from {
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0);
      visibility: visible
  }

  to {
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }
}

.icon-nav-header .navbar .nav-item .hide {
  -webkit-animation: slideOut .3s forwards;
  animation: slideOut .3s forwards
}

@-webkit-keyframes slideOut {
  from {
      visibility: visible;
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  to {
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0)
  }
}

@keyframes slideOut {
  from {
      visibility: visible;
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  to {
      -webkit-transform: translate3d(100%,0,0);
      transform: translate3d(100%,0,0)
  }
}

.icon-nav-header .navbar .nav-item.brands .dropdown-menu .dropdown-item {
  padding: 1.375rem .625rem
}

.icon-nav-header .navbar .nav-item.brands .dropdown-menu .dropdown-item img {
  display: inline-block;
  height: 20px
}

.icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu .nav-meganav-subitem .dropdown-item:before,.icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu .nav-meganav-subitem::before,.icon-nav-header .navbar .nav-item.brands .dropdown-menu .dropdown-item::before {
  display: none
}

.icon-nav-header .navbar .nav-item .dropdown-submenu.submenuOpen::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

.icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu {
  position: relative;
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  min-height: auto
}

.icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu .nav-meganav-subitem {
  border-bottom: none;
  padding: .125rem 0;
  position: relative;
  clear: both;
  margin-bottom: 0
}

.icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu .nav-meganav-subitem .dropdown-item {
  padding: 0 .625rem;
  position: relative;
  z-index: 9999
}

.icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu .nav-meganav-subitem .dropdown-item p,.icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu .nav-meganav-subitem .dropdown-item span {
  font-size: 13px;
  font-size: .8125rem;
  line-height: inherit
}

.icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu .nav-meganav-subitem .nav-chat .nav-chat-trigger span {
  font-size: 13px;
  font-size: .8125rem;
  line-height: inherit
}

.icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu .nav-meganav-subitem .nav-chat .nav-chat-trigger:hover span {
  border-bottom: 1px solid grey
}

.icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu.show.hasIconPadding {
  padding-left: 4.1875rem
}

.icon-nav-header .nav-search-open .icon-nav-header .nav-main-search-trigger {
  position: relative
}

.icon-nav-header .nav-search-open .icon-nav-header .nav-main-search-trigger:after,.icon-nav-header .nav-search-open .icon-nav-header .nav-main-search-trigger:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 20px;
  margin: 0;
  top: 52px;
  top: 3.25rem
}

.icon-nav-header .nav-search-open .icon-nav-header .nav-main-search-trigger:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

.icon-nav-header .nav-search-open .icon-nav-header .nav-main-search-trigger:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.icon-nav-header .nav-search-open .icon-nav-header .nav-main-search-trigger .nav-main-item-text {
  display: block;
  margin-top: 3.375rem
}

.icon-nav-header .nav-search-open .icon-nav-header .nav-main-search-trigger.nav-main-item-active {
  padding-top: 2.8125rem
}

.icon-nav-header .nav-search-open .icon-nav-header .nav-main-search {
  display: block
}

.icon-nav-header .nav-search-open .nav-main-search-trigger::after {
  width: 25px
}

.icon-nav-header .nav-search-open .nav-main-search-trigger .nav-main-item-text {
  margin-top: 1.74rem
}

@media (min-width: 576px) {
  .icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu.show.hasIconPadding {
      padding-left:3.5rem
  }
}

@media (min-width: 768px) {
  .icon-nav-header .nav-top-bar-right:last-child {
      margin-right:.625rem
  }
}

@media (min-width: 992px) {
  .icon-nav-header .navbar .nav-item.dropdown.link_active .underline,.icon-nav-header .navbar .nav-item.dropdown.show .underline,.icon-nav-header .navbar .nav-item:active .underline,.icon-nav-header .navbar .nav-item:focus .underline,.icon-nav-header .navbar .nav-item:hover .underline {
      margin:17px auto 0;
      height: 2px;
      width: 125px
  }

  .icon-nav-header .nav-main-search-trigger:hover .underline,.icon-nav-header .nav-search-open .icon-nav-header .nav-main-search-trigger .underline,.icon-nav-header .nav-search-open .icon-nav-header .nav-main-search-trigger:after,.icon-nav-header .nav-search-open .icon-nav-header .nav-main-search-trigger:before,.icon-nav-header .navbar .nav-item.dropdown.link_active .underline,.icon-nav-header .navbar .nav-item.dropdown.show .underline,.icon-nav-header .navbar .nav-item:active .underline,.icon-nav-header .navbar .nav-item:focus .underline,.icon-nav-header .navbar .nav-item:hover .underline {
      background-size: 100% 2px;
      background-repeat: no-repeat
  }

  .icon-nav-header .logo a {
      padding: 1.5625rem 3.4375rem 0
  }

  .icon-nav-header ul li {
      position: relative
  }

  .icon-nav-header .nav-main-bar {
      padding-left: 0;
      height: 161px;
      padding-top: 3.3125rem
  }

  .icon-nav-header .nav-main-bar .menu-nav-indicator,.icon-nav-header .nav-main-bar .menu-nav-indicatorNew {
      display: none
  }

  .icon-nav-header .nav-main-search-trigger {
      padding: 0;
      width: 32px;
      margin: 0 1.8125rem
  }

  .icon-nav-header .nav-main-search-trigger svg {
      width: 33px;
      height: 32px;
      margin-top: .75rem;
      margin-bottom: 0
  }

  .icon-nav-header .nav-main-search-trigger svg path {
      fill: #a6a6a6;
      stroke-width: 0
  }

  .icon-nav-header .nav-main-search-trigger:hover .underline {
      margin: 3.875rem 0 0 -1.875rem;
      left: 0;
      width: 118px;
      height: 2px
  }

  .icon-nav-header .nav-main-item-active.nav-main-search-trigger:after,.icon-nav-header .nav-main-item-active.nav-main-search-trigger:before {
      top: 27px;
      top: 1.6875rem
  }

  .icon-nav-header .nav-top-bar .nav-top-bar-left {
      margin-left: 12.125rem
  }

  .icon-nav-header .nav-main-icons {
      width: 88%;
      top: 0;
      position: static
  }

  .icon-nav-header .navbar {
      background-color: #fff;
      position: static
  }

  .icon-nav-header .navbar .navbar-nav {
      display: flex
  }

  .icon-nav-header .navbar .dropdown {
      position: static;
      margin: 0 2px
  }

  .icon-nav-header .navbar .nav-item .nav-link {
      margin: 0 auto;
      padding: 0;
      border-bottom: none;
      text-align: center;
      display: block;
      background: #fff
  }

  .icon-nav-header .navbar .nav-item .nav-link::before {
      display: none
  }

  .icon-nav-header .navbar .nav-item .nav-link .nav-link-icon {
      display: block;
      max-width: 55px;
      min-width: 40px;
      max-height: 55px;
      min-height: 40px;
      height: 55px;
      margin: 0 auto 10px
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu {
      padding: 1.875rem;
      min-height: auto;
      width: 100%;
      left: 0;
      right: 0;
      top: auto
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu.show {
      flex-wrap: wrap;
      display: flex;
      animation: none
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu::before {
      display: none
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu .meganav-subtitle {
      font-size: 40px;
      font-size: 2.5rem;
      line-height: 24px;
      padding: 0 0 1.25rem 1.0625rem;
      color: #4d4d4d;
      flex: 1 1 100%;
      display: block
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu .dropdown-item::before,.icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col .nav-meganav-subitem:before {
      display: none
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu .nav-link-icon {
      max-width: 40px;
      min-width: 21px;
      max-height: 40px;
      min-height: 21px;
      width: 40px;
      height: 40px;
      margin: .1875rem 1.25rem .1875rem .625rem
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu .nav-link-icon img {
      width: 100%
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu .dropdown-item {
      text-align: left;
      padding: .75rem 0 .75rem 1.25rem
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu .dropdown-item p,.icon-nav-header .navbar .nav-item .dropdown-menu .dropdown-item span {
      margin-bottom: 0;
      line-height: 20px
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col {
      width: 25%
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col:nth-child(4) {
      border-right: 1px solid #d6d6d6
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col:nth-last-child(2) {
      border-right: none
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col .nav-meganav-subitem {
      border-bottom: none
  }

  .icon-nav-header .navbar .nav-item.brands .dropdown-menu .dropdown-item {
      padding: .1875rem 0 2.1875rem 1.5625rem
  }

  .icon-nav-header .navbar .nav-item.brands .dropdown-menu .dropdown-item img {
      height: 25px
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-close {
      display: block;
      right: 5px;
      right: .3125rem;
      top: 5px;
      top: .3125rem
  }

  .icon-nav-header .navbar .nav-item a.dropdown-item::before {
      vertical-align: text-bottom
  }

  .icon-nav-header .navbar .nav-item.dropdown.show .dropdown-item:active,.icon-nav-header .navbar .nav-item.dropdown.show .dropdown-item:hover {
      background-color: transparent;
      border: none
  }

  .icon-nav-header .navbar .nav-item.dropdown.show .dropdown-item:active p,.icon-nav-header .navbar .nav-item.dropdown.show .dropdown-item:active span,.icon-nav-header .navbar .nav-item.dropdown.show .dropdown-item:hover p,.icon-nav-header .navbar .nav-item.dropdown.show .dropdown-item:hover span {
      border-bottom: 1px solid grey
  }

  .icon-nav-header .navbar .nav-item.dropdown.show .dropdown-item:focus {
      background-color: transparent
  }

  .icon-nav-header .navbar .nav-item.dropdown.show a[href="javascript:void(0)"].dropdown-item p,.icon-nav-header .navbar .nav-item.dropdown.show a[href="javascript:void(0)"].dropdown-item:active p,.icon-nav-header .navbar .nav-item.dropdown.show a[href="javascript:void(0)"].dropdown-item:hover p,.icon-nav-header .navbar .nav-item.dropdown.show a[href="##"].dropdown-item p,.icon-nav-header .navbar .nav-item.dropdown.show a[href="##"].dropdown-item:active p,.icon-nav-header .navbar .nav-item.dropdown.show a[href="##"].dropdown-item:hover p {
      border-bottom: none
  }

  .icon-nav-header .navbar .nav-item li.nav-meganav-title:hover {
      text-decoration: underline
  }

  .icon-nav-header .navbar .nav-item li.nav-meganav-title .dropdown-title {
      color: #333;
      clear: none;
      float: none;
      display: block;
      padding-left: 1rem;
      text-align: left
  }

  .icon-nav-header .navbar .nav-item li.nav-meganav-title .dropdown-title:active,.icon-nav-header .navbar .nav-item li.nav-meganav-title .dropdown-title:hover {
      background-color: transparent;
      border: none
  }

  .icon-nav-header .navbar .nav-item a::before {
      content: none;
      width: 80px;
      height: 50px;
      display: block;
      margin: 0 auto;
      font-size: 37px;
      font-size: 2.3125rem;
      line-height: 45px;
      color: #c4c4c4
  }

  .icon-nav-header .nav-icon-trigger,.icon-nav-header .nav-search-open .icon-nav-header .nav-main-search-trigger .nav-main-item-text,.icon-nav-header .navbar .nav-item .dropdown-submenu::before {
      display: none
  }

  .icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu {
      top: 0
  }

  .icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu.show {
      margin-top: -1.375rem;
      padding-left: .625rem
  }

  .icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu.show.hasIconPadding {
      z-index: auto;
      padding-left: 5rem
  }

  .icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu.show.noIconPadding {
      padding-top: 1.5625rem
  }

  .icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu .nav-meganav-subitem {
      padding: .3125rem 0 0
  }

  .icon-nav-header .nav-search-open .icon-nav-header .nav-main-search-trigger:after,.icon-nav-header .nav-search-open .icon-nav-header .nav-main-search-trigger:before {
      width: 22px;
      top: 30px;
      top: 1.875rem
  }

  .icon-nav-header .nav-search-open .icon-nav-header .nav-main-search-trigger .underline {
      margin: 6.625rem 0 0 -1.875rem;
      left: 0;
      width: 118px;
      height: 2px
  }

  .icon-nav-header .nav-search-open .icon-nav-header .nav-main-search,.icon-nav-header .nav-search-open .icon-nav-header .nav-main-search:after {
      display: block
  }
}

@media screen and (max-width: 767px) {
  .nav-header:not(.icon-nav-header) .nav-main-item.nav-main-search-trigger.nav-main-item-active:after,.nav-header:not(.icon-nav-header) .nav-main-item.nav-main-search-trigger.nav-main-item-active:before {
      top:33px
  }
}

.on-page-editor .nav-top-bar-left,.on-page-editor .nav-top-bar-right {
  min-width: 190px
}

.china-header-logo .component-content a {
  padding: .3125rem
}

.china-header-logo .component-content a img {
  max-width: 105px
}

@media (min-width: 768px) {
  .china-header-logo .nav-top-bar .nav-top-bar-left {
      margin-left:105px
  }
}

@media (max-width: 992px) {
  .nav-main-search-trigger {
      width:auto
  }
}

@media screen and (max-width: 1024px) {
  .icon-nav-header .navbar .nav-item .nav-link {
      font-size:14px
  }

  .icon-nav-header .navbar .nav-item .nav-meganav-subitem .dropdown-item p,.icon-nav-header .navbar .nav-item .nav-meganav-subitem .dropdown-item span {
      font-size: 13px
  }

  .icon-nav-header .navbar .nav-item .nav-meganav-subitem .dropdown-menu .nav-meganav-subitem .dropdown-item p,.icon-nav-header .navbar .nav-item .nav-meganav-subitem .dropdown-menu .nav-meganav-subitem .dropdown-item span {
      font-size: 12px!important
  }
}

.skip-link,.skip-link a:active,.skip-link a:focus {
  height: auto;
  overflow: auto;
  padding: 1rem 0;
  text-align: center;
  font-size: 1rem;
  z-index: 99;
  color: #fff
}

.skip-link {
  background-color: #1f1e1e;
  top: 10px;
  width: 20%;
  border-radius: 5px;
  border: 2px solid #154f8d;
  position: fixed;
  left: -1000px
}

#skip {
  color: #fff
}

#skip:active,#skip:focus {
  outline: 0
}

.skip-link a:active,.skip-link a:focus {
  outline: #fff solid 1px;
  outline-offset: -2px;
  background-color: #1f1e1e;
  top: 10px;
  width: 20%;
  border-radius: 5px;
  border: 2px solid #154f8d;
  position: fixed;
  left: 40%
}

.nav-expandable-menu.nav-meganav-title:has(.fa-chevron-down)+.nav-meganav-subitem,.nav-expandable-menu:has(.fa-chevron-down)~.meganav-subitem-container {
  display: none
}

.nav-expandable-menu .dropdown-menu.show.hasIconPadding.nav-expandable-menu-open {
  padding-top: 6px
}

@media (min-width: 992px) {
  .china-header-logo .component-content a img {
      max-width:135px
  }

  .china-header-logo .nav-top-bar .nav-top-bar-left {
      margin-left: 140px
  }

  .icon-nav-header .navbar .nav-item.dropdown.show .dropdown-item span {
      word-wrap: break-word;
      white-space: normal
  }
}

@media (min-width: 319px) and (max-width:539px) {
  .nav-meganav-subitem .w-100 .chat-wrapper {
      margin-top:2.5%!important
  }

  .nav-meganav-subitem .w-100 .chat-wrapper-icon {
      margin-left: 1px!important;
      margin-top: .5%!important
  }
}

@media (min-width: 560px) and (max-width:991px) and (orientation:landscape) {
  html.ios .nav-meganav-subitem .w-100 .chat-wrapper-icon {
      margin-top:.1%!important
  }
}

@media (min-width: 992px) {
  .nav-meganav-subitem .w-100 .chat-wrapper,.nav-meganav-subitem .w-100 .chat-wrapper-icon {
      margin-top:4%!important
  }
}

@media (max-width: 992px) {
  .nav-main-bar {
      min-height:70px
  }

  .nav-icon-trigger {
      padding-top: .9rem
  }

  .nav-icon-trigger[aria-expanded=true] {
      padding-top: 37.8px
  }

  .nav-icon-trigger:after,.nav-icon-trigger:before {
      top: 21px
  }

  .icon-nav-header .fixed-nav-header .nav-main-bar {
      height: 89px
  }

  .icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu.show {
      margin-top: 6px
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu .dropdown-item {
      padding-bottom: 0
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu .nav-expandable-menu .dropdown-item p.normal-font-level3 {
      font-family: EMprint,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif!important;
      font-weight: 400!important
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col .nav-meganav-subitem.nav-expandable-menu {
      padding-bottom: 0;
      padding-top: 0;
      position: relative;
      top: 1px
  }

  .icon-nav-header .navbar .nav-item .dropdown-submenu .dropdown-menu .nav-meganav-subitem .dropdown-item span.normal-font-level3 {
      padding-bottom: 2px
  }

  .icon-nav-header .navbar .nav-item.dropdown.show .dropdown-item:hover p {
      border-bottom: 1px solid grey
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu .dropdown-item p {
      border-bottom: 1px solid transparent
  }

  .icon-nav-header .nav-main-icons {
      top: 4.5rem
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu {
      padding: 0
  }

  .icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col {
      padding: 0 20px
  }

  .icon-nav-header.fixed-nav-header .enlarge-logo .nav-main-bar {
      height: 120px
  }

  .icon-nav-header.fixed-nav-header .nav-main-bar {
      height: 90px
  }
}

@media (max-width: 575px) {
  .icon-nav-header .nav-main-icons {
      top:5.5rem
  }
}

@media (min-width: 560px) and (max-width:960px) {
  .nav-chat .nav-chat-on .chat-wrapper-icon,.nav-chat-on .chat-wrapper-icon {
      top:81%
  }
}

@media screen and (max-width: 769px) {
  .nav-chat-on .qrcode .qr-row .qr-column .ecommerce-image {
      max-width:150px
  }
}

@media (min-width: 530px) and (max-width:570px) {
  .nav-meganav-col .nav-chat .nav-chat-on .chat-wrapper-icon {
      margin-left:0
  }
}

@media screen and (max-width: 320px) {
  .nav-meganav-col .nav-meganav-subitem .nav-chat.nav-chat-on .chat-wrapper-icon {
      margin-left:0
  }

  .nav-chat-on .chat-wrapper .qrcode .qr-row {
      display: block
  }
}

.icon-nav-header .enlarge-logo .nav-main-bar .menu-nav-indicator {
  padding: 40px 0 0 34px
}

.icon-nav-header .enlarge-logo .nav-main-bar .menu-nav-indicator::before {
  top: 63px
}

@media (max-width: 576px) {
  .icon-nav-header .enlarge-logo .nav-main-bar .menu-nav-indicator {
      padding:59px 0 0 34px
  }
}

.enlarge-logo .nav-main-item {
  min-height: 70px
}

.icon-nav-header.fixed-nav-header .enlarge-logo .nav-main-bar .menu-nav-indicator::before {
  top: 93px
}

.icon-nav-header.fixed-nav-header .enlarge-logo .nav-main-bar .menu-nav-indicator {
  padding: 74px 0 0 34px
}

@media (max-width: 767px) {
  .icon-nav-header .enlarge-logo .nav-main-bar .menu-nav-indicator {
      padding:70px 0 0 34px
  }

  .icon-nav-header .enlarge-logo .nav-main-bar .menu-nav-indicator::before {
      top: 90px
  }

  .nav-header>.enlarge-logo.nav-wrapper:before,.nav-header>.nav-wrapper:after {
      display: none
  }
}

.new-badge-container {
  position: absolute;
  background: #d42e12;
  padding: 5px
}

.icon-nav-header .nav-ecommerce .ecommerce-wrapper,.nav-chat .chat-wrapper {
  background-color: #333;
  -moz-transition: all 240ms ease-out;
  -ms-transition: all 240ms ease-out;
  -o-transition: all 240ms ease-out
}

.new-badge-text {
  color: #fff;
  padding: 0;
  margin: 0;
  line-height: 1.5;
  font-size: .8125em
}

@media (max-width: 991px) {
  .new-badge-container {
      right:45px;
      top: 40px
  }
}

@media (max-width: 575px) {
  .new-badge-container {
      right:36px;
      top: 32px
  }

  .nav-link-text {
      width: 55%;
      display: inline-block;
      vertical-align: middle
  }
}

.external_link_icon .cls-1,.external_link_icon path,.external_link_icon svg {
  fill: #454545
}

a.meganav-subtitle {
  margin-bottom: 10px
}

@media (max-width: 991px) {
  .icon-nav-header[data-hidelogotop=True] .nav-wrapper>.logo {
      display:none
  }

  .icon-nav-header[data-hidelogotop=True] .enlarge-logo.nav-wrapper>.logo {
      display: unset
  }

  .icon-nav-header[data-hidelogotop=True] .enlarge-logo.nav-wrapper .nav-main-bar .site_logo_bottom .logo {
      display: none
  }

  .icon-nav-header[data-hidelogotop=True] .nav-wrapper:not(.enlarge-logo) .nav-top-bar-left {
      margin-left: 0!important
  }

  .icon-nav-header[data-hidelogotop=True] .site_logo_bottom {
      display: inline-block;
      line-height: 56px;
      width: 120px;
      margin-top: 2.5px
  }

  .icon-nav-header[data-hidelogotop=True] .site_logo_bottom a img {
      width: 120px;
      margin-top: 6px;
      max-width: 100%;
      display: none
  }

  .icon-nav-header .nav-main-bar .site_logo_bottom .logo {
      display: inline
  }

  .icon-nav-header .nav-main-bar .site_logo_bottom a {
      position: relative;
      top: unset;
      left: unset;
      box-shadow: unset;
      padding: unset
  }
}

html[data-directionrtl=true] .icon-nav-header .navbar .nav-item .dropdown-menu .dropdown-item {
  flex-direction: row-reverse
}

html[data-directionrtl=true] .icon-nav-header .nav-social.nav-social-on>.nav-social-icons {
  -moz-transform: scale(1) translateX(0) translateY(0);
  -o-transform: scale(1) translateX(0) translateY(0);
  -ms-transform: scale(1) translateX(0) translateY(0);
  -webkit-transform: scale(1) translateX(0) translateY(0);
  transform: scale(1) translateX(0) translateY(0)
}

@media (min-width: 992px) {
  .icon-nav-header .site_logo_bottom,.icon-nav-header .site_logo_bottom a img,.icon-nav-header .site_logo_bottom img {
      display:none
  }

  html[data-directionrtl=true] .icon-nav-header .navbar .nav-item .dropdown-menu.show {
      flex-direction: row-reverse
  }

  html[data-directionrtl=true] .icon-nav-header .navbar .nav-item .dropdown-menu .meganav-subtitle {
      text-align: right
  }

  html[data-directionrtl=true] .nav-meganav-col {
      border-left: 1px solid #d6d6d6;
      float: right;
      margin-left: 2.02429%;
      padding: 0 2.02429%;
      width: 22.48178%
  }

  html[data-directionrtl=true] .nav-expandable-menu span {
      display: flex!important;
      flex-direction: row-reverse;
      align-items: baseline;
      margin-bottom: 7px!important
  }
}

@media (max-width: 576px) {
  html[data-directionrtl=true] .icon-nav-header .nav-main-search-trigger {
      padding-top:2px
  }
}

html[data-directionrtl=true] .icon-nav-header .nav-top-bar-right .nav-social .nav-social-icons>li a {
  display: flex;
  direction: rtl;
  gap: 8px;
  color: #fff;
  padding-bottom: 3px
}

html[data-directionrtl=true] .icon-nav-header .nav-top-bar-right .nav-social .nav-social-icons>li span {
  display: inline
}

html[data-directionrtl=true] .icon-nav-header .nav-top-bar-right .nav-social.nav-social-on .nav-social-icons {
  display: flex;
  flex-direction: column;
  transform: translate(0,0)!important;
  padding: 0 8px
}

html[data-directionrtl=true] .icon-nav-header .nav-social.has-channels .nav-social-icons .channel,html[data-directionrtl=true] .icon-nav-header .nav-social.has-channels .nav-social-icons li {
  display: block
}

html[data-directionrtl=true] .icon-nav-header .nav-social.has-channels .nav-social-icons .channel span,html[data-directionrtl=true] .icon-nav-header .nav-social.has-channels .nav-social-icons li span {
  margin-right: 0
}

.icon-nav-header .nav-ecommerce {
  float: right;
  padding: .625rem .5rem 0
}

.icon-nav-header .nav-ecommerce .icon-ecommerce-round {
  background-position: -323px -340px
}

.icon-nav-header .nav-ecommerce .icon-ecommerce-round:hover {
  background-position: -204px -435px
}

.icon-nav-header .nav-ecommerce .ecommerce-wrapper {
  width: max-content;
  color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: table;
  left: 0;
  padding: .5rem;
  position: absolute;
  z-index: 12;
  -moz-transform: scale(0) translateX(-50%) translateY(-10px);
  -o-transform: scale(0) translateX(-50%) translateY(-10px);
  -ms-transform: scale(0) translateX(-50%) translateY(-10px);
  -webkit-transform: scale(0) translateX(-50%) translateY(-10px);
  transform: scale(0) translateX(-50%) translateY(-10px);
  -moz-transform-origin: 15px 0;
  -o-transform-origin: 15px 0;
  -ms-transform-origin: 15px 0;
  -webkit-transform-origin: 15px 0;
  transform-origin: 15px 0;
  -webkit-transition: all 240ms ease-out;
  transition: all 240ms ease-out
}

.icon-nav-header .nav-ecommerce .ecommerce-wrapper .ecommerce-title {
  max-width: 150px
}

.icon-nav-header .nav-ecommerce .ecommerce-wrapper .close-button {
  font-size: 22px;
  font-size: 1.375rem;
  position: relative;
  z-index: 2;
  cursor: pointer;
  line-height: 4px;
  text-align: right;
  margin-bottom: .5rem
}

.icon-nav-header .nav-ecommerce.nav-ecommerce-on::after {
  border-bottom: 8px solid #333;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 0;
  content: '';
  height: 0;
  position: absolute;
  width: 0
}

.icon-nav-header .nav-ecommerce.nav-ecommerce-on .ecommerce-wrapper {
  transform: scale(1);
  width: 95%;
  margin-top: .4375rem;
  margin-left: .8125rem
}

@media (min-width: 576px) {
  .icon-nav-header .nav-ecommerce {
      position:relative
  }

  .icon-nav-header .nav-ecommerce .ecommerce-wrapper::after {
      left: 96%;
      border-bottom: 8px solid #333;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 0;
      height: 0;
      margin-left: -.5rem;
      position: absolute;
      width: 0;
      top: 33px;
      right: 14px
  }

  .icon-nav-header .nav-ecommerce.nav-ecommerce-on::after {
      right: 15px;
      top: 33px
  }

  .icon-nav-header .nav-ecommerce.nav-ecommerce-on .ecommerce-wrapper {
      max-width: 400px;
      -moz-transform: scale(1) translateX(-90%) translateY(0);
      -o-transform: scale(1) translateX(-90%) translateY(0);
      -ms-transform: scale(1) translateX(-90%) translateY(0);
      -webkit-transform: scale(1) translateX(-90%) translateY(0);
      transform: scale(1) translateX(-90%) translateY(0);
      width: 400px;
      margin-top: 0;
      margin-left: 0
  }

  .nav-chat .chat-wrapper {
      left: 4px
  }
}

.icon-nav-header .nav-email {
  position: relative;
  float: right;
  padding: .625rem .5rem 0
}

.icon-nav-header .nav-email>img {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 auto
}

.icon-nav-header .nav-email>span {
  display: none
}

.icon-nav-header .nav-email:hover {
  cursor: pointer
}

.icon-nav-header .EmailModal .btn-close {
  font-size: 50px;
  font-size: 3.125rem;
  font-weight: 500;
  line-height: 40px;
  color: #4d4d4d
}

@media (min-width: 768px) {
  .icon-nav-header .nav-email>img {
      display:none
  }

  .icon-nav-header .nav-email>span {
      color: #454545;
      display: block;
      font-size: 13px;
      font-size: .8125rem;
      white-space: nowrap
  }
}

.navbar-main-header .nav-top-bar-right .link-list,.navbar-main-header .nav-top-bar-right .nav-email {
  float: right;
  padding: 10px 6px 0
}

.navbar-main-header .nav-top-bar-right .link-list {
  display: flex
}

.nav-chat .chat-wrapper-icon,.navbar-main-header .nav-top-bar-right .nav-email>img {
  display: none
}

.navbar-main-header .nav-top-bar-right .link-list li {
  padding: 0 10px
}

.nav-meganav-chat {
  float: none!important
}

.nav-chat {
  float: right;
  position: relative;
  padding: .625rem .75rem 0 0
}

.nav-chat .icon-wechat-round:hover {
  background-position: -154px -435px
}

.nav-chat .chat-wrapper {
  margin: .3125rem .625rem 0 0;
  width: max-content;
  color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: table;
  padding: .5rem;
  position: absolute;
  z-index: 1001;
  -moz-transform-origin: 15px 0;
  -o-transform-origin: 15px 0;
  -ms-transform-origin: 15px 0;
  -webkit-transform-origin: 15px 0;
  transform-origin: 15px 0;
  -webkit-transition: all 240ms ease-out;
  transition: all 240ms ease-out
}

.nav-chat.nav-chat-on::after,body:not(.on-page-editor) .nav-chat:not(.nav-chat-on) .chat-wrapper {
  display: none
}

.nav-chat .chat-wrapper .close-button {
  margin-bottom: .5rem
}

.nav-chat.nav-chat-on .chat-wrapper {
  transform: scale(1)
}

.nav-main-mobile-panel .nav-chat.nav-chat-on .chat-wrapper-icon,.nav-meganav-title .nav-chat.nav-chat-on .chat-wrapper-icon {
  top: auto
}

.nav-meganav-col .nav-chat.nav-chat-on .chat-wrapper-icon {
  margin-left: -5px
}

.nav-meganav-col .nav-meganav-title .nav-chat.nav-chat-on .chat-wrapper-icon {
  margin-left: 3px
}

.nav-chat:not(.nav-chat-on) .chat-wrapper {
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0)
}

.nav-meganav-subitem .nav-chat-trigger span {
  color: #4d4d4d
}

.nav-meganav-title .nav-chat-trigger span {
  color: #333
}

@media (min-width: 992px) {
  .nav-meganav-title~.contains-nav-chat:not(.contains-link-icon,.nav-meganav-title) {
      padding-top:10px!important
  }
}

.icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col .nav-meganav-subitem.contains-link-icon {
  padding: 12px 0 12px 20px
}

@media (max-width: 991px) {
  .icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col .nav-meganav-subitem.contains-link-icon {
      display:flex;
      padding: .875rem .625rem;
      margin: 0
  }
}

.icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col .nav-meganav-subitem.contains-link-icon .hasIconPadding {
  margin-left: -.5rem
}

icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col .nav-meganav-subitem.contains-nav-chat {
  padding: 12px 0 12px 20px
}

.contains-nav-chat .nav-chat:not(.w-100),.contains-nav-chat:not(.contains-link-icon,.nav-meganav-title),.sidebar-nav :first-of-type>.quick-links>a {
  padding-top: 0!important
}

.icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col .nav-meganav-subitem.contains-nav-chat>.nav-link-icon {
  float: left
}

.icon-nav-header .navbar .nav-item .dropdown-menu .nav-meganav-col .nav-meganav-subitem.contains-nav-chat>.nav-link-icon+.nav-chat,.nav-meganav-title~.contains-nav-chat .nav-chat {
  padding-left: 0
}

.nav-header ul>li .contains-nav-chat {
  margin-left: 2px
}

@media (min-width: 576px) {
  .nav-header ul>li .contains-nav-chat {
      margin-bottom:5px;
      margin-left: 0
  }
}

.contains-nav-chat {
  margin-bottom: 0
}

.contains-nav-chat.contains-link-icon {
  display: flex;
  margin-bottom: 0
}

.contains-nav-chat.contains-link-icon .nav-chat {
  margin: auto 0
}

@media (max-width: 992px) {
  .icon-nav-header .nav-chat.w-100 {
      padding:.875rem .625rem;
      border-bottom: 1px solid #c3c3c3
  }
}

@media (min-width: 992px) {
  .icon-nav-header .nav-chat.w-100 {
      padding:.75rem 0 .75rem 1.25rem
  }
}

.contains-nav-chat .nav-chat {
  float: none
}

.contains-nav-chat:not(.nav-meganav-subitem) .nav-chat {
  padding: 0
}

@media (min-width: 576px) {
  .icon-nav-header .nav-chat .chat-wrapper::after,.icon-nav-header .nav-chat.nav-chat-on::after {
      display:none
  }

  .icon-nav-header .nav-chat.nav-chat-on .chat-wrapper {
      -moz-transform: scale(1) translateX(-90%) translateY(0);
      -o-transform: scale(1) translateX(-90%) translateY(0);
      -ms-transform: scale(1) translateX(-90%) translateY(0);
      -webkit-transform: scale(1) translateX(-90%) translateY(0);
      transform: scale(1) translateX(-90%) translateY(0);
      top: 40px;
      margin-top: 0;
      margin-left: 0
  }
}

@media (min-width: 768px) {
  .icon-nav-header .nav-chat {
      padding:.625rem .625rem 0
  }

  .icon-nav-header .nav-chat .chat-wrapper {
      top: 40px;
      top: 2.5rem
  }
}

@media (min-width: 961px) {
  .nav-chat-on .chat-wrapper-icon {
      top:2.0625rem
  }
}

.nav-chat-bg-white .chat-wrapper {
  width: 200px;
  background-color: #fff;
  border: 2px solid #0c479d;
  border-radius: 0;
  color: #0c479d;
  left: -172px;
  margin-top: 10px;
  transform: none!important
}

.nav-chat-bg-white .chat-wrapper .close-button {
  padding: 0;
  top: -18px;
  right: -13px
}

.nav-chat.nav-chat-bg-white .chat-wrapper-icon {
  display: none
}

.nav-chat.nav-chat-on .chat-wrapper-icon {
  display: block;
  border-bottom: 8px solid #333;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 0;
  content: '';
  height: 0;
  margin-left: 0;
  position: absolute;
  width: 0
}

.nav-chat .chat-wrapper .close-button {
  font-size: 22px;
  font-size: 1.375rem;
  position: relative;
  z-index: 2;
  cursor: pointer;
  line-height: 4px;
  text-align: right;
  margin: .5rem 0 .8rem
}

.nav-chat .chat-wrapper .qr-row {
  margin-bottom: 15px
}

.qrcode {
  margin-bottom: 0
}

.nav-chat .chat-wrapper .ecommerce-number {
  margin: 0
}

@media (max-width: 767px) {
  .chat-wrapper {
      left:0;
      top: 35px
  }
}

@media (min-width: 768px) and (max-width:991px) {
  .chat-wrapper {
      left:10px;
      top: 32px
  }
}

@media (min-width: 992px) {
  .nav-chat .chat-wrapper {
      left:9px;
      top: 34px
  }
}

.icon-follow-wechat {
  background: url(/Assets/img/icon-share-sprite2.png) 0 -38px no-repeat
}

.follow-wechat-section.active .icon-follow-wechat,.follow-wechat-section:hover .icon-follow-wechat {
  background: url(/Assets/img/icon-share-sprite2.png) 0 -158px no-repeat
}

.follow-wechat-section {
  width: 40px;
  height: 40px;
  vertical-align: middle;
  text-align: center;
  margin-bottom: 1px;
  background: #f0f0f0;
  padding: 10px 0 0 8px;
  cursor: pointer;
  position: relative
}

.follow-wechat-section i {
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden
}

.follow-wechat-section i img {
  width: 100%;
  height: 100%;
  display: block
}

.follow-wechat-section.active,.follow-wechat-section:hover {
  background: 0 0
}

.follow-wechat-section.bg-color-cyan.active,.follow-wechat-section.bg-color-cyan:hover {
  background: #00a3e0
}

.follow-wechat-section.bg-color-indigo.active,.follow-wechat-section.bg-color-indigo:hover {
  background: #002f6c
}

.follow-wechat-section.bg-color-violet.active,.follow-wechat-section.bg-color-violet:hover {
  background: #3a397b
}

.follow-wechat-section.bg-color-purple.active,.follow-wechat-section.bg-color-purple:hover {
  background: #7a4183
}

.follow-wechat-section.bg-color-cerise.active,.follow-wechat-section.bg-color-cerise:hover {
  background: #bd2f7f
}

.follow-wechat-section.bg-color-plum.active,.follow-wechat-section.bg-color-plum:hover {
  background: #890c58
}

.follow-wechat-section.bg-color-ruby.active,.follow-wechat-section.bg-color-ruby:hover {
  background: #d73872
}

.follow-wechat-section i img.hover,.follow-wechat-section.active img.default,.follow-wechat-section:hover img.default {
  display: none
}

.follow-wechat-section.active i img.hover,.follow-wechat-section:hover i img.hover {
  display: block
}

.follow-wechat-section .wechat-light-box {
  display: none;
  position: absolute;
  top: 50%;
  right: 55px;
  padding: 60px 60px .5rem;
  text-align: center;
  z-index: 99;
  width: 250px;
  background: #f0f0f0;
  font-size: .9rem;
  transform: translateY(-50%)
}

.follow-wechat-section .wechat-light-box:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #f0f0f0;
  position: absolute;
  right: -8px;
  top: 50%;
  margin-top: -10px;
  transform: rotate(45deg)
}

.follow-wechat-section .wechat-light-box .close-button {
  position: absolute;
  top: 0;
  right: 10px;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  font-size: 36px;
  opacity: .2
}

.follow-wechat-section .wechat-light-box .close-button:hover {
  opacity: .5
}

.icon-share-wechat {
  background: url(/Assets/img/icon-share.png) 0 -3px no-repeat;
  height: 22px
}

.follow-wechat-section.active .icon-share-wechat,.follow-wechat-section:hover .icon-share-wechat {
  background: url(/Assets/img/icon-share.png) 0 -51px no-repeat;
  height: 26px
}

@media (max-width: 480px) {
  .floating-bar {
      display:none
  }
}

body .component.supress {
  display: none
}

@media (min-width: 576px) {
  body.on-page-editor .IconHomepage .desktop-message {
      display:block
  }
}

.IconHomepage .desktop-message {
  display: none
}

.IconHomepage .icon-home {
  padding-left: 1.25rem
}

.IconHomepage .icon-home .icon-home-item {
  list-style-type: none;
  width: 45%;
  display: inline-grid;
  margin-bottom: .625rem;
  text-align: center;
  max-height: 220px;
  height: 0;
  padding-bottom: 45%;
  position: relative
}

.IconHomepage .icon-home .icon-home-item:nth-child(odd) {
  margin-right: 1.25rem
}

.IconHomepage .icon-home .icon-home-item a {
  color: #fff;
  font-size: 21px;
  font-size: 1.3125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute
}

.IconHomepage .icon-home .icon-home-item a .nav-link-icon {
  height: 0;
  padding-bottom: 50%;
  position: relative
}

.IconHomepage .icon-home .icon-home-item a .nav-link-icon .icon-home-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 15%
}

@media (min-width: 576px) {
  body .component.supress {
      display:block
  }

  .IconHomepage .icon-home {
      display: none
  }
}

.qrcode .qr-row {
  content: "";
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: inherit
}

.qrcode .qr-row .qr-column {
  margin-left: 5px;
  margin-right: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.qrcode .qr-row .qr-column .qr-head .icon-wechat-round {
  margin-right: .3125rem
}

.qrcode .qr-row .qr-column .ecommerce-title {
  text-align: center;
  margin-bottom: 0;
  margin-top: .3125rem;
  font-weight: 700;
  max-width: 180px
}

.qrcode .qr-row .qr-column .ecommerce-title a {
  color: inherit;
  white-space: normal;
  overflow-wrap: break-word
}

.qrcode .qr-row .qr-column .ecommerce-image {
  max-width: 88px;
  margin: auto
}

.qrcode .qr-row .qr-column .ecommerce-number {
  text-align: center;
  font-weight: 700
}

.qrcode .qr-row .qr-column .btn {
  display: block;
  left: 0;
  margin-top: .625rem;
  margin-bottom: .625rem;
  max-width: 200px;
  white-space: normal
}

.qrcode .qr-row .qr-column .btn-secondary {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem
}

.qrcode .qr-row .qr-column .qr-image {
  max-width: 115px;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center
}

.qrcode .qr-row .qr-column .qr-head {
  display: flex;
  text-align: left;
  width: 115px;
  margin: 0 auto
}

.qrcode .qr-row .qr-column .qr-head .qr-title {
  max-width: 89px;
  line-height: 2
}

.qrcode .qr-row .qr-column .qr-head .qr-title a {
  color: inherit;
  white-space: normal
}

.search-button-header,.search-textbox-header {
  border: none;
  background: 0 0;
  display: inline-block;
  -webkit-appearance: none;
  height: 48px;
  overflow: hidden;
  position: relative;
  color: #5a5a5a
}

.icon-nav-header .nav-chat.nav-chat-on .chat-wrapper.only-child {
  width: auto;
  left: auto;
  margin-left: auto;
  padding: .625rem
}

@media (min-width: 576px) {
  .qrcode .qr-row .qr-column .qr-head {
      width:130px
  }

  .qrcode .qr-row .qr-column .qr-head .qr-title {
      max-width: 100px
  }

  .qrcode .qr-row .qr-column .qr-image {
      max-width: 130px
  }

  .qrcode .qr-row .qr-column .ecommerce-image {
      max-width: 150px;
      min-width: 145px
  }

  .qrcode .qr-row .qr-column .ecommerce-title {
      max-width: 150px
  }
}

@media (min-width: 768px) {
  .qrcode .qr-row .qr-column {
      padding:0 .625rem
  }

  .qrcode .qr-row .qr-column .qr-head {
      width: auto;
      margin: 0
  }

  .qrcode .qr-row .qr-column .qr-head .qr-title {
      line-height: 1.5;
      max-width: 134px;
      margin-left: 5px
  }

  .qrcode .qr-row .qr-column .qr-head .icon-wechat-round {
      margin-right: 0
  }

  .qrcode .qr-row .qr-column .qr-image {
      max-width: 200px
  }
}

.search-textbox-header {
  padding: .0625rem 0 .0625rem 15px;
  outline-offset: -2px;
  outline: 0;
  font-size: 2.1875rem;
  width: 85%
}

.search-button-header {
  padding: .0625rem 20px;
  font-size: 1.375rem;
  cursor: pointer;
  border-left: 1px solid #d4d4d4;
  width: 14%;
  text-align: center
}

.ui-state-active,.ui-widget-content .ui-state-active {
  border: 1px solid #c5c5c5!important;
  background: #fff!important;
  color: #333!important
}

.ui-widget.ui-widget-content.custom-autocomplete {
  list-style-type: none;
  padding-left: 10px
}

.ui-widget.ui-widget-content.custom-autocomplete .ui-state-active {
  border: none!important
}

.search-bar-footer {
  font-size: 15px
}

@media screen and (max-width: 1024px) {
  .magic-box-input.search-bar-footer-container {
      min-height:40px
  }
}

.search-button-header {
  border-color: #d4d4d4
}

@media screen and (max-width: 991px) {
  .search-textbox-header {
      padding-left:4.375rem;
      font-size: 21px
  }

  .nav-main-search .fa-search {
      top: 50%!important;
      transform: translate(0,-50%);
      left: 15px
  }

  input.search-button-header {
      font-size: 21px
  }
}

@media screen and (max-width: 767px) {
  .search-textbox-header {
      width:100%;
      padding-left: 4.375rem;
      font-size: 21px
  }

  input.search-button-header {
      display: none
  }
}

.search-bar-footer {
  padding-left: 17px!important
}

@media screen and (min-width: 768px) {
  .nav-main-search.search-box.custom-coveo-search-new {
      padding-top:0;
      padding-bottom: 0;
      height: 87px!important
  }

  .nav-main-search.search-box .fa-search,.search-button-header,.search-textbox-header {
      padding-top: 0;
      padding-bottom: 0;
      position: absolute;
      top: 50%;
      transform: translate(0,-50%)
  }

  .search-button-header {
      right: 0;
      text-align: center;
      height: 50px;
      min-width: 11.25rem
  }
}

@media screen and (min-width: 1024px) {
  .search-textbox-header {
      padding-left:.9375rem
  }
}

.magic-box-input.search-bar-footer-container {
  background: #262626;
  height: 45px
}

.magic-box-input.search-bar-footer-container .search-button {
  -webkit-appearance: listbox
}

@media only screen and (width: 390px) and (min-device-height:812px) and (max-device-height:896px) {
  .nav-main-search.search-box .component {
      padding-top:1.3rem
  }
}

@media only screen and (min-device-width: 414px) and (min-device-height:896px) and (-webkit-device-pixel-ratio:2) {
  .nav-main-search.search-box .component {
      padding-top:1.3rem
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width:568px) and (-webkit-device-pixel-ratio:2) {
  .nav-main-search.search-box .component {
      padding-top:1.3rem
  }
}

@media only screen and (min-width: 393px) and (max-width:767px) {
  .nav-main-search.search-box .component {
      padding-top:1.3rem
  }
}

@media (min-width: 280px) and (max-width:320px) {
  .nav-main-search.search-box .component {
      padding-top:1.3rem
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 4) {
  .nav-main-search.search-box .component {
      padding-top:1.3rem
  }
}

@media only screen and (device-width: 375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
  .nav-main-search.search-box .component {
      padding-top:1.3rem
  }
}

@media screen and (max-width: 767px) {
  .nav-header.navbar-main-header,.navbar-main-header .search-textbox-header {
      top:0
  }
}

@media only screen and (min-device-width: 320px) {
  .nav-main-search.search-box .component.coveo-globalsearchbox {
      padding-top:0
  }
}

.ui-menu.custom-autocomplete .ui-menu-item-wrapper,.ui-menu.custom-footer-autocomplete .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
  display: block;
  -webkit-line-clamp: 1;
  overflow: hidden!important;
  text-overflow: ellipsis;
  white-space: nowrap
}

.custom-autocomplete {
  z-index: 9
}

.custom-autocomplete,.custom-footer-autocomplete {
  list-style: none;
  padding-left: 10px
}

.ui-widget.ui-widget-content.custom-autocomplete {
  border: 1px solid #c5c5c5!important;
  background: #fff!important
}

@media (min-width: 992px) {
  .nav-body-wrapper,.nav-row {
      max-width:1400px
  }

  .nav-row {
      margin: 0 auto;
      display: flex
  }

  .nav-main-left {
      width: 24%;
      overflow-x: hidden;
      background: #f0f0f0
  }

  .nav-main-left ul {
      padding-left: 0;
      min-width: 205px
  }

  .nav-main-left ul a {
      padding-left: 0
  }

  .nav-main-left svg {
      width: 16%
  }

  .nav-main-left nav {
      width: 90%
  }

  .nav-main-left .dropdown-submenu ul {
      display: none
  }

  .nav-main-left .nav-link-icon {
      padding: 10px;
      display: inline
  }

  .nav-main-left .nav-link-icon img {
      vertical-align: -webkit-baseline-middle
  }

  .nav-main-left .left-nav-item {
      min-width: 220px
  }

  .nav-main-left .left-nav li {
      list-style: none;
      vertical-align: middle;
      margin: 10px 0 0;
      background-color: #fff;
      padding: unset;
      clear: both
  }

  .nav-main-left .left-nav-item li a {
      text-decoration: none;
      padding: 0 15px;
      width: 100%;
      white-space: normal
  }

  .nav-main-left .dropdown-expandable-menu-open {
      display: block
  }

  .nav-main-left .left-nav .left-nav-item .dropdown-expandable-menu .fa {
      float: right
  }

  .nav-main-left .left-nav .left-nav-item .dropdown-expandable-menu-open {
      border-left: 1px solid #ebebeb;
      margin: 5%
  }

  .nav-main-left .left-nav .dropdown-expandable-menu {
      font-weight: 700;
      font-size: 18px;
      color: #454545
  }

  .nav-main-left .left-nav .dropdown-expandable-menu-open {
      font-weight: 700;
      font-size: 14px;
      color: #454545
  }

  .nav-main-left .nav-main-bar .nav-main-item svg {
      width: 40%
  }

  .nav-main-left .left-nav .left-nav-item a:hover {
      text-decoration: none
  }

  .nav-main-left .left-nav .left-nav-item a:hover span {
      text-decoration: underline
  }

  .left-nav-search:hover,.nav-main-left .left-nav .nav-meganav-subitem a:hover {
      text-decoration: none
  }

  .nav-main-left .left-nav .nav-meganav-subitem.contains-nav-chat.contains-link-icon svg {
      width: 78%;
      padding-left: 16px
  }

  .nav-main-left .left-nav .nav-chat.nav-chat-on .chat-wrapper-icon {
      top: 4rem
  }

  .nav-main-left .left-nav .nav-chat.nav-chat-on .chat-wrapper {
      left: unset!important;
      right: -34px
  }

  .nav-main-left .contains-nav-chat .nav-link-icon {
      flex-basis: 37%
  }

  .nav-main-right .nav-wrapper .nav-top-bar-left {
      margin: 0
  }

  .nav-main-left .nav-main-bar {
      display: none;
      background-color: #fff
  }

  .nav-main-right {
      overflow: hidden;
      width: 100%
  }

  .nav-body-wrapper .left-nav-menu .menu-button {
      z-index: 1;
      left: unset
  }

  .nav-body-wrapper .left-nav-menu .menu-button-bar {
      position: absolute;
      height: auto;
      display: inline-block
  }

  .nav-body-wrapper .left-nav-menu .menu-button-bar .fa-bars {
      z-index: 9999;
      position: relative;
      display: none
  }

  .nav-body-wrapper .left-nav-menu {
      position: relative
  }

  .left-nav .fa-chevron-left,.left-nav .fa-chevron-right {
      margin: 25%;
      font-size: 150%;
      background-color: #00a3e0;
      color: #fff;
      border: 12px solid #00a3e0
  }

  .nav-main-left .nav-main-bar .nav-main-search-trigger {
      background: #f0f0f0
  }

  .nav-row {
      justify-content: unset
  }

  .left-nav .dropdown-menu .nav-meganav-col {
      display: list-item;
      border: none!important;
      width: 100%;
      padding: 0;
      margin: 0
  }

  .nav-main-left {
      background-color: #fff;
      border-right: 2px solid #ebebeb;
      overflow-y: auto;
      scrollbar-width: thin;
      scrollbar-color: #929fa4 #ebebeb
  }

  .nav-main-left::-webkit-scrollbar {
      width: 4px
  }

  .nav-main-left::-webkit-scrollbar-track {
      background: #ebebeb
  }

  .nav-main-left::-webkit-scrollbar-thumb {
      border: 0;
      border-radius: 0;
      background-color: #929fa4
  }

  .nav-main-left .nav-wrapper {
      display: flex;
      margin-right: 11px;
      align-items: flex-start;
      justify-content: space-between
  }

  .nav-main-left .navbar-alignment {
      float: left;
      background-color: #fff!important
  }

  .nav-main-left .dropdown-menu .nav-meganav-active {
      padding: 0
  }

  .left-nav .dropdown-menu .nav-meganav-subitem {
      padding: 0;
      margin-top: 0
  }

  .nav-main-left .dropdown-menu {
      border-left: 1px solid #d6d6d6;
      border-radius: unset;
      border-right: 0;
      border-top: 0;
      border-bottom: 0;
      background-color: #fff!important;
      position: relative!important;
      padding: 0 0 0 4px;
      margin: 0
  }

  .nav-main-left .dropdown-menu .nav-meganav-active {
      background-color: #fff
  }

  .nav-body-wrapper .menu-button .fa-bars,.nav-body-wrapper .menu-button .fa-times {
      margin: 25%;
      font-size: 150%;
      background-color: #0c479d;
      border: 12px solid #0c479d;
      cursor: pointer;
      color: #fff
  }

  .left-nav .nav-meganav-title>a:hover {
      border: none
  }

  .nav-body-wrapper .nav-main-bar .logo {
      max-width: 91%!important;
      padding: 2% 1% 3%;
      min-height: 3.875rem;
      max-height: 3.875rem
  }

  .nav-body-wrapper .icon-nav-header .nav-top-bar-left {
      margin: 0
  }

  .nav-main-left .nav-meganav-subitem.nav-expandable-menu-open {
      border: unset
  }

  nav-main-left .nav-meganav-subitem>a:hover {
      border: none
  }

  .nav-main-left ul a {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 0;
      padding: .5rem 1rem 0 0
  }

  .nav-main-left ul a[href*="/"]:hover {
      border-bottom: 1px solid #d4d4d4
  }

  .nav-main-left .dropdown-menu .nav-meganav-title {
      padding: 0;
      margin: 0;
      clear: both
  }

  .left-nav .nav-expandable-menu.nav-meganav-title:has(.fa-chevron-down)+.nav-meganav-subitem {
      display: block
  }

  .nav-main-left .nav-link p {
      margin: 0;
      display: inline-block;
      color: #5a5a5a
  }

  .left-nav-search {
      display: flex;
      justify-content: flex-end;
      clear: both
  }

  .left-nav-searchBox {
      display: none;
      margin-top: .625rem
  }

  .left-nav-searchBox .component {
      margin-bottom: 0;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start
  }

  .left-nav-searchBox .search-textbox-header {
      font-size: 17px;
      font-weight: 700;
      padding-left: 5px;
      margin: .75rem .75rem .75rem 18px;
      width: 90%;
      border-bottom: 3px solid #0e469b;
      top: -15px;
      position: unset;
      min-width: 6.25rem
  }

  .left-nav-searchBox .search-button-header {
      font-size: 17px;
      font-weight: 700;
      width: 40%;
      background: #0e469b;
      color: #fff;
      border-radius: 5px;
      margin-left: 1rem;
      position: unset;
      min-width: 40%
  }

  .left-nav-searchBox .fas {
      color: #0e469b
  }

  .left-nav-search .fa-search {
      font-size: 20px;
      padding: 1.5rem .65rem .65rem
  }

  .left-nav-search .fa-times {
      font-size: 25px;
      padding: 1.5rem .75rem .75rem
  }

  .left-nav-mobile {
      display: none
  }
}

.left-nav-search .fas:hover,.left-nav-searchBox button,.left-nav-searchBox button:hover {
  background-color: transparent
}

@media (max-width: 992px) {
  .nav-row {
      width:100%
  }

  .left-nav-searchBox,.nav-main-left .nav-main-bar .nav-main-mobile-panel-active .nav-last-child:after {
      display: none
  }
}

@media (min-width: 1023px) and (max-width:1100px) {
  .left-nav {
      width:212px
  }

  .nav-main-left ul {
      padding-left: 0;
      min-width: 177px
  }

  .nav-main-left .nav-main-bar .navbar-alignment {
      padding: 0 0 0 1.5rem
  }

  .left-nav-searchBox .fas {
      top: 9.75rem
  }

  .left-nav-menu .menu-button {
      left: 17.4%
  }

  .left-nav-search {
      margin-top: 1rem
  }
}

@media (min-width: 1100px) {
  .left-nav {
      width:235px
  }

  .nav-main-left ul {
      padding-left: 0;
      min-width: 200px
  }
}

.left-nav-search .fas:hover {
  color: #0e469b;
  -webkit-box-shadow: inset 0 3px 0 0 #0e469b;
  -moz-box-shadow: inset 0 3px 0 0 #0e469b;
  box-shadow: inset 0 3px 0 0 #0e469b
}

.left-nav .nav-link,.left-nav .nav-link p {
  font-size: 13px;
  font-size: .8125rem
}

.left-nav .level_1 {
  font-size: 1rem!important
}

.left-nav .level_2 {
  font-size: .875rem!important
}

.left-nav-searchBox button {
  margin-right: 5px;
  border: none;
  cursor: pointer;
  padding: 1px 6px
}

@media print {
  body,form,html {
      background-color: #fff!important
  }

  html.ie #footer-bottom #footer-logos #footer-related-companies a,html.ie11 #footer-bottom #footer-logos #footer-related-companies a {
      display: table-cell;
      vertical-align: middle
  }

  html.ie #footer-bottom #footer-logos #footer-related-companies a img,html.ie11 #footer-bottom #footer-logos #footer-related-companies a img {
      display: block
  }

  html.ie #footer-bottom #footer-logos a.footer-logo-large,html.ie11 #footer-bottom #footer-logos a.footer-logo-large {
      display: inline-block
  }

  html.ie #footer-bottom #footer-logos a.footer-logo-large span,html.ie11 #footer-bottom #footer-logos a.footer-logo-large span {
      display: none
  }

  html.ie #footer-bottom #footer-logos a.footer-logo-large img,html.ie11 #footer-bottom #footer-logos a.footer-logo-large img {
      display: block
  }

  .footer-top,div.component.component-margin-none.breadcrumb-panel,div.component.component-margin-xs.breadcrumb-panel,div.nav-main-bar .nav-main-search-trigger,div.nav-main-bar ul.nav-main-list,div.nav-top-bar {
      display: none!important
  }

  .print-device #productSeriesPds {
      display: none
  }

  .print-device .special-screen-title-text h3 {
      margin: 0;
      font-family: inherit!important
  }

  .print-device .table-striped>thead {
      background-color: #ddd
  }

  .print-device .table-striped>thead>tr>td,.print-device .table-striped>thead>tr>th {
      border: 1px solid #979797;
      padding: .5rem;
      text-align: left
  }

  .print-device .table-striped>tbody>tr:nth-of-type(odd) {
      background-color: #f9f9f9
  }

  .print-device .table-striped>tbody>tr:nth-of-type(even) {
      background-color: #ddd
  }

  .print-device .table-striped>tbody>tr td {
      border: 1px solid #979797;
      padding: .5rem
  }

  .print-device .footer-copyright * {
      font-size: inherit
  }
}

body:not([data-bp=xl]) .component.component-margin {
  margin: 0
}

.component.component-margin {
  width: 100%;
  margin: 0
}

.component-margin-l {
  height: 40px
}

.component-margin-m {
  height: 20px
}

.component-margin-s {
  height: 10px
}

.component-margin-one-pixel {
  height: 1px
}

.component-margin-two-pixel {
  height: 2px
}

.component-margin-three-pixel {
  height: 3px
}

.component-margin-four-pixel {
  height: 4px
}

.component-margin-five-pixel {
  height: 5px
}

.margin-vertical {
  height: 100%
}

@media (max-width: 480px) {
  .component-hide,.component-hide>* {
      display:none
  }

  .component-margin-s {
      height: 5px
  }

  .component-margin-m {
      height: 10px
  }

  .component-margin-l {
      height: 20px
  }
}

.component-margin.bg-color-white {
  background-color: #fff
}

.component-margin.bg-color-black5 {
  background-color: #f1f2f2
}

.component-margin.bg-color-black10 {
  background-color: #e6e7e8
}

.component-margin.bg-color-black15 {
  background-color: #dcddde
}

.component-margin.bg-color-black20 {
  background-color: #d1d3d4
}

.component.component-margin.component-margin-spacer-set1,body:not([data-bp=xl]) .component.component-margin.component-margin-spacer-set1 {
  margin-top: 0;
  margin-bottom: 40px
}

.component.component-margin.component-margin-spacer-set2,body:not([data-bp=xl]) .component.component-margin.component-margin-spacer-set2 {
  margin-top: 0;
  margin-bottom: 32px
}

.component.component-margin.component-margin-spacer-set3,body:not([data-bp=xl]) .component.component-margin.component-margin-spacer-set3 {
  margin-top: 0;
  margin-bottom: 48px
}

.component.component-margin.component-margin-spacer-set4,body:not([data-bp=xl]) .component.component-margin.component-margin-spacer-set4 {
  margin-top: 0;
  margin-bottom: 32px
}

.component.component-margin.component-margin-spacer-set5,body:not([data-bp=xl]) .component.component-margin.component-margin-spacer-set5 {
  margin-top: 0;
  margin-bottom: 24px
}

@media (min-width: 768px) {
  .component.component-margin.component-margin-spacer-set1,body:not([data-bp=xl]) .component.component-margin.component-margin-spacer-set1 {
      margin-top:0;
      margin-bottom: 48px
  }

  .component.component-margin.component-margin-spacer-set2,body:not([data-bp=xl]) .component.component-margin.component-margin-spacer-set2 {
      margin-top: 0;
      margin-bottom: 40px
  }

  .component.component-margin.component-margin-spacer-set3,body:not([data-bp=xl]) .component.component-margin.component-margin-spacer-set3 {
      margin-top: 0;
      margin-bottom: 64px
  }

  .component.component-margin.component-margin-spacer-set4,body:not([data-bp=xl]) .component.component-margin.component-margin-spacer-set4 {
      margin-top: 0;
      margin-bottom: 48px
  }

  .component.component-margin.component-margin-spacer-set5,body:not([data-bp=xl]) .component.component-margin.component-margin-spacer-set5 {
      margin-top: 0;
      margin-bottom: 32px
  }
}

@media (min-width: 1024px) {
  .component.component-margin.component-margin-spacer-set1,.component.component-margin.component-margin-spacer-set2,body:not([data-bp=xl]) .component.component-margin.component-margin-spacer-set1,body:not([data-bp=xl]) .component.component-margin.component-margin-spacer-set2 {
      margin-top:0;
      margin-bottom: 80px
  }

  .component.component-margin.component-margin-spacer-set3,body:not([data-bp=xl]) .component.component-margin.component-margin-spacer-set3 {
      margin-top: 0;
      margin-bottom: 96px
  }

  .component.component-margin.component-margin-spacer-set4,body:not([data-bp=xl]) .component.component-margin.component-margin-spacer-set4 {
      margin-top: 0;
      margin-bottom: 64px
  }

  .component.component-margin.component-margin-spacer-set5,body:not([data-bp=xl]) .component.component-margin.component-margin-spacer-set5 {
      margin-top: 0;
      margin-bottom: 48px
  }
}

.layout-row-16>div>.img-+p,.zero_padding {
  margin: 0
}

.zero_padding div[class*=col-] {
  padding-left: 0;
  padding-right: 0
}

.layout-row-16 {
  display: table;
  width: 100%;
  table-layout: fixed
}

.layout-row-16.bg-color-white {
  background-color: #fff
}

.layout-row-16.bg-color-black5 {
  background-color: #f1f2f2
}

.layout-row-16.bg-color-black10 {
  background-color: #e6e7e8
}

.layout-row-16.bg-color-black15 {
  background-color: #dcddde
}

.layout-row-16.bg-color-black20 {
  background-color: #d1d3d4
}

.layout-row-16>div {
  display: table-cell;
  vertical-align: middle;
  align-items: center
}

.layout-row-16>div .component {
  margin-bottom: 0
}

.layout-row-16>div>.img- {
  display: block;
  width: 100%
}

.layout-row-16>.col-1 {
  width: 6.25%
}

.layout-row-16>.col-2 {
  width: 12.5%
}

.layout-row-16>.col-6 {
  width: 37.5%
}

.layout-row-16>.col-7 {
  width: 43.75%
}

.layout-row-16>.col-8 {
  width: 50%
}

.layout-row-16>.col-14 {
  width: 87.5%
}

.layout-row-16>.no-padding {
  padding: 0
}

@media (max-width: 480px) {
  .layout-row-16 {
      display:block;
      table-layout: initial
  }
}

@media screen and (max-width: 767px) {
  body:not([data-bp=xl]) .component.t01-screen-title {
      margin-bottom:0
  }

  .mb-xs-0 {
      margin-bottom: 0!important
  }
}

@media (max-width: 992px) {
  .layout-row-16>div {
      display:block;
      width: 100%!important;
      max-width: initial
  }
}

@media screen and (min-width: 1000px) {
  .layout-row-16 .col-6 .featured-title-copy .component.btn {
      width:auto
  }
}

.layout-row-16>div .commitmentBoxes {
  margin-bottom: 1.5rem
}

.overlay-with-padding.screen-title-full-overlay>.screen-title-copy.px-0 {
  padding-left: 16px!important
}

.siteMap_wrapper .siteMap_level1,.siteMap_wrapper .siteMap_level2,.siteMap_wrapper .siteMap_level3,html[data-directionrtl=true] .siteMap_wrapper ul {
  padding-left: 0
}

.position-center {
  text-align: center
}

.poisition-left {
  text-align: left
}

.position-right,html[data-directionrtl=true] body:not(.on-page-editor),html[data-directionrtl=true]:not(.on-page-editor) {
  text-align: right
}

.form-group .form-control,.input-group .form-control {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #5a5a5a;
  color: #2b2626
}

.siteMap_wrapper {
  margin-bottom: 2rem
}

.siteMap_wrapper .siteMap_level1 {
  column-count: 1
}

@media screen and (min-width: 992px) {
  .footer-two-align .footer-top .footer-links-wrapper {
      row-gap:16px
  }

  .siteMap_wrapper .siteMap_level1 {
      column-count: 3
  }
}

.siteMap_wrapper .siteMap_level1 .subLevel_1 {
  list-style-type: none;
  margin-top: .5rem
}

.siteMap_wrapper .siteMap_level1 .subLevel_1 a {
  font-size: 18px;
  color: #0070c0
}

.siteMap_wrapper .siteMap_level1 .subLevel_1 a:hover {
  text-decoration: underline;
  text-decoration-color: #0070c0
}

.siteMap_wrapper .siteMap_level1 .subLevel_1:first-child {
  margin-top: 0
}

.siteMap_wrapper .siteMap_level2 .subLevel_2 {
  list-style-type: disc;
  margin-bottom: .5rem;
  margin-left: 40px;
  margin-top: .5rem
}

.siteMap_wrapper .siteMap_level2 .subLevel_2 a {
  text-decoration: none;
  font-size: 15px;
  color: #606060;
  margin: .625rem 0
}

.siteMap_wrapper .siteMap_level2 .subLevel_2 a:hover {
  text-decoration: underline;
  text-decoration-color: #606060
}

.siteMap_wrapper .siteMap_level3 .subLevel_3 {
  list-style-type: square;
  margin-bottom: .5rem;
  margin-left: 40px;
  margin-top: .5rem
}

.siteMap_wrapper .siteMap_level3 .subLevel_3 a {
  text-decoration: none;
  font-size: 14px;
  color: #606060;
  margin: .625rem 0
}

.siteMap_wrapper .siteMap_level3 .subLevel_3 a:hover {
  text-decoration: underline;
  text-decoration-color: #606060
}

html[data-directionrtl=true] .siteMap_wrapper .siteMap_level1 {
  direction: rtl
}

.locator-spinner,.product-selector-spinner {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255,255,255,.7);
  z-index: 9999;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center
}

.locator-spinner .coveo-search-button-loading,.product-selector-spinner .coveo-search-button-loading {
  vertical-align: middle;
  animation: none;
  display: inline-block;
  color: #0e469b
}

.locator-spinner .coveo-search-button-loading-svg,.product-selector-spinner .coveo-search-button-loading-svg {
  display: inline;
  color: #1d4f76;
  width: 160px;
  height: 160px;
  -o-animation-name: coveo-spin;
  -moz-animation-name: coveo-spin;
  -webkit-animation-name: coveo-spin;
  animation-name: coveo-spin;
  -o-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -o-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -o-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes coveo-spin {
  from {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0)
  }

  to {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@-moz-keyframes coveo-spin {
  from {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0)
  }

  to {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@-o-keyframes coveo-spin {
  from {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0)
  }

  to {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@keyframes coveo-spin {
  from {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0)
  }

  to {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

.ps-salesforce-form .wep2-required {
  color: #d42e12
}

.gdl-detail .special-screen-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 40px
}

.gdl-detail .gdl-award-info {
  width: 300px
}

.gdl-detail .gdl-award-info .mobileViewAwards {
  display: none
}

.gdl-detail .gdl-award-info .desktopViewAwards {
  display: block
}

@media screen and (max-width: 768px) {
  .gdl-detail .special-screen-wrapper {
      flex-direction:row;
      column-gap: 20px;
      justify-content: space-between
  }

  .gdl-detail .gdl-award-info {
      width: 110px
  }

  .gdl-detail .gdl-award-info .desktopViewAwards {
      display: none
  }

  .gdl-detail .gdl-award-info .mobileViewAwards {
      display: block
  }
}

.product-locator,.product-locator-ff {
  min-height: 480px
}

.product-locator-wrapper {
  min-height: 680px;
  display: block;
  position: relative;
  width: 100%
}

@media (min-width: 769px) and (max-width:991px) {
  .product-locator-wrapper {
      min-height:720px
  }
}

@media (min-width: 992px) {
  .product-locator-wrapper {
      min-height:630px
  }
}

.product-locator-wrapper .product-locator .component {
  margin-bottom: 0
}

.col-12 .world-map {
  min-height: 370px
}

@media (max-width: 991px) and (min-width:556px) {
  .col-12 .world-map {
      min-height:270px
  }
}

@media (max-width: 555px) {
  .col-12 .world-map {
      min-height:150px
  }
}

.col-9 .world-map {
  min-height: 260px
}

@media (max-width: 991px) and (min-width:556px) {
  .col-9 .world-map {
      min-height:200px
  }
}

@media (max-width: 555px) {
  .col-9 .world-map {
      min-height:100px
  }
}

.col-6 .world-map {
  min-height: 170px
}

@media (max-width: 991px) and (min-width:556px) {
  .col-6 .world-map {
      min-height:125px
  }
}

@media (max-width: 555px) {
  .col-6 .world-map {
      min-height:60px
  }
}

.coveo-height-wrapper {
  min-height: 100vh
}

html[data-directionrtl=true]:not(.on-page-editor) .component:not(.carousel) {
  direction: rtl
}

.breadcrumb-back .breadcrumb-list {
  list-style: none;
  margin-right: .75rem
}

.breadcrumb-back .breadcrumb-list li:first-child:before {
  color: #5a5a5a;
  margin-left: .875rem;
  font-size: 8px;
  font-size: .5rem
}

.breadcrumb-back .breadcrumb-list li a,.breadcrumb-back .breadcrumb-list li:last-child a {
  color: #0c479d
}

.breadcrumb-list {
  margin-bottom: 0;
  padding: 0
}

.breadcrumb-list>li {
  display: inline-block
}

.breadcrumb-list>li>a {
  margin-right: .75rem;
  color: #5a5a5a;
  word-break: keep-all
}

.breadcrumb-list>li>a.field-navigationtitle:empty {
  display: none
}

.breadcrumb-list>li>a:hover {
  text-decoration: none
}

.breadcrumb-list>li:last-child:after {
  content: none
}

.breadcrumb-back .breadcrumb-list .glyph-link:first-child:before,html[data-directionrtl=true] .breadcrumb-list .glyph-link:after {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 900
}

.breadcrumb-list>li:last-child>a {
  color: #2b2626
}

.breadcrumb-list .glyph-link:after {
  color: #5A5A5A;
  margin-right: .75rem;
  font-size: 7px;
  font-size: .4375rem;
  margin-left: 0;
  position: relative;
  top: -2px
}

.breadcrumb-panel,.breadcrumb-panel-action {
  background: #f2f2f2;
  border-bottom: 1px solid #e6e6e6;
  color: #5A5A5A;
  padding: .625rem 1.875rem;
  width: 100%
}

.breadcrumb-panel .current-language,.breadcrumb-panel .radio-buttons label,.breadcrumb-panel-action .current-language,.breadcrumb-panel-action .radio-buttons label {
  color: #2b2626
}

.modal-change-language .wrapper-submit-btn {
  clear: both;
  margin-top: 2rem
}

span.wrapper-language {
  min-width: 80px;
  width: auto
}

@media (min-width: 576px) {
  .modal-breadcrumb .form-group>input[type=radio]+label {
      margin-right:1.25rem;
      width: auto
  }
}

@media (min-width: 768px) {
  .breadcrumb-panel-action {
      display:table
  }

  .breadcrumb-panel-action .breadcrumb-list {
      display: table-cell;
      vertical-align: top
  }

  .breadcrumb-panel-action .change-language {
      display: table-cell;
      padding-left: .625rem;
      text-align: right;
      vertical-align: top;
      font-size: .85rem
  }

  .col-12:not([class*=col-lg]) .breadcrumb-panel-action .change-language,.col-lg-9 .breadcrumb-panel-action .change-language {
      white-space: nowrap
  }

  span.wrapper-language {
      float: right
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width:812px) and (-webkit-device-pixel-ratio:3) {
  .breadcrumb-list>li>a {
      word-break:normal
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width:480px) {
  .breadcrumb-list>li>a {
      word-break:normal
  }

  .wrapper-language .component.c04-lightbox {
      float: left
  }
}

.breadcrumb-list>li>a,.component .breadcrumb-list .glyph-link a,.component .breadcrumb-list .glyph-link a:hover {
  text-decoration: underline!important
}

@media screen and (max-width: 1024px) {
  .footer-links-wrapper .footer-links>li:not(:has(span.bullet)),nav .breadcrumb-list>li {
      margin:0;
      padding: 0
  }

  .breadcrumb-list>li>a {
      min-width: 48px;
      display: inline-block;
      line-height: 24px
  }

  .breadcrumb-list,.component .breadcrumb-list .glyph-link a,.font-size-controller {
      font-size: 12px
  }
}

.breadcrumb-list .cheveronRight {
  margin-left: 1.5px;
  margin-right: -3.5px;
  position: relative;
  top: -1px;
  display: inline-block
}

.breadcrumb-list .cheveronRight svg {
  width: 7px;
  margin: -5px 12px -5px -4px;
  color: #000
}

.breadcrumb-list .cheveronRight img {
  width: 3.5px;
  margin: -5px 12px -5px -5px
}

.breadcrumb-list li:last-child .cheveronRight {
  display: none
}

.breadcrumb-back .breadcrumb-list .cheveronRight svg {
  transform: rotate(180deg)
}

.breadcrumb-back .breadcrumb-list li:last-child .cheveronRight {
  display: inline-block
}

@media (min-width: 576px) {
  .breadcrumb-list .cheveronRight {
      margin-left:2px;
      margin-right: -1px;
      position: relative;
      top: -1px;
      display: inline-block
  }

  .breadcrumb-list .cheveronRight svg {
      width: 8px
  }
}

@media (min-width: 768px) {
  .breadcrumb-list .cheveronRight {
      margin-left:2px;
      margin-right: -1.1px;
      position: relative;
      top: -.8px;
      display: inline-block
  }

  .breadcrumb-list .cheveronRight svg {
      width: 8px
  }
}

html[data-directionrtl=true] .breadcrumb-list {
  direction: rtl
}

html[data-directionrtl=true] .breadcrumb-list .glyph-link:before {
  display: none
}

html[data-directionrtl=true] .breadcrumb-back .breadcrumb-list .glyph-link:first-child:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054"
}

html[data-directionrtl=true] .breadcrumb-back .breadcrumb-list .glyph-link:first-child:before {
  content: none
}

html[data-directionrtl=true] span.wrapper-language {
  float: right
}

@media (min-width: 768px) {
  html[data-directionrtl=true] span.wrapper-language {
      float:left
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width:480px) {
  html[data-directionrtl=true] .wrapper-language .component.c04-lightbox {
      float:right
  }
}

.breadcrumb-panel {
  position: relative
}

.alert,.alert-danger,.alert-warning {
  display: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e6e6e6;
  border: none;
  color: #2b2626;
  padding: 1.25rem
}

.alert .icon,.alert-danger .icon,.alert-warning .icon {
  position: absolute
}

.alert-danger>.alert-text-content,.alert-warning>.alert-text-content,.alert>.alert-text-content {
  line-height: 1.2;
  padding-left: 2.8125rem
}

.alert [data-cookie-duration],.alert-danger [data-cookie-duration],.alert-warning [data-cookie-duration] {
  display: none
}

.hide-for-older-versions:not(.d-none) {
  display: none!important
}

@media all and (-ms-high-contrast:none) {
  .hide-for-older-versions:not(.d-none) {
      display: block!important
  }
}

.cookie-consent-warning .alert-title.field-alerttext {
  display: block!important
}

.component.alert-danger:not(.alert-warning)>:not(.icon),.component.alert-warning:not(.alert-warning)>:not(.icon),.component.alert:not(.alert-warning)>:not(.icon) {
  padding-left: 2.8125rem
}

.alert-warning {
  background-color: #fdf6d1
}

.alert-warning div {
  font-size: 13px;
  line-height: 1.2
}

.alert-warning div>:not(a) {
  padding-left: 2.8125rem;
  margin-bottom: 0;
  display: block
}

.alert-warning div>:not(a) .alert-title {
  padding-left: 2.8125rem
}

.alert-warning div>:not(a) span {
  padding-left: 0
}

.alert-warning div>a {
  padding-left: 2.8125rem
}

.alert-warning div>img {
  padding-left: 0!important;
  margin-bottom: 0;
  display: inline!important
}

.alert-warning div span.alert-title a {
  padding-left: 0
}

@media (min-width: 992px) {
  .alert-warning {
      line-height:1.2
  }
}

.alert-warning .alert-title {
  color: #c93c00
}

@media (min-width: 768px) {
  .alert-warning div {
      font-size:16px;
      font-size: 1rem;
      line-height: 1.2
  }

  .alert .icon,.alert-danger .icon,.alert-warning .icon {
      top: 25px
  }
}

.alert-danger {
  background-color: #fbe8cc
}

.alert-danger .alert-title {
  color: #b00
}

.alert-success .alert-title {
  color: #00a14d
}

.alert-title {
  display: block
}

.glyph-link::after {
  font-size: 9px;
  font-size: .5625rem;
  margin-left: .25rem;
  color: inherit
}

.custom-alert-link,html[data-directionrtl=true] .custom-alert-link {
  color: #0c479d;
  text-decoration: underline;
  cursor: pointer
}

.custom-cursor-pointer {
  cursor: pointer
}

.collapse-cls.image[aria-expanded=true]>.downarrow {
  transform: rotate(180deg)
}

.collapse-alert-header {
  padding-left: 1.1rem!important;
  line-height: 1.5rem!important
}

@media (max-width: 767px) {
  .collapse-alert-header {
      padding-left:.9rem!important
  }
}

.alert-divider-line ol,.alert-divider-line ul {
  padding-left: 13px!important
}

.alert-divider-line ol li,.alert-divider-line ul li {
  margin-bottom: 10px
}

.alert-divider-line.field-alerttext2::before {
  content: "";
  display: block;
  border-bottom: 1px solid #979797;
  padding: 0;
  position: absolute;
  top: 10px;
  height: 1px;
  left: calc(-1.2rem - 37px);
  right: -1.2rem
}

.alert-warning .custom-alert div>:not(a) {
  padding-left: 0
}

.alert-divider-line.field-alerttext2 {
  padding-left: 40px;
  position: relative;
  box-sizing: border-box
}

.alert-component-warning {
  margin-bottom: 0!important
}

.no-border-background {
  border: none!important;
  background: 0 0!important;
  padding-left: 10px!important
}

.btn-hero-banner,.t03-screen-title .screen-title-copy .btn-hero-banner {
  border: 1px solid
}

.custom-alert {
  position: relative
}

.warning-alert-icon {
  position: absolute;
  left: 0;
  top: 0
}

.alert-warning .collapse-cls {
  position: absolute;
  right: -5px;
  top: 0
}

.custom-alert .collapse-alert-header {
  padding-left: 0!important;
  padding-right: 25px;
  display: block!important
}

.custom-alert .alert-title {
  display: block!important;
  padding-left: 37px!important;
  padding-right: 0
}

.custom-alert .alert-divider-line.field-alerttext2 {
  padding-left: 0!important;
  padding-top: 30px;
  transition: none
}

html[data-directionrtl=true] .custom-cursor-pointer {
  cursor: pointer
}

@media (min-width: 768px) {
  html[data-directionrtl=true] .alert .icon,html[data-directionrtl=true] .alert-danger .icon,html[data-directionrtl=true] .alert-warning .icon {
      top:25px
  }
}

.screen-title {
  position: relative
}

.screen-title-image {
  margin-bottom: 1rem;
  display: block
}

.screen-title-image .component {
  margin-bottom: 0
}

.screen-title-title {
  margin-top: 0;
  word-wrap: break-word;
  font-size: 40px;
  font-size: 2.5rem
}

.screen-title-subtitle {
  display: block
}

.screen-title-full-overlay .screen-title-cta,.screen-title-full-overlay .screen-title-subtitle {
  font-size: 20px;
  font-size: 1.25rem
}

.screen-title-below .screen-title-title {
  margin-top: .5rem
}

.special-screen-title-text h1 {
  font-size: 40px;
  font-size: 2.5rem
}

.special-screen-title-text>h1 {
  margin-top: 0
}

.content-paragraph .screen-title-copy {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 1rem
}

.a26-wholesale-fuel-product img~p {
  display: flex
}

div[class*="-3"] .a26-wholesale-fuel-product img,div[class*="-3"] .a26-wholesale-fuel-product img~p {
  display: block
}

.col-12 .a26-wholesale-fuel-product>.special-screen-title-text,.col-lg-6 .a26-wholesale-fuel-product>.special-screen-title-text,.col-lg-9 .a26-wholesale-fuel-product>.special-screen-title-text,div[class*="-3"] .a26-wholesale-fuel-product>.special-screen-title-text {
  display: grid
}

@media (min-width: 1200px) {
  .screen-title-full-overlay>.screen-title-copy {
      padding:1rem 1.25rem
  }
}

@media (min-width: 992px) {
  .col-12:not([class*=col-lg]) .screen-title-image,.col-lg-9 .screen-title-image,.col-title .screen-title-image {
      margin-bottom:0
  }

  .col-12:not([class*=col-lg]) .col-lg-9 .screen-title-no-image>.screen-title-copy-wrap,.col-12:not([class*=col-lg]) .col-lg-9 .screen-title-overlay>.screen-title-copy-wrap,.col-12:not([class*=col-lg]) .col-title .screen-title-no-image>.screen-title-copy-wrap,.col-12:not([class*=col-lg]) .col-title .screen-title-overlay>.screen-title-copy-wrap,.col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap,.col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap,.col-12:not([class*=col-lg]) .screen-title-table,.col-lg-9 .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap,.col-lg-9 .col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap,.col-lg-9 .col-title .screen-title-no-image>.screen-title-copy-wrap,.col-lg-9 .col-title .screen-title-overlay>.screen-title-copy-wrap,.col-lg-9 .screen-title-no-image>.screen-title-copy-wrap,.col-lg-9 .screen-title-overlay>.screen-title-copy-wrap,.col-lg-9 .screen-title-table,.col-title .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap,.col-title .col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap,.col-title .col-lg-9 .screen-title-no-image>.screen-title-copy-wrap,.col-title .col-lg-9 .screen-title-overlay>.screen-title-copy-wrap,.col-title .screen-title-no-image>.screen-title-copy-wrap,.col-title .screen-title-overlay>.screen-title-copy-wrap,.col-title .screen-title-table {
      display: table;
      width: 100%
  }

  .col-12:not([class*=col-lg]) .col-lg-9 .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-12:not([class*=col-lg]) .col-lg-9 .screen-title-no-image>.screen-title-copy-wrap>.screen-title-cta,.col-12:not([class*=col-lg]) .col-lg-9 .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-12:not([class*=col-lg]) .col-lg-9 .screen-title-overlay>.screen-title-copy-wrap>.screen-title-cta,.col-12:not([class*=col-lg]) .col-title .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-12:not([class*=col-lg]) .col-title .screen-title-no-image>.screen-title-copy-wrap>.screen-title-cta,.col-12:not([class*=col-lg]) .col-title .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-12:not([class*=col-lg]) .col-title .screen-title-overlay>.screen-title-copy-wrap>.screen-title-cta,.col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap>.screen-title-cta,.col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap>.screen-title-cta,.col-12:not([class*=col-lg]) .screen-title-table-cell,.col-lg-9 .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-lg-9 .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap>.screen-title-cta,.col-lg-9 .col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-lg-9 .col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap>.screen-title-cta,.col-lg-9 .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-lg-9 .screen-title-no-image>.screen-title-copy-wrap>.screen-title-cta,.col-lg-9 .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-lg-9 .screen-title-overlay>.screen-title-copy-wrap>.screen-title-cta,.col-lg-9 .screen-title-table-cell,.col-title .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-title .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap>.screen-title-cta,.col-title .col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-title .col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap>.screen-title-cta,.col-title .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-title .screen-title-no-image>.screen-title-copy-wrap>.screen-title-cta,.col-title .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-title .screen-title-overlay>.screen-title-copy-wrap>.screen-title-cta,.col-title .screen-title-table-cell {
      display: table-cell;
      vertical-align: top
  }

  .col-12:not([class*=col-lg]) .screen-title-image-wrap,.col-lg-9 .screen-title-image-wrap,.col-title .screen-title-image-wrap {
      position: relative
  }

  .col-12:not([class*=col-lg]) .col-lg-9 .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-12:not([class*=col-lg]) .col-lg-9 .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-12:not([class*=col-lg]) .col-title .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-12:not([class*=col-lg]) .col-title .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-12:not([class*=col-lg]) .screen-title-padded-copy,.col-lg-9 .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-lg-9 .col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-lg-9 .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-lg-9 .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-lg-9 .screen-title-padded-copy,.col-title .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-title .col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-title .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-title .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-title .screen-title-padded-copy {
      padding-right: 2rem
  }

  .col-12:not([class*=col-lg]) .col-lg-9 .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-12:not([class*=col-lg]) .col-lg-9 .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-12:not([class*=col-lg]) .col-title .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-12:not([class*=col-lg]) .col-title .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-12:not([class*=col-lg]) .screen-title-lifted-copy,.col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-lg-9 .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-lg-9 .col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-lg-9 .screen-title-lifted-copy,.col-lg-9 .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-lg-9 .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-title .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-title .col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,.col-title .screen-title-lifted-copy,.col-title .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,.col-title .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy {
      position: relative;
      top: -.3rem
  }

  .col-12:not([class*=col-lg]) .col-lg-9 .screen-title-full-overlay>.screen-title-copy,.col-12:not([class*=col-lg]) .col-lg-9 .screen-title-no-image>.screen-title-image-wrap>.screen-title-title,.col-12:not([class*=col-lg]) .col-lg-9 .screen-title-overlay>.screen-title-image-wrap>.screen-title-title,.col-12:not([class*=col-lg]) .col-title .screen-title-full-overlay>.screen-title-copy,.col-12:not([class*=col-lg]) .col-title .screen-title-no-image>.screen-title-image-wrap>.screen-title-title,.col-12:not([class*=col-lg]) .col-title .screen-title-overlay>.screen-title-image-wrap>.screen-title-title,.col-12:not([class*=col-lg]) .screen-title-full-overlay>.screen-title-copy,.col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-image-wrap>.screen-title-title,.col-12:not([class*=col-lg]) .screen-title-overlay-block,.col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-image-wrap>.screen-title-title,.col-lg-9 .col-12:not([class*=col-lg]) .screen-title-full-overlay>.screen-title-copy,.col-lg-9 .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-image-wrap>.screen-title-title,.col-lg-9 .col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-image-wrap>.screen-title-title,.col-lg-9 .col-title .screen-title-full-overlay>.screen-title-copy,.col-lg-9 .screen-title-full-overlay>.screen-title-copy,.col-lg-9 .screen-title-no-image>.screen-title-image-wrap>.screen-title-title,.col-lg-9 .screen-title-overlay-block,.col-lg-9 .screen-title-overlay>.screen-title-image-wrap>.screen-title-title,.col-title .col-12:not([class*=col-lg]) .screen-title-full-overlay>.screen-title-copy,.col-title .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-image-wrap>.screen-title-title,.col-title .col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-image-wrap>.screen-title-title,.col-title .col-lg-9 .screen-title-full-overlay>.screen-title-copy,.col-title .screen-title-full-overlay>.screen-title-copy,.col-title .screen-title-no-image>.screen-title-image-wrap>.screen-title-title,.col-title .screen-title-overlay-block,.col-title .screen-title-overlay>.screen-title-image-wrap>.screen-title-title {
      opacity: .9;
      filter: alpha(opacity=90);
      background-color: #fff;
      display: block;
      padding: .5rem .75rem;
      position: absolute
  }

  .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-image-wrap,.col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-image-wrap,.col-lg-9 .screen-title-no-image>.screen-title-image-wrap,.col-lg-9 .screen-title-overlay>.screen-title-image-wrap,.col-title .screen-title-no-image>.screen-title-image-wrap,.col-title .screen-title-overlay>.screen-title-image-wrap {
      margin-bottom: 1.1875rem
  }

  .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-image-wrap>.screen-title-title,.col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-image-wrap>.screen-title-title,.col-lg-9 .screen-title-no-image>.screen-title-image-wrap>.screen-title-title,.col-lg-9 .screen-title-overlay>.screen-title-image-wrap>.screen-title-title,.col-title .screen-title-no-image>.screen-title-image-wrap>.screen-title-title,.col-title .screen-title-overlay>.screen-title-image-wrap>.screen-title-title {
      bottom: 0;
      left: 0;
      margin: 0 .625rem .625rem;
      padding: .9375rem 1.25rem
  }

  .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap>h3,.col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap>h3,.col-lg-9 .screen-title-no-image>.screen-title-copy-wrap>h3,.col-lg-9 .screen-title-overlay>.screen-title-copy-wrap>h3,.col-title .screen-title-no-image>.screen-title-copy-wrap>h3,.col-title .screen-title-overlay>.screen-title-copy-wrap>h3 {
      display: table-caption;
      margin-top: 0
  }

  .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap>.screen-title-cta,.col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap>.screen-title-cta,.col-lg-9 .screen-title-no-image>.screen-title-copy-wrap>.screen-title-cta,.col-lg-9 .screen-title-overlay>.screen-title-copy-wrap>.screen-title-cta,.col-title .screen-title-no-image>.screen-title-copy-wrap>.screen-title-cta,.col-title .screen-title-overlay>.screen-title-copy-wrap>.screen-title-cta {
      text-align: right
  }

  .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap>.screen-title-cta .c04-lightbox .b05-button,.col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap>.screen-title-cta .c04-lightbox .b05-button,.col-lg-9 .screen-title-no-image>.screen-title-copy-wrap>.screen-title-cta .c04-lightbox .b05-button,.col-lg-9 .screen-title-overlay>.screen-title-copy-wrap>.screen-title-cta .c04-lightbox .b05-button,.col-title .screen-title-no-image>.screen-title-copy-wrap>.screen-title-cta .c04-lightbox .b05-button,.col-title .screen-title-overlay>.screen-title-copy-wrap>.screen-title-cta .c04-lightbox .b05-button {
      white-space: nowrap
  }

  .col-12:not([class*=col-lg]) .screen-title-overlay .content-paragraph,.col-lg-9 .screen-title-overlay .content-paragraph,.col-title .screen-title-overlay .content-paragraph {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex
  }

  .col-12:not([class*=col-lg]) .screen-title-overlay .screen-title-copy,.col-lg-9 .screen-title-overlay .screen-title-copy,.col-title .screen-title-overlay .screen-title-copy {
      padding-right: 4rem
  }

  .col-12:not([class*=col-lg]) .screen-title-full-left .screen-title-image,.col-lg-9 .screen-title-full-left .screen-title-image,.col-title .screen-title-full-left .screen-title-image {
      float: left;
      margin: 0 2rem 0 0;
      max-width: 50%
  }

  .col-12:not([class*=col-lg]) .screen-title-full-right .screen-title-image,.col-lg-9 .screen-title-full-right .screen-title-image,.col-title .screen-title-full-right .screen-title-image {
      float: right;
      margin: 0 0 0 2rem;
      max-width: 50%
  }

  .col-12:not([class*=col-lg]) .screen-title-split-left .screen-title-copy,.col-12:not([class*=col-lg]) .screen-title-split-left .screen-title-image,.col-12:not([class*=col-lg]) .screen-title-split-right .screen-title-copy,.col-12:not([class*=col-lg]) .screen-title-split-right .screen-title-image,.col-lg-9 .screen-title-split-left .screen-title-copy,.col-lg-9 .screen-title-split-left .screen-title-image,.col-lg-9 .screen-title-split-right .screen-title-copy,.col-lg-9 .screen-title-split-right .screen-title-image,.col-title .screen-title-split-left .screen-title-copy,.col-title .screen-title-split-left .screen-title-image,.col-title .screen-title-split-right .screen-title-copy,.col-title .screen-title-split-right .screen-title-image {
      float: left;
      position: relative;
      padding: 0 .9375rem;
      width: 50%
  }

  .col-12:not([class*=col-lg]) .screen-title-split-left .screen-title-image,.col-12:not([class*=col-lg]) .screen-title-split-right .screen-title-copy,.col-lg-9 .screen-title-split-left .screen-title-image,.col-lg-9 .screen-title-split-right .screen-title-copy,.col-title .screen-title-split-left .screen-title-image,.col-title .screen-title-split-right .screen-title-copy {
      padding-left: 0
  }

  .col-12:not([class*=col-lg]) .screen-title-split-left .screen-title-copy,.col-lg-9 .screen-title-split-left .screen-title-copy,.col-title .screen-title-split-left .screen-title-copy {
      padding-right: 0
  }

  .col-12:not([class*=col-lg]) .screen-title-split-right .screen-title-image,.col-lg-9 .screen-title-split-right .screen-title-image,.col-title .screen-title-split-right .screen-title-image {
      float: right;
      padding-right: 0
  }

  .col-12:not([class*=col-lg]) .screen-title-full-overlay>.screen-title-copy,.col-lg-9 .screen-title-full-overlay>.screen-title-copy,.col-title .screen-title-full-overlay>.screen-title-copy {
      left: 10px;
      left: .625rem;
      max-width: 40%;
      top: 10px;
      top: .625rem;
      padding: .9375rem 1.25rem
  }

  .col-12:not([class*=col-lg]) .screen-title-overlay .content-paragraph {
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between;
      padding-bottom: .3125rem
  }

  .col-12 .a26-wholesale-fuel-product>.special-screen-title-text,.col-lg-6 .a26-wholesale-fuel-product>.special-screen-title-text,.col-lg-9 .a26-wholesale-fuel-product>.special-screen-title-text {
      display: block
  }
}

body.on-page-editor .screen-title-full-left .screen-title-image {
  width: 100%;
  float: left
}

body.on-page-editor .screen-title-full-right .screen-title-image {
  width: 100%;
  float: right
}

body.on-page-editor .component.t01-screen-title .screen-title.screen-title-overlay>.screen-title-image-wrap>.screen-title-title.field-title {
  position: relative
}

@media (min-width: 768px) {
  .col-lg-9 .screen-title-full-overlay>.screen-title-copy {
      left:0;
      max-width: none;
      top: 0;
      position: static;
      padding: .625rem 0 0
  }

  .t01-screen-title h1.screen-title-title {
      font-size: 40px;
      font-size: 2.5rem
  }
}

.t01-screen-title.position-right .screen-title.screen-title-overlay>.screen-title-image-wrap>.screen-title-title,html[data-directionrtl=true] .t01-screen-title.position-right .screen-title.screen-title-overlay>.screen-title-image-wrap>.screen-title-title {
  left: auto;
  right: 0
}

@media (min-width: 576px) {
  .col-lg-3 .special-screen-title>.special-screen-title-text,.col-lg-6 .special-screen-title>.special-screen-title-text,.col-lg-9 .special-screen-title>.special-screen-title-text {
      padding-right:1.5625rem
  }
}

.t01-screen-title .screen-title>.screen-title-title.field-title {
  font-size: 40px;
  font-size: 2.5rem
}

.t01-screen-title .screen-title>.screen-title-title.field-title small {
  color: #777;
  font-size: 26px;
  font-size: 1.625rem
}

.t01-screen-title .screen-title .content-paragraph .b05-button a {
  padding: .625rem 3.125rem
}

.t01-screen-title .screen-title.screen-title-below h1.screen-title-title small {
  color: #777;
  font-size: 26px;
  font-size: 1.625rem
}

.t01-screen-title .screen-title.screen-title-no-image .screen-title-copy-wrap .screen-title-cta .b05-button.btn-primary {
  white-space: nowrap
}

.t04-screen-title .screen-title .screen-title-subtitle.field-subheading {
  font-size: 13px;
  font-size: .8125rem
}

@media (min-width: 992px) {
  .t01-screen-title .screen-title .screen-title-cta .c04-lightbox .b05-button {
      min-width:90%;
      float: right;
      white-space: nowrap
  }

  .t04-screen-title .screen-title .screen-title-subtitle.field-subheading {
      font-size: 16px;
      font-size: 1rem
  }
}

@supports (-webkit-appearance: none) {
  .t01-screen-title .screen-title .content-paragraph .b05-button a {
      padding:0
  }
}

.screen-title-full-overlay>.screen-title-copy .btn.btn-primary {
  white-space: normal
}

.screen-title-main {
  margin-bottom: auto
}

.screen-title-text {
  font-size: 2.5rem
}

.text-block {
  position: absolute;
  background: 0 0!important;
  color: #fff
}

.screen-title-content {
  font-size: 25px
}

.play-video-button {
  margin-top: 10%
}

.play-video-arrow {
  padding-left: 65px
}

.play-btn {
  background-color: #097ba5!important;
  padding-right: 20px!important;
  padding-left: 15px!important
}

.screen-title-image img {
  width: 100%
}

@media only screen and (max-width: 992px) {
  .text-block {
      color:#2b2626!important;
      position: inherit;
      padding: 0 20px;
      background: 0 0!important
  }

  .play-video-button {
      margin-top: 0
  }
}

@media screen and (max-width: 1024px) {
  .t01-screen-title .screen-title .screen-title-copy,.t01-screen-title .screen-title-overlay .paragraph.screen-title-copy,.t04-screen-title .screen-title .screen-title-subtitle.field-subheading {
      font-size:12px
  }
}

.screen-title .screen-title-copy a,.t02-screen-title a {
  text-decoration: underline
}

h1.h_level {
  font-size: 3.125rem!important
}

h2.h_level {
  font-size: 1.875rem!important
}

h3.h_level {
  font-size: 1.5625rem!important
}

h4.h_level {
  font-size: 1.25rem!important
}

h5.h_level,h6.h_level {
  font-size: 1rem!important
}

.component.t01-screen-title .full-bleed-cta-content h1 {
  box-sizing: border-box;
  float: left;
  width: 58.33333%;
  margin-left: 30px;
  padding-right: 0;
  padding-top: 70px;
  background-color: transparent!important;
  color: #fff;
  padding-bottom: 3%!important
}

.component.t01-screen-title .full-bleed-cta-content h1 a,.component.t01-screen-title .full-bleed-cta-content h1 a:hover {
  text-decoration: none;
  color: #fff
}

.component.t01-screen-title .full-bleed-cta-content h1 a:after {
  content: '\f061';
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  font-size: 20px;
  margin-left: 15px
}

@media screen and (max-width: 992px) {
  .component.t01-screen-title .full-bleed-cta-content h1 a,.component.t01-screen-title .full-bleed-cta-content h1 a:hover {
      text-decoration:none;
      color: #333!important;
      font-size: 30px
  }

  .component.t01-screen-title .full-bleed-cta-content h1 {
      width: 100%;
      margin: 0;
      padding: 0
  }
}

.component.t01-screen-title.scEnabledChrome .full-bleed-cta-content .scWebEditInput,.component.t01-screen-title.scEnabledChrome .full-bleed-cta-content .scWebEditInput a,.component.t01-screen-title.scEnabledChrome .full-bleed-cta-content .scWebEditInput a:hover {
  color: #333;
  text-decoration: none
}

.component.t01-screen-title .full-bleed-cta-content h1 a:hover:after {
  padding-left: 5px
}

.t03-screen-title .banner-btn-pad .component.b05-button.btn-badge>a,.t03-screen-title .banner-btn-pad .component.b05-button.btn-deemphasized>a,.t03-screen-title .banner-btn-pad .component.b05-button.btn-icon>a,.t03-screen-title .banner-btn-pad .component.b05-button.btn-light>a,.t03-screen-title .banner-btn-pad .component.b05-button.btn-primary>a,.t03-screen-title .banner-btn-pad .component.b05-button.btn-secondary>a,.t03-screen-title .banner-btn-pad .component.b05-button.btn-tertiary>a,.t03-screen-title .banner-btn-pad .component.b05-button.btn>a {
  padding: 10px!important;
  display: block
}

.t03-screen-title .component.b04-link {
  text-align: center!important
}

.t03-screen-title .component.b03-image {
  height: 100%!important
}

@media only screen and (max-width: 820px) {
  .t03-screen-title .b05-button {
      width:100%
  }

  .t03-screen-title.component .component {
      margin-bottom: unset!important
  }
}

@media (min-width: 992px) {
  .col-12:not([class*=col-lg]) .col-lg-9 .screen-title-overlay>.screen-title-image-wrap>.screen-title-title {
      padding:.5rem .75rem
  }
}

.screen-title-no-image>.screen-title-copy-wrap>.screen-title-cta .modal-content .modal-body .paragraph,.screen-title-overlay>.screen-title-copy-wrap>.screen-title-cta .modal-content .modal-body .paragraph {
  text-align: left
}

.default-device .screen-title-image-wrap .screen-title-title {
  margin: .5rem 0 40px
}

.screen-title.screen-title-overlay .component.b05-button.btn.btn-primary {
  padding: .625rem 3.125rem!important
}

.screen-title.screen-title-overlay .component.b05-button.btn.btn-primary a {
  padding: 0!important
}

html[data-directionrtl=true] .screen-title-image .image img.img-right {
  float: right
}

html[data-directionrtl=true] .screen-title-image .image img.img-left {
  float: left
}

html[data-directionrtl=true] .col-lg-9 .screen-title-full-overlay>.screen-title-copy {
  display: table;
  opacity: 1;
  background-color: transparent;
  width: 100%
}

@media (min-width: 992px) {
  html[data-directionrtl=true] .col-12:not([class*=col-lg]) .screen-title:not(.screen-title-overlay) .screen-title-image,html[data-directionrtl=true] .col-lg-9 .screen-title:not(.screen-title-overlay) .screen-title-image,html[data-directionrtl=true] .col-title .screen-title .screen-title-image {
      float:left
  }

  html[data-directionrtl=true] .col-12:not([class*=col-lg]) .screen-title-overlay>div,html[data-directionrtl=true] .col-lg-9 .screen-title-overlay>div {
      direction: rtl
  }

  html[data-directionrtl=true] .col-12:not([class*=col-lg]) .screen-title-no-image,html[data-directionrtl=true] .col-12:not([class*=col-lg]) .screen-title-overlay,html[data-directionrtl=true] .col-lg-9 .screen-title-no-image,html[data-directionrtl=true] .col-lg-9 .screen-title-overlay,html[data-directionrtl=true] .col-title .screen-title-no-image,html[data-directionrtl=true] .col-title .screen-title-overlay {
      direction: ltr
  }

  html[data-directionrtl=true] .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,html[data-directionrtl=true] .col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,html[data-directionrtl=true] .col-lg-9 .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,html[data-directionrtl=true] .col-lg-9 .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy,html[data-directionrtl=true] .col-title .screen-title-no-image>.screen-title-copy-wrap>.screen-title-copy,html[data-directionrtl=true] .col-title .screen-title-overlay>.screen-title-copy-wrap>.screen-title-copy {
      padding: 0
  }

  html[data-directionrtl=true] .col-12:not([class*=col-lg]) .screen-title-no-image>.screen-title-copy-wrap>.screen-title-cta,html[data-directionrtl=true] .col-12:not([class*=col-lg]) .screen-title-overlay>.screen-title-copy-wrap>.screen-title-cta,html[data-directionrtl=true] .col-lg-9 .screen-title-no-image>.screen-title-copy-wrap>.screen-title-cta,html[data-directionrtl=true] .col-lg-9 .screen-title-overlay>.screen-title-copy-wrap>.screen-title-cta,html[data-directionrtl=true] .col-title .screen-title-no-image>.screen-title-copy-wrap>.screen-title-cta,html[data-directionrtl=true] .col-title .screen-title-overlay>.screen-title-copy-wrap>.screen-title-cta {
      padding-left: 4rem;
      text-align: right
  }

  html[data-directionrtl=true] .col-12:not([class*=col-lg]) .screen-title-split-right>.screen-title-title,html[data-directionrtl=true] .col-lg-9 .screen-title-split-right>.screen-title-title,html[data-directionrtl=true] .col-title .screen-title-split-right>.screen-title-title {
      padding-right: 50%;
      margin-right: 15px
  }

  html[data-directionrtl=true] .col-12:not([class*=col-lg]) .screen-title-split-right>.screen-title-copy-wrap>.screen-title-image,html[data-directionrtl=true] .col-lg-9 .screen-title-split-right>.screen-title-copy-wrap>.screen-title-image,html[data-directionrtl=true] .col-title .screen-title-split-right>.screen-title-copy-wrap>.screen-title-image {
      float: right;
      padding-right: 0
  }

  html[data-directionrtl=true] .col-12:not([class*=col-lg]) .screen-title-split-right>.screen-title-copy-wrap>.screen-title-copy,html[data-directionrtl=true] .col-lg-9 .screen-title-split-right>.screen-title-copy-wrap>.screen-title-copy,html[data-directionrtl=true] .col-title .screen-title-split-right>.screen-title-copy-wrap>.screen-title-copy {
      padding-left: 0;
      padding-right: .9375rem
  }

  html[data-directionrtl=true] .col-12:not([class*=col-lg]) .screen-title-split-left>.screen-title-title,html[data-directionrtl=true] .col-lg-9 .screen-title-split-left>.screen-title-title,html[data-directionrtl=true] .col-title .screen-title-split-left>.screen-title-title {
      padding-right: .9375rem
  }
}

@supports (-webkit-appearance: none) {
  html[data-directionrtl=true] .component.t01-screen-title .screen-title .content-paragraph .b05-button a {
      padding:0
  }
}

html[data-directionrtl=true] .t01-screen-title .screen-title.screen-title-no-image .screen-title-copy-wrap .screen-title-cta .b05-button.btn-primary {
  white-space: normal!important
}

.banner-sec .image img {
  width: 100%
}

.row .banner-sec .screen-title-full-overlay>.screen-title-copy {
  background-color: transparent;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: inherit;
  padding: 3rem
}

.banner-sec .screen-title-full-overlay .screen-title-copy .screen-title-title {
  margin-bottom: 1.6rem
}

.banner-sec.text-white .screen-title-full-overlay .screen-title-copy .glyph-link a,.banner-sec.text-white .screen-title-full-overlay .screen-title-copy .screen-title-title {
  color: #fff;
  text-shadow: 2px 1px #000
}

.banner-sec .screen-title-full-overlay .screen-title-copy.width-30 .glyph-link,.banner-sec .screen-title-full-overlay .screen-title-copy.width-30 .screen-title-title {
  width: 30%
}

.banner-sec .screen-title-full-overlay .screen-title-copy.width-50 .glyph-link,.banner-sec .screen-title-full-overlay .screen-title-copy.width-50 .screen-title-title {
  width: 50%
}

.row .banner-sec .screen-title-full-overlay>.screen-title-copy .btn-left {
  position: absolute;
  bottom: 3rem
}

.row .banner-sec .screen-title-full-overlay>.screen-title-copy .btn-right {
  position: absolute;
  bottom: 3rem;
  right: 3rem
}

.banner-sec.text-white .screen-title-full-overlay .screen-title-copy .glyph-link a {
  margin-bottom: 1rem;
  display: inline-block
}

.img-div {
  padding: unset!important
}

.img-div img {
  height: 100%;
  object-fit: cover
}

.col-2-layout,.col-3-layout {
  margin-left: unset!important;
  padding: unset!important
}

.full-width-layout {
  margin-left: unset!important;
  margin-right: unset!important;
  padding-left: unset!important;
  padding-right: unset!important
}

.banner-btn-pad {
  padding: 0 20px!important
}

.fullwidth-margin {
  margin-bottom: unset!important
}

.fullwidth-toppad {
  padding-top: unset!important
}

.fullwidth-sidepad {
  padding: unset!important
}

.hero-banner-div {
  padding: 10px
}

.hero-banner-overlay {
  background: 0 0!important;
  font-size: 16px!important;
  padding: 15px!important;
  margin: unset!important;
  bottom: unset!important
}

.hero-banner-topmargin {
  position: relative;
  top: 50%;
  transform: translate(0,-50%)
}

.btn-rowmargin {
  margin-left: -20px
}

@media only screen and (min-width: 820px) {
  .t03-screen-title .col-2-layout .img-div .image,.t03-screen-title .col-3-layout .img-div .image {
      margin-bottom:unset
  }

  .col-2-layout .img-div {
      left: 50%;
      padding: unset!important
  }

  .col-2-layout .hero-banner-div {
      right: 50%
  }

  .t03-screen-title .col-2-layout .hero-banner-div {
      right: 0
  }

  .t03-screen-title .col-2-layout .img-div {
      left: 0
  }

  .col-3-layout .img-div {
      left: 33.33%
  }

  .col-3-layout .hero-banner-div {
      right: 66.66%
  }

  .t03-screen-title .col-3-layout .hero-banner-div {
      right: 0
  }

  .t03-screen-title .col-3-layout .img-div {
      left: 0
  }
}

@media only screen and (min-width: 992px) {
  .hscolumn {
      columns:100px 3
  }

  .t03-screen-title .col-2-layout .hero-banner-div {
      right: 50%
  }

  .t03-screen-title .col-2-layout .img-div {
      left: 50%;
      padding: unset!important
  }

  .t03-screen-title .col-3-layout .hero-banner-div {
      right: 66.66%
  }

  .t03-screen-title .col-3-layout .img-div {
      left: 33.33%
  }
}

@media only screen and (max-width: 820px) {
  .hero-banner-div .b05-button,.t03-screen-title .b05-button {
      width:100%
  }

  .col-2-layout,.col-3-layout {
      padding: unset!important
  }

  .banner-btn-pad {
      padding: 10px 20px!important
  }

  .t03-screen-title.component .component {
      margin-bottom: unset!important
  }

  .layout-pad {
      padding: unset!important
  }
}

.component.t01-screen-title .full-bleed-cta-content h1.rearrange-overlay a {
  color: #333
}

.img-block {
  display: block;
  width: 100%;
  height: auto
}

.img-block,.img-left,.img-right {
  margin-bottom: .75rem
}

.img-bordered {
  padding: .625rem;
  border: 1px solid #d9d9d9
}

.img-rounded {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

@media (min-width: 576px) {
  .img-floated,.img-left,.img-right {
      height:auto;
      width: 50%
  }

  .img-left {
      float: left;
      margin-right: 1.25rem
  }

  .img-right {
      float: right;
      margin-left: 1.25rem
  }
}

.component.b03-image.image.noMarginLR.fullBleedImg picture img,.image-full-width img,.image-full-width[data-src] img[src],.img-responsive {
  width: 100%
}

[data-src] img {
  display: none
}

[data-src] img[src] {
  display: initial
}

.b03-image img {
  height: auto
}

body.on-page-editor .component.image .image-wrap {
  float: left;
  margin: 1rem;
  padding-top: .75rem;
  position: relative
}

body.on-page-editor .component.image .image-wrap:before {
  content: attr(data-size);
  font-size: 14px;
  font-size: .875rem;
  font-weight: 700;
  left: 0;
  position: absolute;
  top: -8px;
  white-space: nowrap
}

body.on-page-editor .component.image .image-wrap img {
  display: inline-block;
  height: initial;
  margin: 0;
  width: initial
}

.svg-blue img {
  filter: brightness(0) saturate(100%) invert(25%) sepia(87%) saturate(1286%) hue-rotate(196deg) brightness(83%) contrast(107%)
}

.svg-red img {
  filter: brightness(0) saturate(100%) invert(23%) sepia(85%) saturate(3472%) hue-rotate(347deg) brightness(86%) contrast(97%)
}

.btn,.btn-badge,.btn-deemphasized,.btn-icon,.btn-light,.btn-primary,.btn-primary-em-blue,.btn-secondary,.btn-tertiary {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 18px;
  font-size: 1.125rem;
  padding: .625rem 3.125rem;
  margin: .125rem;
  background-color: #b5b5b5;
  border: none;
  color: #fff;
  position: relative;
  max-width: 100%;
  white-space: normal;
  word-break: normal
}

.btn.outline,.outline.btn-badge,.outline.btn-deemphasized,.outline.btn-icon,.outline.btn-light,.outline.btn-primary,.outline.btn-primary-em-blue,.outline.btn-secondary,.outline.btn-tertiary {
  border: 1px solid
}

.btn.outline.btn-primary,.btn.outline.btn-primary-em-blue,.btn.outline.btn-primary-em-blue:active,.btn.outline.btn-primary-em-blue:not(:disabled):not(.disabled):active,.btn.outline.btn-primary:active,.btn.outline.btn-primary:not(:disabled):not(.disabled):active,.btn.outline.btn-secondary,.btn.outline.btn-secondary:active,.btn.outline.btn-secondary:not(:disabled):not(.disabled):active,.btn.outline.btn-tertiary,.btn.outline.btn-tertiary:active,.btn.outline.btn-tertiary:not(:disabled):not(.disabled):active,.outline.btn-primary,.outline.btn-primary-em-blue,.outline.btn-primary-em-blue:active,.outline.btn-primary-em-blue:not(:disabled):not(.disabled):active,.outline.btn-primary:active,.outline.btn-primary:not(:disabled):not(.disabled):active,.outline.btn-secondary,.outline.btn-secondary:active,.outline.btn-secondary:not(:disabled):not(.disabled):active,.outline.btn-tertiary,.outline.btn-tertiary:active,.outline.btn-tertiary:not(:disabled):not(.disabled):active {
  background-color: #fff
}

.btn[disabled],[disabled].btn-badge,[disabled].btn-deemphasized,[disabled].btn-icon,[disabled].btn-light,[disabled].btn-primary,[disabled].btn-primary-em-blue,[disabled].btn-secondary,[disabled].btn-tertiary {
  background: #b5b5b5;
  border-color: #b5b5b5
}

.btn a,.btn-badge a,.btn-deemphasized a,.btn-icon a,.btn-light a,.btn-primary a,.btn-primary-em-blue a,.btn-secondary a,.btn-tertiary a {
  color: inherit
}

.btn a:focus,.btn-badge a:focus,.btn-deemphasized a:focus,.btn-icon a:focus,.btn-light a:focus,.btn-primary a:focus,.btn-primary-em-blue a:focus,.btn-secondary a:focus,.btn-tertiary a:focus {
  outline-offset: 2px
}

.btn-badge:active,.btn-badge:focus,.btn-badge:hover,.btn-badge:visited,.btn-deemphasized:active,.btn-deemphasized:focus,.btn-deemphasized:hover,.btn-deemphasized:visited,.btn-icon:active,.btn-icon:focus,.btn-icon:hover,.btn-icon:visited,.btn-light:active,.btn-light:focus,.btn-light:hover,.btn-light:visited,.btn-primary-em-blue:active,.btn-primary-em-blue:focus,.btn-primary-em-blue:hover,.btn-primary-em-blue:visited,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.btn-primary:visited,.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover,.btn-secondary:visited,.btn-tertiary:active,.btn-tertiary:focus,.btn-tertiary:hover,.btn-tertiary:visited,.btn:active,.btn:focus,.btn:hover,.btn:visited {
  color: #fff
}

.btn-badge:hover,.btn-deemphasized:hover,.btn-icon:hover,.btn-light:hover,.btn-primary-em-blue:hover,.btn-primary:hover,.btn-secondary:hover,.btn-tertiary:hover,.btn:hover {
  background-color: #c4c4c4
}

.btn-nowrap.btn-badge,.btn-nowrap.btn-deemphasized,.btn-nowrap.btn-icon,.btn-nowrap.btn-light,.btn-nowrap.btn-primary,.btn-nowrap.btn-primary-em-blue,.btn-nowrap.btn-secondary,.btn-nowrap.btn-tertiary,.btn.btn-nowrap {
  white-space: nowrap;
  word-break: keep-all
}

.btn.link,.link.btn-badge,.link.btn-deemphasized,.link.btn-icon,.link.btn-light,.link.btn-primary,.link.btn-primary-em-blue,.link.btn-secondary,.link.btn-tertiary {
  padding: 0
}

.btn.link a,.link.btn-badge a,.link.btn-deemphasized a,.link.btn-icon a,.link.btn-light a,.link.btn-primary a,.link.btn-primary-em-blue a,.link.btn-secondary a,.link.btn-tertiary a {
  color: inherit;
  padding: .625rem 3.125rem;
  display: inline-block
}

.btn-light,.btn-light:active,.btn-light:focus,.btn-light:hover,.btn-light:visited {
  color: #2b2626
}

.btn-badge:focus,.btn-deemphasized:focus,.btn-icon:focus,.btn-light:focus,.btn-primary-em-blue:focus,.btn-primary:focus,.btn-secondary:focus,.btn-tertiary:focus,.btn:focus {
  box-shadow: none;
  outline: #000 auto 1px;
  outline-offset: 2px
}

.btn-badge:-moz-focusring,.btn-deemphasized:-moz-focusring,.btn-icon:-moz-focusring,.btn-light:-moz-focusring,.btn-primary-em-blue:-moz-focusring,.btn-primary:-moz-focusring,.btn-secondary:-moz-focusring,.btn-tertiary:-moz-focusring,.btn:-moz-focusring {
  outline: #5a5a5a solid 2px!important
}

.btn-sm {
  font-size: 16px;
  font-size: 1rem;
  padding: .3125rem 3.125rem
}

.btn-sm.btn-icon {
  padding: .625rem 3.125rem
}

.btn-sm.link {
  padding: 0
}

.btn-sm.link a {
  padding: .3125rem 3.125rem;
  display: inline-block
}

.btn-lg {
  font-size: 20px;
  font-size: 1.25rem
}

.btn-lg>.text {
  display: inline-block;
  max-width: 200px;
  text-align: left;
  white-space: normal
}

.btn-lg.link {
  padding: 0
}

.btn-lg.link a {
  font-size: 20px;
  font-size: 1.25rem;
  display: inline-block
}

.btn-primary:hover {
  background-color: #3474d9
}

.btn-secondary {
  background-color: #0c479d
}

.btn-tertiary {
  background-color: #5a5a5a
}

.btn-primary-em-blue {
  background-color: #3B6DAB
}

.btn-primary-em-blue:hover {
  background-color: #3474d9
}

.btn-link,.btn-link:hover {
  background-color: transparent
}

.btn-light {
  background-color: #e6e6e6
}

.btn-cancel.btn-link,.btn-cancel.btn-link:active,.btn-cancel.btn-link:focus,.btn-cancel.btn-link:hover,.btn-cancel.btn-link:visited {
  color: #d42e12
}

.btn-badge.link>a div>.icon,.btn-badge>.icon {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 28px;
  height: auto
}

.btn-icon.link>a div>.icon,.btn-icon>.icon {
  top: -1.6px;
  top: -.1rem;
  display: inline-block;
  position: relative;
  margin-right: .625rem;
  vertical-align: middle
}

.btn-icon.btn-lg {
  max-width: 300px;
  min-height: 82px;
  text-align: left;
  white-space: normal
}

.btn-icon.btn-lg.link>a div>.icon,.btn-icon.btn-lg>.icon {
  top: 10px;
  top: .625rem;
  float: left
}

.bp-max-xs .btn,.bp-max-xs .btn-badge,.bp-max-xs .btn-deemphasized,.bp-max-xs .btn-icon,.bp-max-xs .btn-light,.bp-max-xs .btn-primary,.bp-max-xs .btn-primary-em-blue,.bp-max-xs .btn-secondary,.bp-max-xs .btn-tertiary {
  white-space: normal;
  width: 100%
}

.bp-max-sm .btn,.bp-max-sm .btn-badge,.bp-max-sm .btn-deemphasized,.bp-max-sm .btn-icon,.bp-max-sm .btn-light,.bp-max-sm .btn-primary,.bp-max-sm .btn-primary-em-blue,.bp-max-sm .btn-secondary,.bp-max-sm .btn-tertiary {
  white-space: normal;
  max-width: 100%;
  width: 100%
}

.bp-md .btn,.bp-md .btn-badge,.bp-md .btn-deemphasized,.bp-md .btn-icon,.bp-md .btn-light,.bp-md .btn-primary,.bp-md .btn-primary-em-blue,.bp-md .btn-secondary,.bp-md .btn-tertiary {
  white-space: nowrap;
  word-break: keep-all
}

.bp-md .btn-wrap.btn-badge,.bp-md .btn-wrap.btn-deemphasized,.bp-md .btn-wrap.btn-icon,.bp-md .btn-wrap.btn-light,.bp-md .btn-wrap.btn-primary,.bp-md .btn-wrap.btn-primary-em-blue,.bp-md .btn-wrap.btn-secondary,.bp-md .btn-wrap.btn-tertiary,.bp-md .btn.btn-wrap {
  white-space: normal;
  word-break: normal
}

.b05-button.btn-icon .icon {
  margin-right: 10px;
  top: -.1rem;
  position: relative
}

.b05-button.btn-badge .icon {
  position: absolute;
  right: 0;
  top: 0
}

.component.b05-button.btn,.component.b05-button.btn-badge,.component.b05-button.btn-deemphasized,.component.b05-button.btn-icon,.component.b05-button.btn-light,.component.b05-button.btn-primary,.component.b05-button.btn-primary-em-blue,.component.b05-button.btn-secondary,.component.b05-button.btn-tertiary {
  padding: 0!important
}

.component.b05-button.btn-badge>a,.component.b05-button.btn-deemphasized>a,.component.b05-button.btn-icon>a,.component.b05-button.btn-light>a,.component.b05-button.btn-primary-em-blue>a,.component.b05-button.btn-primary>a,.component.b05-button.btn-secondary>a,.component.b05-button.btn-tertiary>a,.component.b05-button.btn>a {
  padding: 10px 50px!important;
  display: block
}

.component.b05-button.btn-badge>a:hover,.component.b05-button.btn-deemphasized>a:hover,.component.b05-button.btn-icon>a:hover,.component.b05-button.btn-light>a:hover,.component.b05-button.btn-primary-em-blue>a:hover,.component.b05-button.btn-primary>a:hover,.component.b05-button.btn-secondary>a:hover,.component.b05-button.btn-tertiary>a:hover,.component.b05-button.btn>a:hover {
  text-decoration: none
}

.component.b05-button.btn-primary,.component.b05-button.btn-primary-em-blue,.component.b05-button.btn.btn-primary,.component.b05-button.btn.btn-primary-em-blue {
  white-space: normal
}

button>a:hover {
  text-decoration: none
}

button:focus {
  outline: #000 auto 1px!important;
  outline-offset: 2px
}

.featured-item-copy-inner.featured-item-text-light {
  margin-left: 2px
}

a.btn-badge:-moz-focusring,a.btn-deemphasized:-moz-focusring,a.btn-icon:-moz-focusring,a.btn-light:-moz-focusring,a.btn-primary-em-blue:-moz-focusring,a.btn-primary:-moz-focusring,a.btn-secondary:-moz-focusring,a.btn-tertiary:-moz-focusring,a.btn:-moz-focusring {
  outline: #5a5a5a solid 2px!important
}

button[type=button]:-moz-focusring {
  outline: #5a5a5a solid 2px!important
}

.b05-button-bottom-margin {
  margin-bottom: 20px!important
}

.button-align-center,.button_align_center {
  left: 50%;
  transform: translate(-50%,0)
}

.component.b05-button.btn.custom_external_b05.btn-badge:hover,.component.b05-button.btn.custom_external_b05.btn-deemphasized:hover,.component.b05-button.btn.custom_external_b05.btn-icon:hover,.component.b05-button.btn.custom_external_b05.btn-light:hover,.component.b05-button.btn.custom_external_b05.btn-primary:hover,.component.b05-button.btn.custom_external_b05.btn-secondary:hover,.component.b05-button.btn.custom_external_b05.btn-tertiary:hover,.component.b05-button.custom_external_b05.btn-badge:hover,.component.b05-button.custom_external_b05.btn-deemphasized:hover,.component.b05-button.custom_external_b05.btn-icon:hover,.component.b05-button.custom_external_b05.btn-light:hover,.component.b05-button.custom_external_b05.btn-primary:hover,.component.b05-button.custom_external_b05.btn-secondary:hover,.component.b05-button.custom_external_b05.btn-tertiary:hover {
  opacity: .8
}

.btn-LNG-secondary {
  background: #004ECC!important
}

.btn-LNG-tertiary {
  background: #002F6C!important
}

.btn-LNG-secondary:hover,.btn-LNG-tertiary:hover {
  background: #3474D9!important
}

.btn-light-blue.btn-badge,.btn-light-blue.btn-deemphasized,.btn-light-blue.btn-icon,.btn-light-blue.btn-light,.btn-light-blue.btn-primary,.btn-light-blue.btn-primary-em-blue,.btn-light-blue.btn-secondary,.btn-light-blue.btn-tertiary,.btn.btn-light-blue {
  background-color: #00a3e0
}

.btn-light-blue.btn-badge:hover,.btn-light-blue.btn-deemphasized:hover,.btn-light-blue.btn-icon:hover,.btn-light-blue.btn-light:hover,.btn-light-blue.btn-primary-em-blue:hover,.btn-light-blue.btn-primary:hover,.btn-light-blue.btn-secondary:hover,.btn-light-blue.btn-tertiary:hover,.btn.btn-light-blue:hover {
  background-color: #33b5e6
}

.btn-dark-blue.btn-badge,.btn-dark-blue.btn-deemphasized,.btn-dark-blue.btn-icon,.btn-dark-blue.btn-light,.btn-dark-blue.btn-primary,.btn-dark-blue.btn-primary-em-blue,.btn-dark-blue.btn-secondary,.btn-dark-blue.btn-tertiary,.btn.btn-dark-blue {
  background-color: #002F6C
}

.btn-dark-blue.btn-badge:hover,.btn-dark-blue.btn-deemphasized:hover,.btn-dark-blue.btn-icon:hover,.btn-dark-blue.btn-light:hover,.btn-dark-blue.btn-primary-em-blue:hover,.btn-dark-blue.btn-primary:hover,.btn-dark-blue.btn-secondary:hover,.btn-dark-blue.btn-tertiary:hover,.btn.btn-dark-blue:hover {
  background-color: #1a5688
}

.btn-light-grey.btn-badge,.btn-light-grey.btn-deemphasized,.btn-light-grey.btn-icon,.btn-light-grey.btn-light,.btn-light-grey.btn-primary,.btn-light-grey.btn-primary-em-blue,.btn-light-grey.btn-secondary,.btn-light-grey.btn-tertiary,.btn.btn-light-grey {
  background-color: #f1f2f2
}

.btn-dark-grey.btn-badge,.btn-dark-grey.btn-badge:hover,.btn-dark-grey.btn-deemphasized,.btn-dark-grey.btn-deemphasized:hover,.btn-dark-grey.btn-icon,.btn-dark-grey.btn-icon:hover,.btn-dark-grey.btn-light,.btn-dark-grey.btn-light:hover,.btn-dark-grey.btn-primary,.btn-dark-grey.btn-primary-em-blue,.btn-dark-grey.btn-primary-em-blue:hover,.btn-dark-grey.btn-primary:hover,.btn-dark-grey.btn-secondary,.btn-dark-grey.btn-secondary:hover,.btn-dark-grey.btn-tertiary,.btn-dark-grey.btn-tertiary:hover,.btn-light-grey.btn-badge:hover,.btn-light-grey.btn-deemphasized:hover,.btn-light-grey.btn-icon:hover,.btn-light-grey.btn-light:hover,.btn-light-grey.btn-primary-em-blue:hover,.btn-light-grey.btn-primary:hover,.btn-light-grey.btn-secondary:hover,.btn-light-grey.btn-tertiary:hover,.btn.btn-dark-grey,.btn.btn-dark-grey:hover,.btn.btn-light-grey:hover {
  background-color: #c4c4c4
}

.btn-light-grey {
  background-color: #f1f2f2;
  color: #00a3e0
}

.btn-dark-grey {
  background-color: #dcddde;
  color: #000
}

@media screen and (max-width: 992px) {
  body:not([data-bp=xl]) .component.btn-light-blue.btn-badge,body:not([data-bp=xl]) .component.btn-light-blue.btn-deemphasized,body:not([data-bp=xl]) .component.btn-light-blue.btn-icon,body:not([data-bp=xl]) .component.btn-light-blue.btn-light,body:not([data-bp=xl]) .component.btn-light-blue.btn-primary,body:not([data-bp=xl]) .component.btn-light-blue.btn-primary-em-blue,body:not([data-bp=xl]) .component.btn-light-blue.btn-secondary,body:not([data-bp=xl]) .component.btn-light-blue.btn-tertiary,body:not([data-bp=xl]) .component.btn.btn-light-blue,body:not([data-bp=xl]) .component.link.glyph-link {
      margin-bottom:0
  }
}

.component.b05-button.btn-primary.inline-btn-component,.component.b05-button.btn.inline-btn-component,.component.b05-button.inline-btn-component.btn-badge,.component.b05-button.inline-btn-component.btn-deemphasized,.component.b05-button.inline-btn-component.btn-icon,.component.b05-button.inline-btn-component.btn-light,.component.b05-button.inline-btn-component.btn-primary,.component.b05-button.inline-btn-component.btn-primary-em-blue,.component.b05-button.inline-btn-component.btn-secondary,.component.b05-button.inline-btn-component.btn-tertiary {
  display: inline-block;
  width: auto
}

@media screen and (max-width: 767px) {
  .component.b05-button.btn-primary.inline-btn-component,.component.b05-button.btn.inline-btn-component,.component.b05-button.inline-btn-component.btn-badge,.component.b05-button.inline-btn-component.btn-deemphasized,.component.b05-button.inline-btn-component.btn-icon,.component.b05-button.inline-btn-component.btn-light,.component.b05-button.inline-btn-component.btn-primary,.component.b05-button.inline-btn-component.btn-primary-em-blue,.component.b05-button.inline-btn-component.btn-secondary,.component.b05-button.inline-btn-component.btn-tertiary {
      display:block;
      width: 100%
  }
}

.on-page-editor .b05-button.btn-badge .icon {
  position: static!important;
  right: 0;
  top: 0;
  width: 200px;
  height: 200px
}

@media screen and (min-width: 1025px) {
  .btn-inline.btn-badge,.btn-inline.btn-deemphasized,.btn-inline.btn-icon,.btn-inline.btn-light,.btn-inline.btn-primary,.btn-inline.btn-primary-em-blue,.btn-inline.btn-secondary,.btn-inline.btn-tertiary,.btn.btn-inline {
      width:auto!important
  }
}

body:not([data-bp=xl]) .component.b05-button {
  margin-bottom: .125rem
}

.component.b05-button.btn-primary.find-service-button,.component.b05-button.btn.btn-primary.find-service-button {
  display: block;
  width: 100%;
  font-size: 1.125rem;
  cursor: pointer;
  background-color: #007fad;
  border: none;
  color: #fff;
  border-radius: 0;
  margin: 0 3px 5px!important;
  min-height: 47px
}

.component.b05-button.btn-primary.find-service-button:active,.component.b05-button.btn-primary.find-service-button:hover,.component.b05-button.btn.btn-primary.find-service-button:active,.component.b05-button.btn.btn-primary.find-service-button:hover {
  background-color: #007fad!important
}

.component.b05-button.btn-primary.find-service-button.component.b05-button.btn-badge>a,.component.b05-button.btn-primary.find-service-button.component.b05-button.btn-deemphasized>a,.component.b05-button.btn-primary.find-service-button.component.b05-button.btn-icon>a,.component.b05-button.btn-primary.find-service-button.component.b05-button.btn-light>a,.component.b05-button.btn-primary.find-service-button.component.b05-button.btn-primary-em-blue>a,.component.b05-button.btn-primary.find-service-button.component.b05-button.btn-secondary>a,.component.b05-button.btn-primary.find-service-button.component.b05-button.btn-tertiary>a,.component.b05-button.btn-primary.find-service-button.component.b05-button>a,.component.b05-button.btn.btn-primary.find-service-button.component.b05-button.btn>a {
  padding: 10px 12px!important
}

.component.b05-button.btn-primary.find-service-button:focus,.component.b05-button.btn.btn-primary.find-service-button:focus {
  border: none!important;
  outline: 0!important
}

.component.b05-button.btn-primary.find-service-button:focus-visible,.component.b05-button.btn.btn-primary.find-service-button:focus-visible {
  outline: #000 auto 1px!important;
  outline-offset: 2px
}

@media screen and (min-width: 768px) {
  .component.b05-button.btn-primary.find-service-button,.component.b05-button.btn.btn-primary.find-service-button {
      width:32%;
      float: left;
      margin: 0 3px 16px!important
  }
}

.component.b05-button.btn-primary.find-service-oem,.component.b05-button.btn.btn-primary.find-service-oem {
  display: block;
  font-size: 1rem;
  cursor: pointer;
  background-color: #007fad;
  border: none;
  color: #fff;
  border-radius: 0;
  min-height: 47px;
  width: auto!important;
  float: left;
  margin: 2px 10px 0
}

.component.b05-button.btn-primary.find-service-oem:active,.component.b05-button.btn-primary.find-service-oem:hover,.component.b05-button.btn.btn-primary.find-service-oem:active,.component.b05-button.btn.btn-primary.find-service-oem:hover {
  background-color: #007fad!important
}

.component.b05-button.btn-primary.find-service-oem.component.b05-button.btn-badge>a,.component.b05-button.btn-primary.find-service-oem.component.b05-button.btn-deemphasized>a,.component.b05-button.btn-primary.find-service-oem.component.b05-button.btn-icon>a,.component.b05-button.btn-primary.find-service-oem.component.b05-button.btn-light>a,.component.b05-button.btn-primary.find-service-oem.component.b05-button.btn-primary-em-blue>a,.component.b05-button.btn-primary.find-service-oem.component.b05-button.btn-secondary>a,.component.b05-button.btn-primary.find-service-oem.component.b05-button.btn-tertiary>a,.component.b05-button.btn-primary.find-service-oem.component.b05-button>a,.component.b05-button.btn.btn-primary.find-service-oem.component.b05-button.btn>a {
  padding: 6.5px 13px!important
}

@media screen and (min-width: 578px) {
  .component.b05-button.btn-primary.find-service-oem.component.b05-button.btn-badge>a,.component.b05-button.btn-primary.find-service-oem.component.b05-button.btn-deemphasized>a,.component.b05-button.btn-primary.find-service-oem.component.b05-button.btn-icon>a,.component.b05-button.btn-primary.find-service-oem.component.b05-button.btn-light>a,.component.b05-button.btn-primary.find-service-oem.component.b05-button.btn-primary-em-blue>a,.component.b05-button.btn-primary.find-service-oem.component.b05-button.btn-secondary>a,.component.b05-button.btn-primary.find-service-oem.component.b05-button.btn-tertiary>a,.component.b05-button.btn-primary.find-service-oem.component.b05-button>a,.component.b05-button.btn.btn-primary.find-service-oem.component.b05-button.btn>a {
      padding:8px 13px!important
  }
}

.component.b05-button.btn-primary.find-service-oem:focus,.component.b05-button.btn.btn-primary.find-service-oem:focus {
  border: none!important;
  outline: 0!important
}

.component.b05-button.btn-primary.find-service-oem:focus-visible,.component.b05-button.btn.btn-primary.find-service-oem:focus-visible {
  outline: #000 auto 1px!important;
  outline-offset: 2px
}

@media screen and (min-width: 315px) {
  .component.b05-button.btn-primary.find-service-oem,.component.b05-button.btn.btn-primary.find-service-oem {
      margin-left:0
  }
}

@media screen and (min-width: 768px) {
  .component.b05-button.btn-primary.find-service-oem,.component.b05-button.btn.btn-primary.find-service-oem {
      width:32%;
      padding: 8px 16px
  }
}

.product-details-button {
  margin-left: 3px!important;
  margin-right: 3px!important;
  margin-bottom: 16px;
  width: 32%;
  float: left
}

.quick-links a>i,.quick-links>a>i {
  float: right
}

.product-details-button:focus {
  outline-offset: 2px
}

.product-details-button.ps-widget:not(.price-container).ps-Exxon-generic-lightbox .ps-button-label,.product-details-button.ps-widget:not(.price-container).ps-Exxon-product .ps-button-label {
  display: block;
  padding-top: 10px!important;
  padding-bottom: 10px!important;
  height: auto!important;
  width: 100%;
  font-size: 1.125rem;
  margin: 0!important
}

.product-details-button .b05-button,.product-details-button .c04-lightbox {
  width: 100%;
  margin: 0!important
}

.product-details-button .b05-button a {
  padding-left: 10px!important;
  padding-right: 10px!important;
  display: block
}

@media (max-width: 767px) {
  .product-details-button {
      margin-bottom:5px;
      width: 100%;
      height: auto!important
  }
}

.product-details-button.ps-widget[ps-sku].ps-disabled {
  background: 0 0!important
}

.product-details-button.ps-widget[ps-sku].ps-disabled>small {
  display: none!important
}

.product-selector .progress-indicator-inner {
  margin-bottom: 1.5rem
}

.product-selector .progress-indicator-inner .active {
  stroke: #0e469b
}

.product-selector .progress-indicator-inner #progress-indicator-line,.product-selector .progress-indicator-inner .completed {
  stroke: #0e469b;
  fill: #0e469b
}

.product-selector .recommendations-view .btn.btn-primary:not(:hover):not(:active):not([disabled]):not(.disabled) {
  border-color: #0e469b
}

.product-selector .recommendations-view .btn.btn-primary:active,.product-selector .recommendations-view .btn.btn-primary:hover,.product-selector .recommendations-view .btn.btn-primary:not([disabled]):not(.disabled):active {
  border-color: #3474d9
}

.product-selector .recommendations-view .btn.btn-secondary:not(:hover):not(:active):not([disabled]):not(.disabled) {
  border-color: #0c479d
}

.product-selector .recommendations-view .btn.btn-secondary:active,.product-selector .recommendations-view .btn.btn-secondary:hover,.product-selector .recommendations-view .btn.btn-secondary:not([disabled]):not(.disabled):active {
  border-color: #3474d9
}

.product-selector .recommendations-view .btn.btn-tertiary:not(:hover):not(:active):not([disabled]):not(.disabled) {
  border-color: #5a5a5a
}

.product-selector .recommendations-view .btn.btn-tertiary:active,.product-selector .recommendations-view .btn.btn-tertiary:hover,.product-selector .recommendations-view .btn.btn-tertiary:not([disabled]):not(.disabled):active {
  border-color: #5A5A5A
}

.CoveoSearchButton,.btn-primary,.search-box .search.btn-primary {
  background-color: #0e469b;
  color: #fff
}

.CoveoSearchButton.outline,.btn-primary.outline,.search-box .search.btn-primary.outline {
  color: #0e469b
}

.CoveoSearchButton.outline:active,.CoveoSearchButton.outline:hover,.btn-primary.outline:active,.btn-primary.outline:hover,.search-box .search.btn-primary.outline:active,.search-box .search.btn-primary.outline:hover {
  color: #3474d9
}

.CoveoSearchButton.outline:active,.CoveoSearchButton.outline:not(:disabled):not(.disabled):active,.btn-primary.outline:active,.btn-primary.outline:not(:disabled):not(.disabled):active,.search-box .search.btn-primary.outline:active,.search-box .search.btn-primary.outline:not(:disabled):not(.disabled):active {
  background-color: #3474d9
}

.CoveoSearchButton:focus,.btn-primary:focus,.search-box .search.btn-primary:focus {
  background-color: #0e469b
}

.CoveoSearchButton:active,.CoveoSearchButton:hover,.CoveoSearchButton:not(:disabled):not(.disabled):active,.btn-primary:active,.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled):active,.search-box .search.btn-primary:active,.search-box .search.btn-primary:hover,.search-box .search.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #3474d9
}

.CoveoSearchButton:visited,.btn-primary:visited,.search-box .search.btn-primary:visited {
  color: #fff
}

a:not([href]):not([tabindex]).CoveoSearchButton {
  color: #fff!important
}

.btn-primary.link a,.btn-secondary {
  color: #fff
}

.btn-secondary.outline {
  color: #0c479d
}

.btn-secondary.outline:hover {
  color: #3474d9
}

.btn-secondary:focus {
  background-color: #0c479d
}

.btn-secondary:active,.btn-secondary:hover,.btn-secondary:not(:disabled):not(.disabled):active {
  background-color: #3474d9
}

.btn-secondary.link a {
  color: #fff
}

.btn-secondary.expanding-box-trigger.collapsed {
  background-color: #0c479d
}

.btn-tertiary,a.btn-tertiary {
  background-color: #5a5a5a;
  color: #fff
}

.btn-tertiary.outline,a.btn-tertiary.outline {
  color: #5a5a5a
}

.btn-tertiary.outline:hover,a.btn-tertiary.outline:hover {
  color: #5A5A5A
}

.btn-tertiary:focus,a.btn-tertiary:focus {
  background-color: #5a5a5a
}

.btn-tertiary:active,.btn-tertiary:hover,.btn-tertiary:not(:disabled):not(.disabled):active,a.btn-tertiary:active,a.btn-tertiary:hover,a.btn-tertiary:not(:disabled):not(.disabled):active {
  background-color: #5A5A5A
}

.btn-tertiary.link a,a.btn-tertiary.link a {
  color: #fff
}

.nav-header {
  background-color: #fff
}

.nav-header-divider,.nav-main-list-trigger>.icon-hamburger,.nav-main-list-trigger>.icon-hamburger:after,.nav-main-list-trigger>.icon-hamburger:before,.nav-search-open .nav-main-search-trigger:after,.nav-search-open .nav-main-search-trigger:before {
  background-color: #cf3101
}

.nav-header-divider {
  display: block;
  height: 10px
}

.nav-main-search-trigger .fa-search {
  color: #cf3101
}

.nav-main-search:before {
  color: #d4d4d4
}

.nav-main-search>input {
  color: #5a5a5a
}

@media (min-width: 768px) {
  .nav-main-search.search-box .nav-main-search-submit {
      color:#5a5a5a
  }

  .nav-main-search.search-box .nav-main-search-submit:hover {
      color: #454545
  }

  .nav-main-search.search-box .nav-main-search-submit:before {
      background-color: #d4d4d4
  }
}

@media (min-width: 992px) {
  .nav-main-search-trigger:before {
      color:#454545
  }

  .nav-main-search-trigger.search-icon-em-red .fa-search,.nav-main-search-trigger:hover:before {
      color: #cf3101
  }

  .nav-search-open .nav-main-search-trigger:after,.nav-search-open .nav-main-search-trigger:before {
      background-color: #cf3101
  }

  .nav-main-search-trigger .fa-search {
      color: #454545
  }
}

.nav-main-bar {
  background-color: #fff
}

.nav-main-item:hover {
  background-color: #f4f4f4;
  color: #cf3101
}

.nav-main-item-active,.nav-main-item:hover {
  -webkit-box-shadow: inset 0 3px 0 0 #cf3101;
  -moz-box-shadow: inset 0 3px 0 0 #cf3101;
  box-shadow: inset 0 3px 0 0 #cf3101
}

.nav-main-item-active {
  background-color: #fafafa
}

.nav-main-item-text {
  color: #5a5a5a
}

@media (min-width: 992px) {
  .nav-main-item:hover {
      color:#cf3101
  }

  .nav-main-item>a {
      color: #454545
  }

  .nav-main-item-active:hover {
      background-color: #fafafa;
      color: #454545
  }
}

.IconHomepage .icon-home .icon-home-item,.icon-nav-header .nav-icon-trigger>.icon-hamburger,.icon-nav-header .nav-icon-trigger>.icon-hamburger:after,.icon-nav-header .nav-icon-trigger>.icon-hamburger:before {
  background-color: #cf3101
}

.icon-nav-header .nav-main-search-trigger svg path {
  fill: #cf3101;
  stroke: #cf3101
}

.icon-nav-header .nav-main-search-trigger:hover path {
  fill: url(#gradient-red-orange) #cf3101
}

.icon-nav-header .nav-icon-trigger[aria-expanded=true]:after,.icon-nav-header .nav-icon-trigger[aria-expanded=true]:before {
  background: #cf3101
}

@media (min-width: 1200px) {
  .default-device .icon-nav-header .nav-main-search-trigger svg path {
      fill:#a6a6a6;
      stroke: #a6a6a6
  }

  .default-device .icon-nav-header .navbar .nav-item.link_active .nav-link .external_link_icon .cls-1,.default-device .icon-nav-header .navbar .nav-item.link_active .nav-link .nav-link-icon .cls-1,.default-device .icon-nav-header .navbar .nav-item.show .nav-link .external_link_icon .cls-1,.default-device .icon-nav-header .navbar .nav-item.show .nav-link .nav-link-icon .cls-1,.default-device .icon-nav-header .navbar .nav-item:hover .nav-link .external_link_icon .cls-1,.default-device .icon-nav-header .navbar .nav-item:hover .nav-link .nav-link-icon .cls-1 {
      fill: url(#gradient-red-orange) #cf3101
  }

  .default-device .icon-nav-header .navbar .nav-item.link_active .underline,.default-device .icon-nav-header .navbar .nav-item.show .underline,.default-device .icon-nav-header .navbar .nav-item:hover .underline {
      background: #fe000c;
      background: -webkit-linear-gradient(legacy-direction(to right),#fe000c,#fe000c);
      background: linear-gradient(to right,#fe000c,#fe000c)
  }
}

@media (min-width: 992px) {
  .icon-nav-header .nav-main-search-trigger svg path {
      fill:#a6a6a6;
      stroke: #a6a6a6
  }

  .icon-nav-header .navbar .nav-item.link_active .nav-link .external_link_icon .cls-1,.icon-nav-header .navbar .nav-item.link_active .nav-link .nav-link-icon .cls-1,.icon-nav-header .navbar .nav-item.show .nav-link .external_link_icon .cls-1,.icon-nav-header .navbar .nav-item.show .nav-link .nav-link-icon .cls-1 {
      fill: url(#gradient-red-orange) #cf3101
  }

  .icon-nav-header .navbar .nav-item.link_active .underline,.icon-nav-header .navbar .nav-item.show .underline,.nav-main-search-trigger.nav-main-item-active .underline,.nav-main-search-trigger:hover .underline {
      background: #D42E12;
      background: -webkit-linear-gradient(legacy-direction(to right),#D42E12,#5a5a5a);
      background: linear-gradient(to right,#D42E12,#5a5a5a)
  }

  .nav-main-item-active.nav-main-search-trigger:after,.nav-main-item-active.nav-main-search-trigger:before {
      background-color: #cf3101
  }

  .nav-main-item-active.nav-main-search-trigger .underline {
      background: #D42E12;
      background: -webkit-linear-gradient(legacy-direction(to right),#D42E12,#5a5a5a);
      background: linear-gradient(to right,#D42E12,#5a5a5a);
      width: 118px;
      height: 2px;
      margin: 3.875rem 0 0 -1.875rem;
      left: 0
  }
}

.quick-links a>p {
  color: #2b2626;
  margin-bottom: 0;
  width: 90%
}

.sidebar-nav :last-of-type>.quick-links>a {
  border-bottom: none!important
}

@media screen and (max-width: 992px) {
  .sidebar-nav :first-of-type>.quick-links>a {
      padding-top:18px!important
  }
}

.quick-links a .fill-color {
  filter: brightness(0) saturate(100%) invert(17%) sepia(100%) saturate(7463%) hue-rotate(354deg) brightness(99%) contrast(108%)
}

.quick-links>a>i::before {
  color: #fe000c
}

.quick-links>a {
  padding: 18px 10px 18px 0!important;
  margin: 0 1.85rem!important;
  border-bottom: 1px solid #ddd!important;
  display: flex!important;
  justify-content: space-between;
  align-items: center
}

.quick-links>a:hover {
  text-decoration-color: #2b2626
}

.product-quick-links li {
  border-bottom: none!important
}

.product-quick-links {
  border-left: 2px solid #dbdbdb;
  border-right: none
}

.sidebar-nav-right.product-quick-links {
  border-right: 2px solid #dbdbdb;
  border-left: none
}

.sidebar-nav-right .quick-links a>p {
  color: #2b2626;
  font-weight: 400;
  font-family: EMprint,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  margin-bottom: 0;
  width: 90%;
  text-align: left
}

.sidebar-nav-right .quick-links>a {
  padding: 18px 0 18px 18px!important;
  margin: 0 1.85rem!important;
  border-bottom: 1px solid #ddd!important;
  display: flex!important;
  justify-content: space-between;
  align-items: center
}

.hideBottomMargin .quick-links>a {
  padding: 10px 18px 10px 10px!important;
  margin: 0 1.85rem!important;
  border-bottom: none!important;
  display: flex!important;
  justify-content: space-between;
  align-items: center
}

.col-lg-3 .product-quick-links .quick-links a i,.col-lg-3 .product-quick-links .quick-links a p {
  padding-right: 15px
}

.col-lg-3 .product-quick-links .quick-links a svg {
  margin-right: 15px
}

.events-search .CoveoSearchButton {
  background-color: #0e469b;
  color: #fff!important
}

.coveo-new-ui.CoveoSearchInterface .col-lg-3 .coveo-facet .CoveoFacet .coveo-facet-values .coveo-facet-value.coveo-selected {
  background: 0 0;
  border-left: 5px #cf3101 solid!important
}

.coveo-new-ui.CoveoSearchInterface .seeLessList,.coveo-new-ui.CoveoSearchInterface .seeallList {
  margin-right: 5px;
  cursor: pointer;
  color: #cf3101
}

.btn-checkbox:hover,.btn-radio:hover {
  background-color: #0e469b
}

.btn-checkbox:hover .checkmark::before,.btn-radio:hover .checkmark::before {
  color: #fff
}

.btn-checkbox.active,.btn-radio.active {
  background-color: #0e469b;
  color: #fff
}

.btn-checkbox.active .checkmark::before,.btn-radio.active .checkmark::before {
  color: #fff
}

body[data-row-styles] .checkboxes label.active::before,body[data-row-styles] .coveo-facet .coveo-facet-value.coveo-selected .coveo-facet-value-caption::before {
  background-color: #0e469b;
  color: #fff
}

a:not([href]):not([tabindex]).btn {
  color: #fff
}

.product-compare .product-attribute-compare div[class*=col-]>div .fa-circle,.product-compare .product-table-compare .description .rate .fa-star.active {
  color: #0e469b
}

@media (min-width: 992px) {
  .product-compare .product-table-compare .btn.btn-primary {
      background-color:#0e469b;
      color: #fff
  }

  .product-compare .product-table-compare .btn.btn-secondary {
      background-color: #0c479d;
      color: #fff
  }
}

.tab-list-items>.nav-tabs>li a.active:before {
  background-color: #cf3101
}