/* Scss Document */
#categorybrowse {
  background-color: #f6f6f6;
  --gap_l: 64px;
  --gap_m: 32px;
  --gap_s: 24px;
  --dark: #1f1f1f;
  --dgray: #484848;
}

#categorybrowse, #browsebar-utils {
  --filter-bgcolor: #efefef;
  --filter-txcolor: #1f1f1f;
  --filter-border-color: #C1C1C1;
  --filter-btn-bg: #efefef;
  --filter-btn-txcolor: #1f1f1f;
  --filter-btn-border-color: #c1c1c1;
  --filter-compare-disabled-bg: #dddddd;
  --filter-compare-disabled-txcolor: #A3A3A3;
  --filter-ui-bg-accent: #0041C0;
  --filter-ui-slider-bg: #C1C1C1;
  --filter-ui-slider-hdl-color: #484848;
  --filter-ui-checkbox-bg: #efefef;
  --filter-ui-checkbox-border: 1px solid #c1c1c1;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  #categorybrowse {
    --gap_l: 64px;
    --gap_m: 32px;
    --gap_s: 24px;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  #categorybrowse {
    --gap_l: 48px;
    --gap_m: 24px;
    --gap_s: 24px;
  }
}
/* Scss Document */
.common-productbox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  position: relative;
}
.common-productbox:not(.nonlabel) {
  padding-top: 30px;
}
.common-productbox__in {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.common-productbox-product {
  flex-grow: 1;
  text-align: center;
  color: var(--dark);
}
.nonlabel .common-productbox-product {
  border-top: none;
}
.common-productbox-product a {
  color: var(--dark);
}
.common-productbox-product a:hover .common-productbox-product__title,
.common-productbox-product a:hover .common-productbox-product__caption,
.common-productbox-product a:hover .common-productbox-product__price {
  color: #0041c0;
}
.common-productbox-product .linkarea {
  display: block;
  box-sizing: border-box;
  height: 100%;
}
.common-productbox-product__in {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.common-productbox-product__maininfo {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.common-productbox-product__title {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
}
.common-productbox-product__title span {
  display: block;
}
.common-productbox-product__image {
  order: -1;
}
.common-productbox-product__image .campaign-img {
  position: absolute;
  top: 0;
  width: 100%;
}
.common-productbox-product__image img {
  width: 100%;
  max-width: 272px;
}
.common-productbox-product__price__price {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
}
.common-productbox-product__price__price.del-price {
  line-height: 1.5;
}
.common-productbox-product__price__price .prefix + .price {
  margin-right: 0.25em;
}
.common-productbox-product__colors {
  margin-top: 20px;
}

.common-productbox-label {
  position: absolute;
  top: 0;
  width: 100%;
  height: 30px;
}
.common-productbox-label__label {
  float: right;
  height: 100%;
  padding: 0 15px;
  background-color: #d6151c;
}
.common-productbox-label__label::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.common-productbox-label__label span {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
.common-productbox-label__wishlist {
  float: left;
  position: relative;
  height: 100%;
  font-size: 0;
}
.common-productbox-label__wishlist a {
  display: block;
}
.common-productbox-label__wishlist__icn {
  position: relative;
  display: block;
  padding: 9px;
  width: 13px;
  height: 12px;
}
.common-productbox-label__wishlist__tooltips .tipsbox .text.add {
  display: inline-block;
}
.common-productbox-label__wishlist__tooltips .tipsbox .text.remove {
  display: none;
}
.common-productbox-label__wishlist.added .common-productbox-label__wishlist__icn::after {
  content: url(/etc/designs/panasonic/wishlist-clientlibs/commonbars/icn-addlist-colored.png);
  display: block;
  position: absolute;
  top: 9px;
  left: 9px;
  width: 13px;
  height: 12px;
}
.common-productbox-label__wishlist.added .common-productbox-label__wishlist__icn img {
  opacity: 0;
}
.common-productbox-label__wishlist.added .common-productbox-label__wishlist__tooltips .text.add {
  display: none;
}
.common-productbox-label__wishlist.added .common-productbox-label__wishlist__tooltips .text.remove {
  display: inline-block;
}

.common-productbox-bottom {
  text-align: center;
}

.common-productbox-btns {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.common-productbox-btns__energy {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px 20px;
  flex-wrap: wrap;
  font-size: 0;
}
.common-productbox-btns__energy a:hover {
  opacity: .5;
}
.common-productbox-btns__out-of-stock {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  line-height: 1.5;
  color: #D6151C;
}
.common-productbox-btns__buy {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
}
.common-productbox-btns__buy a.btn-blue, .common-productbox-btns__buy a.btn-white {
  box-sizing: border-box;
  display: block;
  height: 45px;
  padding: 0 20px;
  border-radius: 2px;
  font-size: 16px;
  text-transform: uppercase;
}
.common-productbox-btns__buy a.btn-blue::before, .common-productbox-btns__buy a.btn-white::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.common-productbox-btns__buy a.btn-blue span, .common-productbox-btns__buy a.btn-white span {
  display: inline-block;
  vertical-align: middle;
}
.common-productbox-btns__buy a.btn-blue {
  background-color: #0041c0;
  color: #fff;
}
.common-productbox-btns__buy a.btn-blue:hover, .common-productbox-btns__buy a.btn-blue:focus {
  background-color: #f2fafc;
  color: #0041c0;
}
.common-productbox-btns__buy a.btn-white {
  background-color: #fff;
  border: 1px solid #E5E5E5;
  color: #1F1F1F;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  .common-productbox-product .linkarea {
    padding: 10px 19px 20px;
  }
  .common-productbox-product__maininfo::before {
    content: "";
    display: table;
  }
  .common-productbox-product__title__tx {
    margin-top: 15px;
  }
  .common-productbox-product__title__tx .copy {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 2px;
  }
  .common-productbox-product__title__tx .num {
    font-size: 20px;
    line-height: 28px;
  }
  .common-productbox-product__badges__list {
    position: relative;
    margin-top: 20px;
    font-size: 0;
  }
  .common-productbox-product__badges__item {
    display: inline-block;
    vertical-align: top;
  }
  .common-productbox-product__badges .badge {
    width: 55px;
    height: 42px;
    padding: 0 4px;
  }
  .common-productbox-product__badges .badge::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .common-productbox-product__badges .badge img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
  }
  .common-productbox-product__badges .badge .tooltips {
    display: none;
    position: absolute;
    z-index: 5;
    -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
    left: 0;
    width: 100%;
    bottom: 100%;
    margin-bottom: 8px;
  }
  .common-productbox-product__badges .badge .tooltips::after {
    content: url("data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjE0cHgiIGhlaWdodD0iMTZweCI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiDQogZD0iTTcuMDAwLDAuMDA1IEwxMy45OTUsOC4wMDAgTDcuMDAwLDE1Ljk5NCBMMC4wMDUsOC4wMDAgTDcuMDAwLDAuMDA1IFoiLz4NCjwvc3ZnPg==");
    display: block;
    width: 14px;
    height: 16px;
    font-size: 0;
    position: absolute;
    bottom: -8px;
    right: 50%;
  }
  .common-productbox-product__badges .badge .tooltips__in {
    display: block;
    background-color: #fff;
    border-radius: 2px;
    text-align: right;
  }
  .common-productbox-product__badges .badge .tooltips__in::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 63px;
  }
  .common-productbox-product__badges .badge .tooltips.no-drop-shadow .tooltips__in {
    box-shadow: 0 5px 11px rgba(0, 0, 0, 0.5);
  }
  .common-productbox-product__badges .badge__caption {
    display: inline-block;
    vertical-align: middle;
    padding: 15px;
    font-size: 12px;
    line-height: 17px;
  }
  .common-productbox-product__badges .badge.hoverarea {
    cursor: default;
  }
  .common-productbox-product__badges .badge.hoverarea:hover .tooltips:not(.clicked), .common-productbox-product__badges .badge.hoverarea:focus .tooltips:not(.clicked) {
    display: block;
  }
  .common-productbox-product__badges.itemlen-1 .common-productbox-product__badges__item .badge .tooltips::after, .common-productbox-product__badges.itemlen-3 .common-productbox-product__badges__item:nth-child(2) .badge .tooltips::after {
    -webkit-transform: translateX(7px);
    transform: translateX(7px);
  }
  .common-productbox-product__badges.itemlen-2 .common-productbox-product__badges__item:first-child .badge .tooltips::after, .common-productbox-product__badges.itemlen-4 .common-productbox-product__badges__item:nth-child(2) .badge .tooltips::after {
    -webkit-transform: translateX(39px);
    transform: translateX(39px);
  }
  .common-productbox-product__badges.itemlen-2 .common-productbox-product__badges__item:last-child .badge .tooltips::after, .common-productbox-product__badges.itemlen-4 .common-productbox-product__badges__item:nth-child(3) .badge .tooltips::after {
    -webkit-transform: translateX(-25px);
    transform: translateX(-25px);
  }
  .common-productbox-product__badges.itemlen-3 .common-productbox-product__badges__item:first-child .badge .tooltips::after {
    -webkit-transform: translateX(71px);
    transform: translateX(71px);
  }
  .common-productbox-product__badges.itemlen-3 .common-productbox-product__badges__item:last-child .badge .tooltips::after {
    -webkit-transform: translateX(-57px);
    transform: translateX(-57px);
  }
  .common-productbox-product__badges.itemlen-4 .common-productbox-product__badges__item:first-child .badge .tooltips::after {
    -webkit-transform: translateX(103px);
    transform: translateX(103px);
  }
  .common-productbox-product__badges.itemlen-4 .common-productbox-product__badges__item:last-child .badge .tooltips::after {
    -webkit-transform: translateX(-87px);
    transform: translateX(-87px);
  }
  .common-productbox-product__caption__tx {
    margin-top: 20px;
    font-size: 12px;
    line-height: 17px;
  }
  .common-productbox-product__price {
    margin-top: 20px;
  }
  .common-productbox-product__price::before {
    content: "";
    display: table;
  }
  .common-productbox-product__price__price {
    font-size: 16px;
    line-height: 23px;
  }
  .common-productbox-product__price__price.del-price {
    font-size: 13px;
  }
  .common-productbox-product__price__price .prefix, .common-productbox-product__price__price .price {
    display: inline-block;
  }
  .common-productbox-product__price__note {
    margin-top: 5px;
    font-size: 11px;
    line-height: 16px;
  }

  .common-productbox-label__wishlist__tooltips {
    display: none;
    position: absolute;
    top: 50%;
    z-index: 5;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
    left: 100%;
  }
  .common-productbox-label__wishlist__tooltips::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmE9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVTVkdWaWV3ZXJFeHRlbnNpb25zLzMuMC8iDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTlweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTkgMTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5IDEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05LjUsMEwxOSw2bC05LjUsNkwwLDZMOS41LDB6Ii8+DQo8L3N2Zz4=");
    display: block;
    width: 19px;
    height: 12px;
    font-size: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -8px;
  }
  .common-productbox-label__wishlist__tooltips .tipsbox {
    position: relative;
    z-index: 1;
    display: block;
    background-color: #fff;
    border-radius: 2px;
    padding: 6px;
    font-family: 'Open Sans Condensed', 'Arial', sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: var(--dark);
  }
  .common-productbox-label__wishlist__tooltips .tipsbox .text {
    white-space: nowrap;
  }
  .common-productbox-label__wishlist__tooltips.no-drop-shadow .tipsbox {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  }
  .common-productbox-label__wishlist.added .common-productbox-label__wishlist__tooltips .text.add {
    display: none;
  }
  .common-productbox-label__wishlist.added .common-productbox-label__wishlist__tooltips .text.remove {
    display: inline-block;
  }
  #page:not(.disabled-wishlist) .common-productbox-label__wishlist a:not(.clicked):hover .common-productbox-label__wishlist__tooltips, #page:not(.disabled-wishlist) .common-productbox-label__wishlist a:not(.clicked):focus .common-productbox-label__wishlist__tooltips {
    display: block;
  }
  #page.disabled-wishlist .common-productbox-label__wishlist a {
    cursor: default;
  }

  .common-productbox-bottom:not(:empty) {
    padding: 0 19px 20px 19px;
  }

  .common-productbox-btns {
    position: relative;
  }
  .common-productbox-btns:not(.noitem) {
    margin-top: 10px;
  }
  .common-productbox-btns__energy:not(:first-child), .common-productbox-btns__buy:not(:first-child), .common-productbox-btns__out-of-stock:not(:first-child) {
    margin-top: 10px;
  }
  .common-productbox-btns__out-of-stock {
    font-size: 13px;
  }
  .common-productbox-btns__buy {
    height: 45px;
  }
  .common-productbox-btns__buy__in {
    display: block;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1281px) {
  .common-productbox-product .linkarea {
    padding: 7px 8vw 20px;
  }
  .common-productbox-product__title__tx {
    margin-top: 10px;
  }
  .common-productbox-product__title__tx .copy {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 2px;
  }
  .common-productbox-product__title__tx .num {
    font-size: 15px;
    line-height: 21px;
  }
  .common-productbox-product__badges {
    display: none;
  }
  .common-productbox-product__caption__tx {
    margin-top: 20px;
    font-size: 10px;
    line-height: 14px;
  }
  .common-productbox-product__price {
    margin-top: 20px;
  }
  .common-productbox-product__price__price {
    font-size: 15px;
    line-height: 21px;
  }
  .common-productbox-product__price__price.del-price {
    font-size: 12px;
  }
  .common-productbox-product__price__price .prefix, .common-productbox-product__price__price .price {
    display: inline-block;
  }
  .common-productbox-product__price__note {
    margin-top: 5px;
    font-size: 10px;
    line-height: 14px;
  }
  .mobile_fontsizeup .common-productbox-product__title__tx .copy {
    font-size: 16px;
    line-height: 23px;
  }
  .mobile_fontsizeup .common-productbox-product__title__tx .num {
    font-size: 24px;
    line-height: 34px;
  }
  .mobile_fontsizeup .common-productbox-product__caption__tx {
    font-size: 14px;
    line-height: 20px;
  }
  .common-productbox-product .product-colors__title, .common-productbox-product .product-colors__list__item .color-label {
    font-size: 14px;
  }

  .common-productbox-label__wishlist__tooltips {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    top: -1000em;
  }

  .common-productbox-bottom {
    padding-bottom: 20px;
  }

  .common-productbox-btns__energy, .common-productbox-btns__buy, .common-productbox-btns__out-of-stock {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
  }
  .common-productbox-btns__out-of-stock {
    font-size: 12px;
  }
  .common-productbox-btns__buy__in {
    position: relative;
  }
}
  .common-productbox-compare {
    margin-top: 10px;
  }
  .common-productbox-compare label {
    display: block;
    background-color: #eee;
    height: 45px;
    padding: 0 20px;
    border-radius: 2px;
  }
  .common-productbox-compare label::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .common-productbox-compare:not(.disabled) label {
    cursor: pointer;
  }
  .common-productbox-compare:not(.disabled) label:hover {
    background-color: #656565;
    color: #fff;
  }
  .common-productbox-compare .checbox-wrapper {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 10px;
  }
  .common-productbox-compare .checbox-wrapper input[type="checkbox"] {
    text-indent: 0.01px;
    text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .common-productbox-compare .checbox-wrapper input[type="checkbox"]::-ms-expand {
    display: none;
  }
  .common-productbox-compare .checbox-wrapper input[type="checkbox"] + span {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid var(--dark);
    border-radius: 2px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
  }
  .common-productbox-compare .checbox-wrapper input[type="checkbox"]:checked + span::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmE9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVTVkdWaWV3ZXJFeHRlbnNpb25zLzMuMC8iDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOCA4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMUYxRjFGO30NCjwvc3R5bGU+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMi45LDggMCw1IDAsMi4yIDIuOSw1LjEgOCwwIDgsMi44ICIvPg0KPC9zdmc+");
    display: block;
    width: 8px;
    height: 8px;
    padding: 2px;
  }
  .common-productbox-compare .label-txt {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Open Sans Condensed', 'Arial', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
  }
  .common-productbox-compare.disabled label {
    background-color: #656565;
    color: #fff;
  }
  .common-productbox-compare.disabled .checbox-wrapper {
    display: none;
  }
  .common-productbox-compare.disabled .label-txt::after {
    content: attr(data-max-tx);
  }
  .common-productbox-compare.disabled .label-txt span {
    display: none;
  }

@media only screen and (max-width: 640px) and (max-device-width: 1281px) {
  .common-productbox-compare {
    padding-inline: 30px;
  }
}
/************************** Utility *****************************/
#utility {
  padding: 0 20px 50px;
}
#utility:not(.no-border) {
  border-top: 1px solid #d6d6d6;
}

#utility .richtext a {
  color: #0041c0;
  font-weight: bold;
}
#utility .richtext i {
  font-style: italic;
}
#utility .richtext b {
  font-weight: bold;
}
#utility .richtext ul {
  list-style: outside disc;
  margin-left: 1.5em;
}
#utility .richtext ol {
  list-style: decimal outside;
  margin-left: 1.5em;
}
#utility .richtext:first-child > :first-child {
  margin-top: 0;
}

#utility .header1, #utility .subheader1, #utility .subheader2, #utility .subheader3, #utility .subheader4 {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
}
#utility .subheader3,
#utility .subheader3 a {
  color: #717171;
}
#utility .bodycopy2,
#utility .body_copy2 {
  font-weight: bold;
}
#utility .link4 {
  color: #0041c0;
  font-weight: bold;
}
#utility .clearfix:after {
  height: 0;
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  #utility .richtext {
    font-size: 12px;
    line-height: 17px;
  }
  #utility .richtext p, #utility .richtext ul, #utility .richtext ol {
    margin-top: 15px;
  }

  #utility .header1 {
    font-size: 30px;
    line-height: 42px;
  }
  #utility .subheader1 {
    font-size: 16px;
  }
  #utility .subheader2,
  #utility .subheader3 {
    font-size: 20px;
    line-height: 28px;
  }
  #utility .subheader4 {
    font-size: 16px;
    line-height: 30px;
  }
  #utility .bodycopy1,
  #utility .body_copy1 {
    font-size: 12px;
    line-height: 17px;
  }
  #utility .bodycopy2,
  #utility .body_copy2 {
    font-size: 12px;
    line-height: 17px;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  #utility .richtext {
    font-size: 0.625rem;
    line-height: 0.875rem;
  }
  #utility .richtext p, #utility .richtext ul, #utility .richtext ol {
    margin-top: 8px;
  }

  #utility .header1 {
    font-size: 0.938rem;
    line-height: 1.3132rem;
  }
  #utility .subheader1 {
    font-size: 0.813rem;
    line-height: 1.1382rem;
  }
  #utility .subheader2,
  #utility .subheader3 {
    font-size: 0.938rem;
    line-height: 1.3132rem;
  }
  #utility .subheader4 {
    font-size: 0.938rem;
    line-height: 1.3132rem;
  }
  #utility .bodycopy1,
  #utility .bodycopy2 {
    font-size: 0.625rem;
    line-height: 0.875rem;
  }
}
/************************** utilitytitle *****************************/
#utility .utilitytitle {
  text-align: center;
}
#utility .utilitytitle h2 {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
}
#utility .utilitytitle a {
  color: #0041c0;
  font-weight: bold;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  #utility .utilitytitle {
    padding: 32px 40px 0;
  }
  #utility .utilitytitle .middleMargin {
    padding-top: 16px;
  }
  #utility .utilitytitle p {
    margin-top: 32px;
    font-size: 12px;
    line-height: 17px;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  #utility .utilitytitle {
    padding: 25px 0;
  }
  #utility .utilitytitle p {
    margin-top: 17px;
    font-size: 0.625rem;
    line-height: 0.875rem;
  }
}
/************************** sitemap *****************************/
#utility .sitemap h2, #utility .sitemap h3 {
  border-bottom: 2px solid #a8a8a8;
}
#utility .sitemap .nav-list dl a {
  color: var(--dark);
}
#utility .sitemap .nav-list dl a:hover {
  color: #0041c0;
}
#utility .sitemap .nav-list dl a.stay {
  text-decoration: underline;
}
#utility .sitemap .nav-list dl dd > dl {
  margin-top: 8px;
  margin-right: 1em;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  #utility .sitemap .sitemap_section {
    padding-top: 45px;
  }
  #utility .sitemap h2, #utility .sitemap h3 {
    margin-bottom: 28px;
    padding-bottom: 12px;
  }
  #utility .sitemap .nav-list {
    margin: 0 -10px;
  }
  #utility .sitemap .nav-list > dl {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 40px;
    padding: 0 10px;
    float: right;
  }
  #utility .sitemap .nav-list dl dt:not(:last-child) {
    margin-bottom: 24px;
  }
  #utility .sitemap .nav-list dl dd:not(:last-child) {
    margin-bottom: 8px;
  }
  #utility .sitemap .nav-list dl dd.extra {
    padding-top: 24px;
  }
  #utility .sitemap .nav-list dl dd a {
    font-size: 12px;
    line-height: 17px;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  #utility .sitemap:not(:first-child) .sitemap_section {
    padding-top: 12px;
  }
  #utility .sitemap h2, #utility .sitemap h3 {
    margin-bottom: 20px;
    padding-bottom: 12px;
  }
  #utility .sitemap .nav-list > dl {
    margin-bottom: 37px;
  }
  #utility .sitemap .nav-list dl dt {
    margin-bottom: 12px;
  }
  #utility .sitemap .nav-list dl dd {
    margin-bottom: 12px;
  }
  #utility .sitemap .nav-list dl dd.extra {
    border-top: 1px dotted #c9c9c9;
    padding-top: 8px;
  }
  #utility .sitemap .nav-list dl dd a {
    font-size: 0.688rem;
    line-height: 0.875rem;
  }
}
/************************** generic class *****************************/
#categorybrowse {
  /*.tooltips {
  	position: absolute;
  	z-index: 5;
  	-webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));
  	filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));
  	&::after {
  		content: url("data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjE0cHgiIGhlaWdodD0iMTZweCI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiDQogZD0iTTcuMDAwLDAuMDA1IEwxMy45OTUsOC4wMDAgTDcuMDAwLDE1Ljk5NCBMMC4wMDUsOC4wMDAgTDcuMDAwLDAuMDA1IFoiLz4NCjwvc3ZnPg==");
  		display: block;
  		width: 14px;
  		height: 16px;
  		font-size: 0;
  		position: absolute;
  		bottom: -8px;
  	}
  	&__in {
  		display: block;
  		background-color: #fff;
  		border-radius: 2px;
  	}
  }*/
}
#categorybrowse .header1 {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
}
#categorybrowse .header2 {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
}
#categorybrowse .header3 {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
}
#categorybrowse .subheader1 {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
}
#categorybrowse .subheader2 {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
}
#categorybrowse .subheader3 {
  font-weight: bold;
}
#categorybrowse .subheader4 {
  font-weight: bold;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  #categorybrowse .header1 {
    font-size: 30px;
    line-height: 42px;
  }
  #categorybrowse .header2 {
    font-size: 25px;
    line-height: 35px;
  }
  #categorybrowse .header3 {
    font-size: 20px;
    line-height: 28px;
  }
  #categorybrowse .subheader1 {
    font-size: 20px;
    line-height: 28px;
  }
  #categorybrowse .subheader2 {
    font-size: 16px;
    line-height: 23px;
  }
  #categorybrowse .subheader3 {
    font-size: 15px;
    line-height: 21px;
  }
  #categorybrowse .subheader4 {
    font-size: 13px;
    line-height: 19px;
  }
  #categorybrowse .subheader5 {
    font-size: 12px;
  }
  #categorybrowse .bodycopy1 {
    font-size: 12px;
    line-height: 17px;
  }
  #categorybrowse .bodycopy2 {
    font-size: 11px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  #categorybrowse .header1 {
    font-size: 1.125rem;
    line-height: 1.575rem;
  }
  #categorybrowse .header2 {
    font-size: 1.125rem;
    line-height: 1.575rem;
  }
  #categorybrowse .header3 {
    font-size: 1.125rem;
    line-height: 1.575rem;
  }
  #categorybrowse .subheader1 {
    font-size: 0.9375rem;
    line-height: 1.3125rem;
  }
  #categorybrowse .subheader2 {
    font-size: 0.9375rem;
    line-height: 1.3125rem;
  }
  #categorybrowse .subheader4 {
    font-size: 0.625rem;
    line-height: 0.875rem;
  }
  #categorybrowse .subheader5 {
    font-size: 0.625rem;
  }
  #categorybrowse .bodycopy1 {
    font-size: 0.625rem;
    line-height: 0.875rem;
  }
  #categorybrowse .bodycopy2 {
    font-size: 0.563rem;
    line-height: 0.7882rem;
  }

  .support_bg .sectionContents {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#categorybrowse .heading-1, #categorybrowse .heading-2, #categorybrowse .heading-3 {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  #categorybrowse .heading-1 {
    font-size: 44.8px;
    line-height: 56px;
  }
  #categorybrowse .heading-2 {
    font-size: 32px;
    line-height: 44.8px;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  #categorybrowse .heading-1 {
    font-size: 32px;
    line-height: 45px;
  }
  #categorybrowse .heading-2 {
    font-size: 25.6px;
    line-height: 36px;
  }
}
/************************** categorybrowse-header *****************************/
#categorybrowse-header .title-block {
  text-align: center;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  #categorybrowse-header {
    background-color: #f9f9f9;
  }
  #categorybrowse-header .breadcrumbs {
    padding-top: 10px;
    padding-bottom: 5px;
    overflow: hidden;
  }
  #categorybrowse-header .breadcrumbs > ol {
    font-size: 11px;
  }
  #categorybrowse-header .breadcrumbs > ol li {
    float: right;
    margin-left: 10px;
  }
  #categorybrowse-header .breadcrumbs > ol a {
    display: inline-block;
    color: #404040;
    position: relative;
    padding-right: 14px;
  }
  #categorybrowse-header .breadcrumbs > ol a::after {
    content: url(common-clientlibs/images/icn-arrow-darkgrey-left.gif);
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    width: 4px;
    height: 7px;
    font-size: 0;
  }
  #categorybrowse-header .breadcrumbs > ol a:hover {
    color: var(--dark);
  }
  #categorybrowse-header .breadcrumbs.breadcrumbs-flyout > ol > li:first-child a::after {
    content: "" !important;
    display: none !important;
  }
  #categorybrowse-header .moreinfo {
    margin-top: 4px;
    float: right;
  }
  #categorybrowse-header .moreinfo li {
    margin-bottom: 10px;
  }
  #categorybrowse-header .moreinfo a {
    display: inline-block;
    height: 45px;
    margin: 0 11px 0 28px;
    background: url(common-clientlibs/images/btn-support-1px.png) repeat-x;
    font-size: 13px;
    font-weight: bold;
    line-height: 19px;
    color: #00a0c6;
  }
  #categorybrowse-header .moreinfo a::before, #categorybrowse-header .moreinfo a::after {
    content: "";
    display: inline-block;
    height: 45px;
    background-repeat: no-repeat;
    vertical-align: middle;
  }
  #categorybrowse-header .moreinfo a::before {
    margin-left: -28px;
    width: 28px;
    background-image: url(common-clientlibs/images/btn-support-cap-left-db.png);
  }
  #categorybrowse-header .moreinfo a::after {
    margin-right: -11px;
    width: 11px;
    background-image: url(common-clientlibs/images/btn-support-cap-right.png);
  }
  #categorybrowse-header .moreinfo a span {
    display: inline-block;
    vertical-align: middle;
    max-width: 190px;
  }
  #categorybrowse-header .title-block {
    margin: 0 229px;
    padding: 35px 0 35px;
    min-height: 65px;
  }
  #categorybrowse-header .title-block h2 {
    display: inline-block;
    border-bottom: 1px solid #bfb6b6;
    padding-bottom: 3px;
    margin-bottom: 5px;
  }

  /* header-bnr */
  #categorybrowse-header .header-bnr {
    margin-top: 4px;
    float: right;
  }

  /* lowerButton */
  #categorybrowse-header .moreinfoLow {
    width: 518px;
    margin: 0 auto;
    padding-bottom: 20px;
    clear: both;
  }
  #categorybrowse-header .moreinfoLow ul {
    font-size: 0;
    text-align: center;
  }
  #categorybrowse-header .moreinfoLow li {
    display: inline-block;
    width: 249px;
  }
  #categorybrowse-header .moreinfoLow li + li {
    margin-right: 20px;
  }
  #categorybrowse-header .moreinfoLow li a {
    position: relative;
    display: block;
    height: 54px;
    padding: 0 10px;
    text-align: center;
    background-color: var(--dgray);
    border-radius: 3px;
  }
  #categorybrowse-header .moreinfoLow li a::before {
    content: "";
    display: inline-block;
    height: 54px;
    vertical-align: middle;
  }
  #categorybrowse-header .moreinfoLow li a span {
    display: inline-block;
    font-family: 'Open Sans Condensed', 'Arial', sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 23px;
    color: #FFF;
    vertical-align: middle;
  }

  /* bgImage */
  #categorybrowse-header.bgImage {
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
    padding: 0;
  }
  #categorybrowse-header.bgImage.bgDark {
    color: #fff;
  }
  #categorybrowse-header.bgImage.bgDark .breadcrumbs {
    position: absolute;
    top: 0;
  }
  #categorybrowse-header.bgImage.bgDark .breadcrumbs > ol li > a {
    color: #fff;
  }
  #categorybrowse-header.bgImage.bgDark .breadcrumbs > ol li > a::after {
    content: url(common-clientlibs/images/icn-arrow-lightgrey-left.gif);
  }
  #categorybrowse-header.bgImage.bgDark .title-block h2 {
    border-bottom: 1px solid #fff;
  }
  #categorybrowse-header.bgImage.bgDark .moreinfoLow li a {
    background-color: #eee;
  }
  #categorybrowse-header.bgImage.bgDark .moreinfoLow li a span {
    color: var(--dark);
  }
  #categorybrowse-header.bgImage.bgDark.textShadow .title-block, #categorybrowse-header.bgImage.bgDark.textShadow .breadcrumbs > ol {
    -webkit-text-shadow: 0 0 3px rgba(0,0,0,1), 0 0 3px rgba(0,0,0,1);
    text-shadow: 0 0 3px rgba(0,0,0,1), 0 0 3px rgba(0,0,0,1);
  }
  #categorybrowse-header.bgImage.bgDark.textShadow .breadcrumbs > ol li > a::after {
    -webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,0.95)) drop-shadow(0 0 1px rgba(0,0,0,0.95));
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.95)) drop-shadow(0 0 1px rgba(0,0,0,0.95));
  }
  #categorybrowse-header.bgImage.bgDark.textShadow-strong1 .title-block, #categorybrowse-header.bgImage.bgDark.textShadow-strong1 .breadcrumbs > ol {
    -webkit-text-shadow: -1px -1px 0 rgba(0,0,0,1), 1px -1px 0 rgba(0,0,0,1), 1px 1px 0 rgba(0,0,0,1), -1px 1px 0 rgba(0,0,0,1), 0 0 7px rgba(0,0,0,1), 0 0 6px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1), 0 0 4px rgba(0,0,0,1), 0 0 3px rgba(0,0,0,1), 0 0 2px rgba(0,0,0,1), 0 0 1px rgba(0,0,0,1);
    text-shadow: -1px -1px 0 rgba(0,0,0,1), 1px -1px 0 rgba(0,0,0,1), 1px 1px 0 rgba(0,0,0,1), -1px 1px 0 rgba(0,0,0,1), 0 0 7px rgba(0,0,0,1), 0 0 6px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1), 0 0 4px rgba(0,0,0,1), 0 0 3px rgba(0,0,0,1), 0 0 2px rgba(0,0,0,1), 0 0 1px rgba(0,0,0,1);
  }
  #categorybrowse-header.bgImage.bgDark.textShadow-strong1 .breadcrumbs > ol li > a::after {
    -webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,0.95)) drop-shadow(0 0 1px rgba(0,0,0,0.95));
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.95)) drop-shadow(0 0 1px rgba(0,0,0,0.95));
  }
  #categorybrowse-header.bgImage.bgDark.textShadow-strong2 .title-block, #categorybrowse-header.bgImage.bgDark.textShadow-strong2 .breadcrumbs > ol {
    -webkit-text-shadow: 0 0 5px rgba(0,0,0,1), 0 0 4px rgba(0,0,0,1), 0 0 3px rgba(0,0,0,1), 0 0 2px rgba(0,0,0,1), 0 0 1px rgba(0,0,0,1);
    text-shadow: 0 0 5px rgba(0,0,0,1), 0 0 4px rgba(0,0,0,1), 0 0 3px rgba(0,0,0,1), 0 0 2px rgba(0,0,0,1), 0 0 1px rgba(0,0,0,1);
  }
  #categorybrowse-header.bgImage.bgDark.textShadow-strong2 .breadcrumbs > ol li > a::after {
    -webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,0.95)) drop-shadow(0 0 1px rgba(0,0,0,0.95));
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.95)) drop-shadow(0 0 1px rgba(0,0,0,0.95));
  }
  #categorybrowse-header.bgImage.bgLight.textShadow .title-block, #categorybrowse-header.bgImage.bgLight.textShadow .breadcrumbs > ol {
    -webkit-text-shadow: 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1);
    text-shadow: 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1);
  }
  #categorybrowse-header.bgImage.bgLight.textShadow .breadcrumbs > ol li > a::after {
    -webkit-filter: drop-shadow(0 0 2px rgba(255,255,255,0.95)) drop-shadow(0 0 1px rgba(255,255,255,0.95));
    filter: drop-shadow(0 0 2px rgba(255,255,255,0.95)) drop-shadow(0 0 1px rgba(255,255,255,0.95));
  }
  #categorybrowse-header.bgImage.bgLight.textShadow-strong1 .title-block, #categorybrowse-header.bgImage.bgLight.textShadow-strong1 .breadcrumbs > ol {
    -webkit-text-shadow: -1px -1px 0 rgba(255,255,255,1), 1px -1px 0 rgba(255,255,255,1), 1px 1px 0 rgba(255,255,255,1), -1px 1px 0 rgba(255,255,255,1), 0 0 7px rgba(255,255,255,1), 0 0 6px rgba(255,255,255,1), 0 0 5px rgba(255,255,255,1), 0 0 4px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 2px rgba(255,255,255,1), 0 0 1px rgba(255,255,255,1);
    text-shadow: -1px -1px 0 rgba(255,255,255,1), 1px -1px 0 rgba(255,255,255,1), 1px 1px 0 rgba(255,255,255,1), -1px 1px 0 rgba(255,255,255,1), 0 0 7px rgba(255,255,255,1), 0 0 6px rgba(255,255,255,1), 0 0 5px rgba(255,255,255,1), 0 0 4px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 2px rgba(255,255,255,1), 0 0 1px rgba(255,255,255,1);
  }
  #categorybrowse-header.bgImage.bgLight.textShadow-strong1 .breadcrumbs > ol li > a::after {
    -webkit-filter: drop-shadow(0 0 2px rgba(255,255,255,0.95)) drop-shadow(0 0 1px rgba(255,255,255,0.95));
    filter: drop-shadow(0 0 2px rgba(255,255,255,0.95)) drop-shadow(0 0 1px rgba(255,255,255,0.95));
  }
  #categorybrowse-header.bgImage.bgLight.textShadow-strong2 .title-block, #categorybrowse-header.bgImage.bgLight.textShadow-strong2 .breadcrumbs > ol {
    -webkit-text-shadow: 0 0 5px rgba(255,255,255,1), 0 0 4px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 2px rgba(255,255,255,1), 0 0 1px rgba(255,255,255,1);
    text-shadow: 0 0 5px rgba(255,255,255,1), 0 0 4px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 2px rgba(255,255,255,1), 0 0 1px rgba(255,255,255,1);
  }
  #categorybrowse-header.bgImage.bgLight.textShadow-strong2 .breadcrumbs > ol li > a::after {
    -webkit-filter: drop-shadow(0 0 2px rgba(255,255,255,0.95)) drop-shadow(0 0 1px rgba(255,255,255,0.95));
    filter: drop-shadow(0 0 2px rgba(255,255,255,0.95)) drop-shadow(0 0 1px rgba(255,255,255,0.95));
  }
  #categorybrowse-header.bgImage .breadcrumbs {
    position: absolute;
    z-index: 1;
  }
  #categorybrowse-header.bgImage .header-bnr {
    margin-top: 30px;
  }
  #categorybrowse-header.bgImage .title-block {
    padding: 50px 0 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 215px;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  #categorybrowse-header {
    display: none;
  }
}
#categorybrowse-header.style-large .title-block {
  padding: var(--gap_l) 10px;
}
#categorybrowse-header.style-large .title-block h1, #categorybrowse-header.style-large .title-block h2 {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  #categorybrowse-header.style-large {
    display: initial;
  }
  #categorybrowse-header.style-large .breadcrumbs {
    display: none;
  }
}
/* Scss Document */
/************************** categorybrowse-learn *****************************/
#categorybrowse-learn {
  border-top: 1px solid #cecece;
}
#categorybrowse-learn .categorylearn-items a {
  color: var(--dark);
  display: block;
}
#categorybrowse-learn .categorylearn-items__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#categorybrowse-learn .categorylearn-items__item__image img {
  display: block;
}
#categorybrowse-learn .categorylearn-items__item__copy .title {
  font-weight: bold;
}
#categorybrowse-learn .categorylearn-link {
  text-align: center;
}
#categorybrowse-learn .categorylearn-link a {
  color: #0041c0;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  #categorybrowse-learn .categorylearn-items {
    margin: 0 -10px;
    padding: 20px 0 20px;
    font-size: 0;
    text-align: center;
  }
  #categorybrowse-learn .categorylearn-items__item {
    width: 25%;
    padding: 0 10px;
    vertical-align: top;
    display: inline-block;
    text-align: right;
  }
  #categorybrowse-learn .categorylearn-items__item__copy {
    margin-top: 12px;
  }
  #categorybrowse-learn .categorylearn-items__item__copy .title {
    font-family: 'Open Sans Condensed', 'Arial', sans-serif;
    font-size: 16px;
    line-height: 23px;
  }
  #categorybrowse-learn .categorylearn-items__item__copy .icn-newwin img {
    margin-right: 5px;
  }
  #categorybrowse-learn .categorylearn-link {
    padding-bottom: 20px;
    font-size: 12px;
    line-height: 17px;
  }
  #categorybrowse-learn .categorylearn-link:first-child {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  #categorybrowse-learn .categorylearn-items {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 10px;
    margin-top: -20px;
  }
  #categorybrowse-learn .categorylearn-items__item {
    width: 48%;
    margin-top: 20px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
    background-color: #fff;
  }
  #categorybrowse-learn .categorylearn-items__item:nth-child(2n+1) {
    margin-left: 4%;
  }
  #categorybrowse-learn .categorylearn-items__item__copy {
    padding: 15px 15px 10px;
  }
  #categorybrowse-learn .categorylearn-items__item__copy .title {
    font-size: 0.625rem;
    line-height: 0.875rem;
  }
  #categorybrowse-learn .categorylearn-items__item__copy .icn-newwin {
    display: block;
    margin-top: 5px;
    font-size: 0;
    line-height: 0;
    text-align: left;
  }
  #categorybrowse-learn .categorylearn-items__item__copy .icn-newwin img {
    width: 8px;
    height: 8px;
  }
  #categorybrowse-learn .categorylearn-link {
    padding: 0 10px 18px;
    font-size: 10px;
    font-weight: bold;
    line-height: 14px;
  }
  #categorybrowse-learn .categorylearn-link:first-child {
    padding-top: 18px;
  }
}
/************************** categorybrowse-filterbar *****************************/
.categorybrowse-filterbar .fixarea {
  background-color: var(--filter-bgcolor);
  color: var(--filter-txcolor);
  border-top: 1px solid var(--filter-bgcolor);
}
.categorybrowse-filterbar .btn-style {
  display: inline-block;
}
.categorybrowse-filterbar .btn-style a, .categorybrowse-filterbar .btn-style button {
  display: block;
  height: 35px;
  padding: 0 20px;
  border-radius: 2px;
}
.categorybrowse-filterbar .btn-style a::before, .categorybrowse-filterbar .btn-style button::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.categorybrowse-filterbar .btn-style a > span:first-child, .categorybrowse-filterbar .btn-style button > span:first-child {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  .categorybrowse-filterbar .fixarea {
    position: relative;
  }
  .categorybrowse-filterbar .fixarea.fix {
    position: fixed;
    width: 100%;
    max-width: 1200px;
    min-width: 976px;
    margin: 0 auto;
    z-index: 999;
  }
  .categorybrowse-filterbar .btn-style a > span:first-child, .categorybrowse-filterbar .btn-style button > span:first-child {
    font-size: 16px;
  }
}
@media only screen and (max-width: 640px) and (max-width: 1280px) {
  .categorybrowse-filterbar .btn-style a > span:first-child, .categorybrowse-filterbar .btn-style button > span:first-child {
    font-size: 12px;
  }
}
.categorybrowse-filterbar__info .compare-btn {
  position: relative;
}
.categorybrowse-filterbar__info .compare-btn a {
  background: var(--filter-ui-bg-accent);
  color: #fff;
}
.categorybrowse-filterbar__info .compare-btn a.disabled {
  background: var(--filter-compare-disabled-bg);
  color: var(--filter-compare-disabled-txcolor);
  cursor: default;
}
.categorybrowse-filterbar__info .compare-btn a.disabled:hover .compare-btn__tooltips:not(.clicked), .categorybrowse-filterbar__info .compare-btn a.disabled:focus .compare-btn__tooltips:not(.clicked) {
  display: inherit;
}
.categorybrowse-filterbar__info .compare-btn__tooltips {
  display: none;
  position: absolute;
  top: 50%;
  z-index: 5;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
  left: 100%;
  margin-left: 8px;
}
.categorybrowse-filterbar__info .compare-btn__tooltips::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmE9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVTVkdWaWV3ZXJFeHRlbnNpb25zLzMuMC8iDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTlweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTkgMTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5IDEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05LjUsMEwxOSw2bC05LjUsNkwwLDZMOS41LDB6Ii8+DQo8L3N2Zz4=");
  display: block;
  width: 19px;
  height: 12px;
  font-size: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -8px;
}
.categorybrowse-filterbar__info .compare-btn__tooltips .tipsbox {
  position: relative;
  z-index: 1;
  display: block;
  background-color: #fff;
  border-radius: 2px;
  padding: 6px;
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: var(--dark);
  white-space: nowrap;
}
.categorybrowse-filterbar__info .compare-btn__tooltips.no-drop-shadow .tipsbox {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.categorybrowse-filterbar__control .label {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
}
.categorybrowse-filterbar__filter .switch__label {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: var(--filter-btn-txcolor);
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
  text-transform: uppercase;
}
.categorybrowse-filterbar__filter .switch a {
  box-sizing: border-box;
  display: block;
  border-radius: 2px;
  background-color: var(--filter-btn-bg);
  border: 1px solid var(--filter-btn-border-color);
  height: 35px;
  cursor: pointer;
  position: relative;
  padding-left: 35px;
}
.categorybrowse-filterbar__filter .switch a::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.categorybrowse-filterbar__filter .switch a::after {
  content: url("data:image/svg+xml;base64, PHN2ZyB2ZXJzaW9uPSIxLjEiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmE9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVTVkdWaWV3ZXJFeHRlbnNpb25zLzMuMC8iDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOC44cHgiIGhlaWdodD0iMTMuM3B4IiB2aWV3Qm94PSIwIDAgOC44IDEzLjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDguOCAxMy4zOyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMjEyMTIxO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjAuNywwLjcgNC41LDQuNSA4LjEsMC44ICIvPg0KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMC43LDguMSA0LjUsMTEuOSA4LjEsOC4yICIvPg0KPC9zdmc+DQo=");
  display: block;
  width: 9px;
  height: 13px;
  padding: 11px 13px;
  font-size: 0;
  position: absolute;
  top: 0;
  border-right: 1px solid #e5e5e5;
  left: 0;
}
.categorybrowse-filterbar__filter .switch a .open, .categorybrowse-filterbar__filter .switch a .close {
  display: block;
}
.categorybrowse-filterbar__filter .switch a[aria-expanded="false"] .close {
  display: none;
}
.categorybrowse-filterbar__filter .switch a[aria-expanded="true"] .open {
  display: none;
}
.categorybrowse-filterbar.opened .categorybrowse-filterbar__filter .switch a::after {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.categorybrowse-filterbar__sort .select-wrapper {
  box-sizing: border-box;
  position: relative;
  background-color: var(--filter-btn-bg);
  border: 1px solid var(--filter-btn-border-color);
  border-radius: 2px;
}
.categorybrowse-filterbar__sort .select-wrapper::after {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
  content: url("data:image/svg+xml;base64, PHN2ZyB2ZXJzaW9uPSIxLjEiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmE9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVTVkdWaWV3ZXJFeHRlbnNpb25zLzMuMC8iDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOC44cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDguOCAxNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOC44IDE0OyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMjEyMTIxO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjguMSw1LjIgNC40LDEuNCAwLjcsNS4xICIvPg0KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMC43LDguOCA0LjUsMTIuNiA4LjEsOC45ICIvPg0KPC9zdmc+DQo=");
  width: 9px;
  height: 13px;
  left: 13px;
}
.categorybrowse-filterbar__sort .select-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #e5e5e5;
  z-index: 1;
  left: 35px;
}
.categorybrowse-filterbar__sort select {
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  border-radius: 3px;
  vertical-align: middle;
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
  color: var(--dark);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 35px;
  font-size: 16px;
  position: relative;
  z-index: 2;
  text-transform: uppercase;
  padding: 0 10px 0 45px;
}
.categorybrowse-filterbar__sort select::-ms-expand {
  display: none;
}
.categorybrowse-filterbar__sort select option {
  color: var(--dark);
  background-color: #ececec;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  .categorybrowse-filterbar__in {
    width: 976px;
    margin: auto;
    position: relative;
  }
  .categorybrowse-filterbar__info {
    height: 80px;
  }
  .categorybrowse-filterbar__info::after {
    content: "";
    display: table;
    clear: both;
  }
  .categorybrowse-filterbar__info .result-stats {
    position: relative;
    z-index: 1;
    float: right;
    height: 100%;
  }
  .categorybrowse-filterbar__info .result-stats::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .categorybrowse-filterbar__info .result-stats__text {
    display: inline-block;
    vertical-align: middle;
  }
  .categorybrowse-filterbar__info .result-stats__text .number {
    font-size: 24px;
  }
  .categorybrowse-filterbar__info .compare-btn {
    position: relative;
    z-index: 1;
    float: left;
    height: 100%;
  }
  .categorybrowse-filterbar__info .compare-btn::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .categorybrowse-filterbar__info .compare-btn__in {
    vertical-align: middle;
  }
  .categorybrowse-filterbar__control {
    position: absolute;
    top: 22px;
    left: 50%;
    font-size: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .categorybrowse-filterbar__control__in {
    display: inline-block;
    text-align: right;
  }
  .categorybrowse-filterbar__control .label {
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
    max-width: 120px;
    word-wrap: break-word;
    margin-left: 8px;
  }
  .categorybrowse-filterbar__control .label::before {
    content: "";
    display: inline-block;
    height: 35px;
    vertical-align: middle;
  }
  .categorybrowse-filterbar__control .label span {
    display: inline-block;
    vertical-align: middle;
  }
  .categorybrowse-filterbar__control::after {
    content: "";
    display: table;
    clear: both;
  }
  .categorybrowse-filterbar__filter {
    float: right;
  }
  .categorybrowse-filterbar__filter:not(:first-child) {
    margin-left: 30px;
  }
  .categorybrowse-filterbar__filter .switch {
    vertical-align: middle;
    display: inline-block;
  }
  .categorybrowse-filterbar__sort {
    float: left;
  }
  .categorybrowse-filterbar__sort .select-wrapper {
    display: inline-block;
    vertical-align: middle;
  }
  .categorybrowse-filterbar__mobile {
    display: none;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .categorybrowse-filterbar__in {
    padding: 15px 10px 10px;
  }
  .categorybrowse-filterbar__info .result-stats__text .number {
    font-size: 20px;
  }
  .categorybrowse-filterbar__info .compare-btn {
    display: none;
  }
  .categorybrowse-filterbar__control .label {
    font-size: 12px;
    margin-bottom: 8px;
    display: block;
  }
  .categorybrowse-filterbar__filter:not(:first-child) {
    margin-top: 20px;
  }
  .categorybrowse-filterbar__sort select {
    width: 100%;
  }
  .categorybrowse-filterbar__mobile {
    background-color: var(--filter-bgcolor);
    padding: 10px;
  }
}
.categorybrowse-filterbar__panel {
  position: absolute;
  width: 100%;
  background-color: var(--filter-bgcolor);
  z-index: 10;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}
.categorybrowse-filterbar__panel__in {
  visibility: hidden;
}
.categorybrowse-filterbar__panel__in::before, .categorybrowse-filterbar__panel__in::after {
  content: "";
  display: table;
}
.categorybrowse-filterbar__panel .filter-sliders {
  text-align: center;
}
.categorybrowse-filterbar__panel .filter-sliders .filter-type, .categorybrowse-filterbar__panel .filter-sliders .filter-text {
  font-size: 13px;
  font-weight: bold;
  line-height: 19px;
}
.categorybrowse-filterbar__panel .filter-sliders .filter-set {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.categorybrowse-filterbar__panel .filter-sliders .filter-set .scrollbar {
  margin: 8px 0;
  position: relative;
  height: 10px;
  border-radius: 5px;
  background-color: var(--filter-ui-slider-bg);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.categorybrowse-filterbar__panel .filter-sliders .filter-set .scrollbar .ui-slider-range {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--filter-ui-bg-accent);
  border-radius: 5px;
}
.categorybrowse-filterbar__panel .filter-sliders .filter-set .scrollbar .ui-slider-handle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 18px;
  height: 18px;
  background-color: var(--filter-ui-slider-hdl-color);
  border: 1px solid var(--filter-ui-slider-hdl-color);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-indent: -9999px;
}
.categorybrowse-filterbar__panel .filter-checboxes__row {
  max-width: 976px;
  margin-inline: auto;
}
.categorybrowse-filterbar__panel .filter-checboxes__col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.categorybrowse-filterbar__panel .filter-checboxes__item {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 2px;
}
.categorybrowse-filterbar__panel .filter-checboxes__item .checkbox-custom {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 24px;
  padding-left: 10px;
}
.categorybrowse-filterbar__panel .filter-checboxes__item .checbox-wrapper {
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  top: 0;
  margin-top: 2px;
  right: 0;
  /*&::after {
  	content: "";
  	display: block;
  	width: 14px;
  	height: 14px;
  	position: absolute;
  	top: 0;
  	left: 0;
  	background-color: #282828;
  }*/
}
.categorybrowse-filterbar__panel .filter-checboxes__item .checbox-wrapper input[type="checkbox"] {
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  width: 14px;
  height: 14px;
  border-radius: 2px;
}
.categorybrowse-filterbar__panel .filter-checboxes__item .checbox-wrapper input[type="checkbox"]::-ms-expand {
  display: none;
}
.categorybrowse-filterbar__panel .filter-checboxes__item .checbox-wrapper input[type="checkbox"]:checked + span {
  background: var(--filter-ui-bg-accent);
  border-color: var(--filter-ui-bg-accent);
}
.categorybrowse-filterbar__panel .filter-checboxes__item .checbox-wrapper input[type="checkbox"]:checked + span::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmE9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVTVkdWaWV3ZXJFeHRlbnNpb25zLzMuMC8iDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOCA4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMi45LDggMCw1IDAsMi4yIDIuOSw1LjEgOCwwIDgsMi44ICIvPg0KPC9zdmc+");
  display: block;
  width: 8px;
  height: 8px;
  font-size: 0;
  margin: 2px;
}
.categorybrowse-filterbar__panel .filter-checboxes__item .checbox-wrapper > span {
  box-sizing: border-box;
  display: block;
  background-color: var(--filter-ui-checkbox-bg);
  border: var(--filter-ui-checkbox-border);
  border-radius: 2px;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.categorybrowse-filterbar__panel .filter-checboxes__item .label-txt {
  display: inline-block;
  font-weight: bold;
}
.categorybrowse-filterbar__panel .filter-checboxes__item .help-caption {
  width: 18px;
  height: 18px;
}
.categorybrowse-filterbar__panel .filter-checboxes__item .help-caption.hoverarea:focus .tooltips:not(.clicked) {
  display: block;
}
.categorybrowse-filterbar__panel .filter-checboxes__item .help-caption__icon {
  display: block;
  --webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 1px solid var(--filter-txcolor);
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  line-height: 17px;
}
.categorybrowse-filterbar__panel .filter-checboxes__item .help-caption .tooltips {
  display: none;
  width: 100%;
  bottom: 100%;
  position: absolute;
  z-index: 5;
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
  right: 0;
}
.categorybrowse-filterbar__panel .filter-checboxes__item .help-caption .tooltips::after {
  content: url("data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjE0cHgiIGhlaWdodD0iMTZweCI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiDQogZD0iTTcuMDAwLDAuMDA1IEwxMy45OTUsOC4wMDAgTDcuMDAwLDE1Ljk5NCBMMC4wMDUsOC4wMDAgTDcuMDAwLDAuMDA1IFoiLz4NCjwvc3ZnPg==");
  display: block;
  width: 14px;
  height: 16px;
  font-size: 0;
  position: absolute;
  bottom: -8px;
  left: 12px;
}
.categorybrowse-filterbar__panel .filter-checboxes__item .help-caption .tooltips__in {
  display: block;
  background-color: #fff;
  border-radius: 2px;
}
.categorybrowse-filterbar__panel .filter-checboxes__item .help-caption .tooltips__in::before {
  content: "";
  display: inline-block;
  height: 63px;
  vertical-align: middle;
}
.categorybrowse-filterbar__panel .filter-checboxes__item .help-caption__caption {
  display: inline-block;
  vertical-align: middle;
  padding: 15px;
  color: var(--dark);
  font-size: 12px;
  line-height: 17px;
}
.categorybrowse-filterbar__panel .filter-checboxes__submit {
  text-align: center;
}
.categorybrowse-filterbar__panel .filter-checboxes__submit:not(:first-child) {
  border-top: 1px solid #c1c1c1;
}
.categorybrowse-filterbar__panel .filter-checboxes__submit__number {
  margin-bottom: 8px;
}
.categorybrowse-filterbar__panel .filter-checboxes__submit a {
  background: var(--filter-ui-bg-accent);
  color: #fff;
  cursor: pointer;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  .categorybrowse-filterbar__panel .filter-sliders {
    padding: 10px 0;
    font-size: 0;
  }
  .categorybrowse-filterbar__panel .filter-sliders .filter-set {
    display: inline-block;
    vertical-align: top;
    width: 33.3333333%;
    padding: 10px 30px;
  }
  .categorybrowse-filterbar__panel .filter-sliders .filter-set + .filter-set {
    border-right: 1px solid var(--filter-border-color);
  }
  .categorybrowse-filterbar__panel .filter-sliders .filter-set .scrollbar {
    height: 10px;
  }
  .categorybrowse-filterbar__panel .filter-sliders + .filter-checboxes {
    border-top: 1px solid var(--filter-border-color);
  }
  .categorybrowse-filterbar__panel .filter-checboxes {
    padding: 20px 0;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__title {
    margin-bottom: 12px;
    padding: 0 10px;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__item {
    padding: 0 10px;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__item::after {
    content: "";
    display: table;
    clear: both;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__item .checkbox-custom {
    min-height: 24px;
    margin-bottom: 8px;
    width: 184px;
    float: right;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__item .label-txt {
    font-size: 13px;
    line-height: 19px;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__item .help-caption {
    float: left;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__item .help-caption.hoverarea:hover .tooltips:not(.clicked) {
    display: block;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__item .help-caption__icon {
    top: 0;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__item .help-caption .tooltips {
    margin-bottom: 8px;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__submit:not(:first-child) {
    margin-top: 20px;
    padding-top: 20px;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__row {
    font-size: 0;
    text-align: center;
  }
  .flexbox .categorybrowse-filterbar__panel .filter-checboxes__row {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__col {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 10px;
    text-align: right;
  }
  .flexbox .categorybrowse-filterbar__panel .filter-checboxes__col {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__col.w2x .filter-checboxes__list, .categorybrowse-filterbar__panel .filter-checboxes__col.w3x .filter-checboxes__list, .categorybrowse-filterbar__panel .filter-checboxes__col.w4x .filter-checboxes__list {
    display: inline-block;
    vertical-align: top;
    width: 222px;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__col.w2x .filter-checboxes__list:not(:last-child), .categorybrowse-filterbar__panel .filter-checboxes__col.w3x .filter-checboxes__list:not(:last-child), .categorybrowse-filterbar__panel .filter-checboxes__col.w4x .filter-checboxes__list:not(:last-child) {
    margin-left: 20px;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__col.w2x {
    width: 50%;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__col.w3x {
    width: 75%;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__col.w4x {
    width: 100%;
    display: block;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__col + .filter-checboxes__col {
    border-right: 1px solid var(--filter-border-color);
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .categorybrowse-filterbar__panel .container {
    padding: 0 20px;
  }
  .categorybrowse-filterbar__panel .filter-sliders .filter-set {
    padding: 20px 34px;
    border-bottom: 1px solid var(--filter-border-color);
  }
  .categorybrowse-filterbar__panel .filter-checboxes {
    position: relative;
    padding-inline: 20px;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__col {
    margin-top: 20px;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__title {
    margin-bottom: 10px;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__list:first-of-type .filter-checboxes__item:first-child {
    border-radius: 2px 2px 0 0;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__list:last-of-type .filter-checboxes__item:last-child {
    border-radius: 0 0 2px 2px;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__item {
    padding: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 1px;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__item .label-txt {
    font-size: 13px;
    line-height: 19px;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__item .help-caption {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__item .help-caption__icon {
    top: 8px;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__item .help-caption .tooltips::after {
    bottom: -8px;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__submit {
    padding: 20px 0;
  }
  .categorybrowse-filterbar__panel .filter-checboxes__submit:not(:first-child) {
    margin-top: 20px;
  }
}
/************************** categorybrowse-results *****************************/
.categorybrowse-results-items__noresult p {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
}

.categorybrowse-results-pagination .pagenation {
  margin-top: 0;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
}
.categorybrowse-results-pagination .pagenation ul {
  background: none;
}
.categorybrowse-results-pagination .pagenation ul li a.onstate {
  background: none;
  background-color: #e5e5e5;
  color: var(--dark);
}
.categorybrowse-results-pagination .pagenation .next, .categorybrowse-results-pagination .pagenation .prev {
  background: none;
}
.categorybrowse-results-pagination .pagenation .next a, .categorybrowse-results-pagination .pagenation .prev a {
  width: 100%;
}
.categorybrowse-results-pagination .pagenation .prev {
  border-left: 1px solid #e5e5e5;
  text-align: right;
}
.categorybrowse-results-pagination .pagenation .next {
  border-right: 1px solid #e5e5e5;
  text-align: left;
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  .categorybrowse-results-items {
    padding: 40px 0 40px;
  }
  .categorybrowse-results-items__info {
    display: flex;
    column-gap: 18px;
  }
  .categorybrowse-results-items__info .result-stats {
    margin-bottom: 40px;
    flex: none;
  }
  .categorybrowse-results-items__info .result-stats__text .number {
    font-size: 24px;
  }
  .categorybrowse-results-items__checkedfilters {
    font-size: 0;
    margin-bottom: 40px;
  }
  .categorybrowse-results-items__checkedfilters ul {
    margin-top: -10px;
  }
  .categorybrowse-results-items__checkedfilters li {
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
  }
  .categorybrowse-results-items__checkedfilters li a {
    display: block;
    height: 32px;
    background-color: var(--dgray);
    border-radius: 3px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
  }
  .categorybrowse-results-items__checkedfilters li a::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .categorybrowse-results-items__checkedfilters li a span {
    display: inline-block;
    vertical-align: middle;
  }
  .categorybrowse-results-items__checkedfilters li a img {
    vertical-align: middle;
    margin-right: 8px;
  }
  .categorybrowse-results-items__noresult p {
    font-size: 16px;
    line-height: 23px;
  }
  .categorybrowse-results-items__row {
    margin: -20px -10px 0;
    display: flex;
    flex-wrap: wrap;
  }
  .categorybrowse-results-items__row::after {
    content: "";
    display: table;
    clear: both;
  }
  .categorybrowse-results-items__col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.3333333%;
    padding: 0 10px;
    margin-top: 20px;
  }
  .categorybrowse-results-items__col > * {
    height: 100%;
  }

  .categorybrowse-results-pagination {
    padding-bottom: 40px;
  }
  .categorybrowse-results-pagination .pagenation ul {
    margin: 0 37px;
  }
  .categorybrowse-results-pagination .pagenation .next, .categorybrowse-results-pagination .pagenation .prev {
    width: 36px;
  }
  .categorybrowse-results-pagination .pagenation .prev img {
    margin-right: 2px;
  }
  .categorybrowse-results-pagination .pagenation .next img {
    margin-left: 2px;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .categorybrowse-results-checkedfilters {
    display: none;
  }

  .categorybrowse-results-items {
    padding: 20px 10px;
  }
  .categorybrowse-results-items__info .result-stats {
    margin-bottom: 15px;
  }
  .categorybrowse-results-items__info .result-stats__text .number {
    font-size: 20px;
  }
  .categorybrowse-results-items__checkedfilters {
    display: none;
  }
  .categorybrowse-results-items__noresult p {
    font-size: .8125rem;
    line-height: 1.1375rem;
  }
  .categorybrowse-results-items__col:not(:first-child) {
    margin-top: 20px;
  }

  .categorybrowse-results-pagination {
    padding-bottom: 20px;
  }
  .categorybrowse-results-pagination .container {
    padding: 0 10px;
  }
  .categorybrowse-results-pagination .pagenation .next, .categorybrowse-results-pagination .pagenation .prev {
    width: 31px;
  }
}
/* Scss Document */
#categorybrowse-accessories .categorybrowse-accessories-title {
  text-align: center;
}
#categorybrowse-accessories .categorybrowse-accessories-items__item {
  background-color: #fff;
}
#categorybrowse-accessories .categorybrowse-accessories-items__item a {
  display: block;
  color: var(--dark);
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  #categorybrowse-accessories {
    padding-bottom: 40px;
  }
  #categorybrowse-accessories .categorybrowse-accessories-title {
    margin-bottom: 25px;
  }
  #categorybrowse-accessories .categorybrowse-accessories-items {
    text-align: center;
  }
  #categorybrowse-accessories .categorybrowse-accessories-items__list {
    display: inline-table;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
  }
  #categorybrowse-accessories .categorybrowse-accessories-items__item {
    display: table-cell;
    width: 244px;
    border: 1px solid #e5e5e5;
  }
  #categorybrowse-accessories .categorybrowse-accessories-items__item a {
    padding: 30px 19px;
  }
  #categorybrowse-accessories .categorybrowse-accessories-items__item .item-title {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  #categorybrowse-accessories {
    padding: 0 10px 30px;
  }
  #categorybrowse-accessories .categorybrowse-accessories-title {
    margin-bottom: 10px;
  }
  #categorybrowse-accessories .categorybrowse-accessories-items__list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #categorybrowse-accessories .categorybrowse-accessories-items__item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    text-align: center;
    width: 50%;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
  }
  #categorybrowse-accessories .categorybrowse-accessories-items__item:nth-child(2n+1) {
    border-right: 1px solid #e5e5e5;
  }
  #categorybrowse-accessories .categorybrowse-accessories-items__item:nth-child(1), #categorybrowse-accessories .categorybrowse-accessories-items__item:nth-child(2) {
    border-top: 1px solid #e5e5e5;
  }
  #categorybrowse-accessories .categorybrowse-accessories-items__item a {
    padding: 15px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
  }
  #categorybrowse-accessories .categorybrowse-accessories-items__item__in {
    padding-bottom: 74.6341463%;
  }
  #categorybrowse-accessories .categorybrowse-accessories-items__item .item-title {
    margin-bottom: 10px;
  }
  #categorybrowse-accessories .categorybrowse-accessories-items__item .item-image {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 15px;
  }
}
/************************** reviews-user-result  *****************************/
.reviews-user-result, .bvreviews-user-result {
  text-align: center;
  margin-top: 15px;
}
.reviews-user-result .reviews-rate, .bvreviews-user-result .reviews-rate {
  font-size: 0;
}
.reviews-user-result .reviews-rate .star, .bvreviews-user-result .reviews-rate .star {
  display: inline-block;
  padding: 0 1px;
  width: 12px;
  height: 12px;
  background: url(/etc/designs/panasonic/productpage-clientlibs/images/icn-rate-star-off-s.png) no-repeat center top;
  background-size: 12px 12px;
}
.reviews-user-result .reviews-rate .star span, .bvreviews-user-result .reviews-rate .star span {
  display: block;
  overflow: hidden;
}
.reviews-user-result .reviews-rate .star img, .bvreviews-user-result .reviews-rate .star img {
  max-width: none;
  width: 12px;
  height: 12px;
}

#browsebar-utils {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
}
#browsebar-utils .btn {
  margin-inline: 0 !important;
}
#browsebar-utils::after {
  display: none;
}

#browsebar .compare-btn {
  position: relative;
}
#browsebar .compare-btn__in {
  display: inline-flex;
  align-items: center;
}
#browsebar .compare-btn__label {
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.938rem;
  display: block;
}
#browsebar .compare-btn a {
  padding: 6px 8px;
  border-radius: 2px;
  background: var(--filter-ui-bg-accent);
  color: #fff;
}
#browsebar .compare-btn a.disabled {
  background: var(--filter-compare-disabled-bg);
  color: var(--filter-compare-disabled-txcolor);
  cursor: default;
}
#browsebar .compare-btn a.disabled:hover .compare-btn__tooltips:not(.clicked), #browsebar .compare-btn a.disabled:focus .compare-btn__tooltips:not(.clicked) {
  display: inherit;
}
#browsebar .compare-btn__tooltips {
  display: none;
  position: absolute;
  z-index: 5;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
  color: #1F1F1F;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  width: fit-content;
  margin-inline: auto 0;
}
#browsebar .compare-btn__tooltips::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOmE9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVTVkdWaWV3ZXJFeHRlbnNpb25zLzMuMC8iDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTlweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTkgMTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5IDEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05LjUsMEwxOSw2bC05LjUsNkwwLDZMOS41LDB6Ii8+DQo8L3N2Zz4=");
  display: block;
  width: 19px;
  height: 12px;
  font-size: 0;
  top: -6px;
  transform: rotate(90deg);
  position: absolute;
  left: 8px;
}
#browsebar .compare-btn__tooltips .tipsbox {
  position: relative;
  z-index: 1;
  display: block;
  background-color: #fff;
  border-radius: 2px;
  padding: 6px;
  font-family: 'Open Sans Condensed', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: var(--dark);
  white-space: nowrap;
}
#browsebar .compare-btn__tooltips.no-drop-shadow .tipsbox {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

@media (min-width: 641px), (min-device-width: 1281px), print {
  #browsebar-utils .compare-btn {
    display: none;
  }
}