#body, .page-wrapper {
  min-height: 100vh;
  position: relative;
}
#body #body-content, .page-wrapper #body-content {
  overflow: hidden;
  width: 100%;
  z-index: 2;
  min-height: 60vh;
}
#body #body-content > .container, .page-wrapper #body-content > .container {
  max-width: 100% !important;
  width: 100%;
}

.has-side-nav #body {
  margin-left: 0px;
}

#top_head_mainnav {
  margin: 0;
  padding: 0;
  display: none;
}
#top_head_mainnav li {
  display: block;
}
#top_head_mainnav .filter-button {
  display: inline-block;
  color: #ee701e;
  background: none;
  font-size: 13px;
  margin: 0;
  margin-right: 5px;
  padding: 5px 20px;
  border-radius: 50px;
  margin-top: 0px;
  line-height: 12px;
  height: 39px;
  white-space: nowrap;
  transition: 0.3s;
}
#top_head_mainnav .filter-button:hover {
  opacity: 0.8;
}
#top_head_mainnav .filter-dropdown {
  position: absolute;
  z-index: 9999;
  display: block;
  padding: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
#top_head_mainnav .filter-dropdown .filter-dropdown-container {
  display: block;
  max-height: 40px;
  position: relative;
}
#top_head_mainnav .filter-dropdown .filter-dropdown-container .filter-dropdown-title {
  position: relative;
  color: #303133;
  border-right: 1px solid #f9f9f9;
  min-width: 250px;
  display: block;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px;
  margin: 0;
}
#top_head_mainnav .filter-dropdown .filter-dropdown-container .filter-dropdown-title li {
  display: flex;
}
#top_head_mainnav .filter-dropdown .filter-dropdown-container .filter-dropdown-title:after {
  background-image: url("/images/dropRight-icon-blue.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 10px;
  right: 12px;
}
#top_head_mainnav .filter-dropdown .filter-dropdown-container .filter-dropdown-title:hover {
  background-color: #ee701e;
  color: #fff;
}
#top_head_mainnav .filter-dropdown .filter-dropdown-container .filter-dropdown-title:hover:after {
  background-image: url("/images/dropRight-icon-white.png");
}
#top_head_mainnav .filter-dropdown .filter-dropdown-list {
  height: 100%;
  padding: 0;
  margin: 0;
  top: 0;
  min-height: 450px;
  position: absolute;
  left: 100%;
  top: 0;
  background: #fff;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
#top_head_mainnav .filter-dropdown .filter-dropdown-list.filter-dropdown-list-2 {
  margin-top: -40px;
}
#top_head_mainnav .filter-dropdown .filter-dropdown-list.filter-dropdown-list-3 {
  margin-top: -80px;
}
#top_head_mainnav .filter-dropdown .filter-dropdown-list.filter-dropdown-list-4 {
  margin-top: -120px;
}
#top_head_mainnav .filter-dropdown .filter-dropdown-list li {
  display: flex;
}
#top_head_mainnav .filter-dropdown .filter-dropdown-list li a {
  color: #303133;
  font-size: 16px;
  padding: 10px 20px;
  display: block;
  min-width: 300px;
  width: 100%;
  text-transform: capitalize;
}
#top_head_mainnav .filter-dropdown .filter-dropdown-list li a:hover {
  background-color: #ee701e;
  color: #fff;
}
#top_head_mainnav .filter-dropdown .filter-dropdown-list li a.view-all {
  color: #ee701e;
  text-decoration: underline;
  transition: all 0.5s ease;
  font-weight: 700;
}
#top_head_mainnav .filter-dropdown .filter-dropdown-list li a.view-all:hover {
  background-color: #fff;
}
#top_head_mainnav .filter-dropdown .filter-dropdown-list li a.view-all:hover i {
  margin-left: 10px;
}
#top_head_mainnav .filter-dropdown .filter-dropdown-list li a.view-all i {
  color: #ee701e;
}

.search-bar .nav-search {
  width: 100%;
}

.global-banner {
  position: relative;
  z-index: 991;
}

header span.hubs-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  height: 40px;
  width: 40px;
  background-image: url(/images/icons/hubs.svg);
  background-size: contain;
  background-position: center;
}
@media (max-width: 767px) {
  header span.hubs-icon {
    height: 25px;
    width: 25px;
  }
}
header .login-link a {
  background: #ee701e;
  color: #fff;
  padding: 10px 15px;
  border-radius: 30px;
  font-weight: 500;
}
header .top-nav .header-links-top-right > div {
  width: 47px;
  text-align: center;
}
header .top-nav .p-fixed {
  top: 0;
  left: 0;
}
header .top-nav .nav-item {
  display: inline-block;
  vertical-align: middle;
}
header .top-nav .nav-last {
  float: right;
}
header .top-nav .basket-container {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0px 12px;
  transition: 0.3s;
  line-height: 0px;
}
header .top-nav .basket-container #basket-top {
  padding: 30px 20px;
  right: 0;
  min-width: 270px;
  text-align: left;
  line-height: normal;
}
header .top-nav .basket-container #basket-top .button {
  display: block;
  margin-top: 10px;
}
header .top-nav .basket-container #basket-top #BasketQuantity {
  padding: 0px 5px;
}
header .top-nav .basket-container #basket-top #sidebarBasket {
  font-size: 12px;
}
header .top-nav .basket-container #basket-top #sidebarBasket .remove-product span {
  font-size: 12px;
}
header .top-nav .basket-container #basket-top #sidebarBasket #BasketProductName {
  padding: 0px 5px;
}
header .top-nav .basket-container #basket-top #sidebarBasket .button {
  padding: 10px;
}
header .top-nav .basket-container #basket-top #sidebarBasket table {
  max-height: 500px;
  display: block;
  overflow: auto;
}
header .top-nav .basket-container #basket-top #BasketSummary select {
  width: 100%;
  margin: 0px 0px;
  font-size: 13px;
}
header .top-nav .basket-container #basket-top #BasketSummary .content > .button {
  background: none;
  color: #333;
}
header .top-nav .basket-container #basket-top #BasketSummary .label {
  font-size: 13px;
  display: block;
  margin: 5px 0px;
}
header .top-nav .basket-container #basket-top #BasketSummary table:first-child tr {
  border-bottom: 1px solid #ebebeb;
  display: block;
  padding: 5px 0px;
}
header .top-nav .basket-container #basket-top #BasketSummary table:first-child tr:last-child {
  border: none;
}
header .top-nav .basket-container #basket-top #BasketSummary #BasketSwitch {
  font-size: 17px;
  font-weight: 800;
}
header .top-nav .basket-container:hover {
  display: block;
}
header .top-nav .basket-container:hover #baskets {
  opacity: 0.8;
}
header .top-nav .basket-container:hover #basket-top {
  display: block;
}
header .top-nav .basket-container #baskets {
  transition: 0.3s;
  line-height: 0px;
}
header .top-nav .basket-container #baskets .material-icons {
  color: #2c2c2c;
  font-size: 21px;
}
header .top-nav .basket-container #baskets svg {
  height: 22px;
  fill: #2c2c2c;
}
header .top-nav .basket-container #baskets .basket-no {
  position: absolute;
  top: 5px;
  right: 6px;
  color: #fff;
  font-size: 8px;
  background: #ee701e;
  width: 15px;
  text-align: center;
  border-radius: 30px;
  height: 15px;
  line-height: 16px;
  font-weight: 500;
}
header .top-nav .search-dropdown#slideout-nav {
  vertical-align: middle;
}
header .top-nav .not-logged-in a {
  font-size: 13px;
}
header .top-nav .not-logged-in a:hover {
  fill: #ee701e;
}
header .top-nav .not-logged-in .account-icon {
  height: 22px;
}
header .top-nav .account-container {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: 50px;
}
header .top-nav .account-container:hover #account {
  opacity: 0.8;
}
header .top-nav .account-container #account {
  transition: 0.3s;
}
header .top-nav .account-container #account .account-icon {
  font-size: 22px;
  margin-right: 5px;
  fill: #2c2c2c;
  height: 22px;
}
header .top-nav .account-container span {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
header .top-nav .account-container span:nth-child(2) {
  display: none;
}
header .top-nav .account-container .account-dropdown a {
  color: #333;
}
header .top-nav .account-container .customer-name {
  overflow: hidden;
  max-width: 100px;
  text-overflow: ellipsis;
}
header .top-nav .drop-down-link:hover .drop-down-container .drop-down {
  display: block !important;
}
header .top-nav .drop-down-link .drop-down {
  position: absolute;
  top: 100%;
}
header .top-nav .drop-down-link .drop-down-container .drop-down {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0px 0px 3px #eee;
  width: 120%;
  min-width: 200px;
  right: 0px;
  top: 75%;
  line-height: normal;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 3px;
}
header .top-nav .drop-down-link .drop-down-container .drop-down li {
  border-top: 1px solid #f1f1f1;
}
header .top-nav .drop-down-link .drop-down-container .drop-down li a {
  padding-top: 12px;
  padding-left: 10px;
  padding-bottom: 10px;
  transition: 0.3s;
  font-size: 12px;
  text-transform: capitalize;
}
header .top-nav .drop-down-link .drop-down-container .drop-down li a:hover {
  color: #ee701e;
}
header .top-nav .drop-down-link .drop-down-container .drop-down li:first-child {
  border-top: none;
}
header .top-nav header .top-nav .arrow_box {
  position: absolute;
}
header .top-nav .arrow_box:after, header .top-nav .arrow_box:before {
  bottom: 100%;
  right: 14px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
header .top-nav .arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #ffffff;
  border-width: 5px;
  margin-left: 1px;
  right: 16px;
}
header .top-nav .arrow_box:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #dddddd;
  border-width: 7px;
}
header.nav-header {
  position: sticky;
  top: 0;
  z-index: 999;
  border-bottom: 1px solid #f8f8f8;
}
header.nav-header .nav-item {
  display: inline-block;
}
header.nav-header .nav-last {
  justify-content: flex-end;
  display: inline-block;
  float: none;
  vertical-align: middle;
}
header.nav-header .top-nav {
  background-color: #fff;
}
header.nav-header .top-nav .header-logo {
  width: 220px;
  height: 100%;
  padding-right: 20px;
}
header.nav-header .top-nav .header-logo img {
  max-width: 100%;
  max-height: 45px;
  vertical-align: middle;
}
header.nav-header .top-nav .header-logo.mobile-logo {
  display: flex;
}
header.nav-header .top-nav .header-logo.desktop-logo {
  display: none;
}
header.nav-header .top-nav .header-logo.hide {
  display: none;
}
header.nav-header .top-nav .search-mobile-block {
  /*.mobile-search-container {
      width: min-content;
      height: 53px;
      display: inline-block;
      vertical-align: middle;
      margin-top: 5px;


      .search-box {*/
  /*transition: width $tl, border-radius $tl, background $tl, box-shadow $tl;*/
  /*width: 40px;
          height: 40px;
          border-radius: 20px;
          border: none;
          cursor: pointer;
          margin: 5px 0px;

          & + label .search-icon {
              color: #303133;
          }

          &:not(:focus) {
              text-indent: -5000px;
          }
          // for more-graceful falling back (:not browsers likely support indent)
      }

      #search-submit {
          height: 55px;
          width: auto;
          display: block;
          background: #ee701e;
          position: fixed;
          right: 0;
          top: 0;
          z-index: 999999;
          left: auto;
          color: #fff;
          border: none;
          padding: 0px 30px;
          border-radius: 25px;
          display: none;
      }

      .search-icon {
          position: relative;
          margin-left: -39px;
          margin-top: 0px;
          color: white;
          cursor: pointer;
      }
  }*/
}
header.nav-header .top-nav .search-mobile-block .search-overlay {
  z-index: 2;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.82);
  display: none;
}
header.nav-header .top-nav .search-mobile-block .search-overlay.is-visible {
  display: block;
}
header.nav-header .top-nav .search-mobile-block .search-mobile {
  background: url(/images/icons/search.svg);
  background-size: 17px;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 40px;
  height: 40px;
}
header.nav-header .top-nav .search-mobile-block .search-mobile-close {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 4;
}
header.nav-header .top-nav .search-mobile-block .search-mobile-close svg {
  width: 30px;
  fill: #fff;
}
header.nav-header .top-nav .search-mobile-block .search-mobile-container {
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 40%;
  display: none;
}
header.nav-header .top-nav .search-mobile-block .search-mobile-container.is-visible {
  display: block;
}
header.nav-header .top-nav .search-mobile-block .search-mobile-container #search-mobile {
  height: 100px;
  width: 80%;
  font-size: 20px;
  background: none;
  border: none;
  border-bottom: 2px solid #fff;
  border-radius: 0;
  color: #fff;
}
header.nav-header .top-nav .search-mobile-block .search-mobile-container #search-mobile::placeholder {
  color: #fff;
}
header.nav-header .top-nav .search-mobile-block .search-mobile-container #search-submit {
  width: 10%;
  background: none;
  border: none;
  position: relative;
  top: 10px;
}
header.nav-header .top-nav .search-mobile-block .search-mobile-container #search-submit svg {
  max-width: 30px;
  fill: #fff;
}
header.nav-header .top-nav .search-container {
  display: none !important;
}
header.nav-header .top-nav #side-nav-toggle {
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
  display: inline-block;
  color: #303133;
  align-self: center;
  cursor: pointer;
  padding: 25px 0px;
}
header.nav-header .top-nav .search-dropdown#slideout-nav {
  width: 200px;
  position: absolute;
  background-color: #f5f5f5;
  top: 73px;
  right: 0;
  z-index: 999;
}
header.nav-header .top-nav .search-dropdown#slideout-nav ul {
  margin: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: left;
}
header.nav-header .top-nav .search-dropdown#slideout-nav ul .account-list {
  padding: 0 !important;
  margin: 0;
  padding-top: 10px !important;
}
header.nav-header .top-nav .search-dropdown#slideout-nav ul li {
  color: #fff;
  padding: 10px 5px;
  display: block;
  font-size: 16px;
}
header.nav-header .top-nav .search-dropdown#slideout-nav ul li ul > a {
  display: block;
  width: 100%;
  margin: 10px 0px;
}
header.nav-header .top-nav .search-dropdown#slideout-nav ul li a {
  color: #303133;
  font-size: 14px;
}
header.nav-header .top-nav .search-dropdown#slideout-nav ul li i {
  font-size: 14px;
  margin-left: 10px;
  margin-top: 3px;
}
header.nav-header .button {
  margin: 0;
  height: auto;
}
header.nav-header ul {
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
header.nav-header.home-page .region-container .button, header.nav-header.home-page .region-container i {
  color: #f5f5f5;
}
header.nav-header.home-page .region-container #region-list {
  left: 0;
  right: auto;
}
header .bold-text {
  font-weight: 700;
}

#second_head {
  padding-left: 0;
  padding-right: 0;
  margin-top: -1px;
  z-index: 800;
  transition: 0.2s;
}
#second_head .menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 800;
  background: rgba(221, 221, 221, 0);
  backdrop-filter: blur(2px);
  display: none;
}
#second_head .menu-overlay.active {
  display: block;
}
#second_head.active {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}
#second_head.active .menu-overlay {
  display: block;
}
#second_head .grey-nav {
  background-color: #f5f5f5;
  background-color: #f5f5f5;
  z-index: 99;
  position: relative;
}
#second_head .position-unset {
  position: unset !important;
}
#second_head .nav-item {
  flex: 1;
  display: flex;
  min-width: -webkit-min-content;
}
#second_head .mega-menu {
  background-color: #f8f8f8;
  position: relative;
  z-index: 990;
}
#second_head .mega-menu .mega-menu-outer-container {
  position: relative;
  margin: auto;
}
#second_head .mega-menu .mega-menu-outer-container > .container > .row {
  position: relative;
}
#second_head .mega-menu .mega-menu-inner {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  display: none;
  background: #fff;
  margin: auto;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}
#second_head .mega-menu .mega-menu-inner .view-all {
  background: #fbfbfb;
  text-align: right;
}
#second_head .mega-menu .mega-menu-inner .view-all span {
  display: inline-block;
  vertical-align: middle;
  border: none;
  padding-right: 5px;
}
#second_head .mega-menu .mega-menu-inner .view-all svg {
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  fill: #ee701e;
}
#second_head .mega-menu .mega-menu-inner .view-all a {
  color: #ee701e;
  font-weight: 500;
}
#second_head .mega-menu .mega-menu-inner ul {
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left;
}
#second_head .mega-menu .mega-menu-inner ul li:hover a {
  color: #ee701e;
}
#second_head .mega-menu .mega-menu-inner ul li:hover:after {
  background-image: url(/images/dropdown-icon-orange.png);
}
#second_head .mega-menu .mega-menu-inner ul li.is-active a {
  color: #ee701e;
}
#second_head .mega-menu .mega-menu-inner ul li.is-active:after {
  background-image: url(/images/dropdown-icon-orange.png);
}
#second_head .mega-menu .mega-menu-inner ul.third-level-nav {
  border-right: none !important;
}
#second_head .mega-menu .mega-menu-inner ul.third-level-nav li:after {
  background: none;
}
#second_head .mega-menu .mega-menu-inner ul.third-level-nav ul {
  border-right: none !important;
}
#second_head .mega-menu .mega-menu-inner .has-sub ul {
  display: none;
}
#second_head .mega-menu .mega-menu-inner .ai-strapline {
  background: #F7F7F7;
  text-align: left;
  font-size: 12px;
  border-top: 1px solid #efefef;
}
#second_head .mega-menu .mega-menu-inner .ai-strapline svg {
  fill: #f50;
}
#second_head .mega-menu .mega-menu-inner .quick-links-container .quick-category {
  background: #F7F7F7;
  display: block;
  margin: 5px;
  padding: 10px 8px;
  min-height: 120px;
  border-radius: 5px;
  transition: 0.3s;
}
#second_head .mega-menu .mega-menu-inner .quick-links-container .quick-category:hover {
  opacity: 0.8;
}
#second_head .mega-menu .mega-menu-inner .quick-links-container .quick-category img {
  height: 40px;
}
#second_head .mega-menu .mega-menu-inner .quick-links-container .quick-category span {
  color: #575757;
  display: block;
  font-weight: 500;
  margin-top: 5px;
  font-size: 12px;
  min-height: 30px;
}
#second_head .mega-menu .mega-menu-inner .quick-links-container.quick-links-container-two .quick-category {
  background: none;
  padding: 0px 8px;
  min-height: auto;
  border-bottom: 1px solid #f9f9f9;
  padding-bottom: 10px;
}
#second_head .mega-menu .mega-menu-inner .quick-links-container.quick-links-container-two .quick-category img {
  background: rgba(238, 112, 30, 0.0784313725);
  border-radius: 30px;
}
#second_head .mega-menu .mega-menu-inner .quick-links-container.quick-links-container-two .quick-category span {
  font-weight: 300;
  font-size: 12px;
  margin-top: 10px;
}
#second_head .mega-menu .mega-menu-inner .mega-nav-container:has(ul > li) {
  border-right: 1px solid #eee;
}
#second_head .mega-menu .mega-menu-inner.mega-menu-inner-two {
  /*Inline Block Menu*/
}
#second_head .mega-menu .mega-menu-inner.mega-menu-inner-two.inline-block-menu .first-level-nav {
  column-count: unset;
}
#second_head .mega-menu .mega-menu-inner.mega-menu-inner-two.inline-block-menu .first-level-nav > li {
  width: 25%;
  vertical-align: top;
  padding: 0px 20px !important;
}
#second_head .mega-menu .mega-menu-inner.mega-menu-inner-two.inline-block-menu .first-level-nav > li .sub-sub-menu {
  padding-right: 15px !important;
}
#second_head .mega-menu .mega-menu-inner.mega-menu-inner-two.inline-block-menu .first-level-nav > li.has-sub:after {
  position: absolute;
  top: 4px;
  right: 15px;
}
#second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav {
  column-count: 4;
  column-gap: 3rem;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 10px !important;
  max-height: 550px;
  column-rule: 1px solid #f3f3f3;
}
#second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav .has-sub {
  position: relative;
}
#second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav .has-sub:after {
  position: absolute;
  top: 12px;
  right: 1px;
}
#second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav .second-level-nav-links {
  display: block !important;
  margin-left: 5px !important;
  margin-top: 10px !important;
}
#second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav .second-level-nav-links li a {
  color: #585858;
}
#second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav .second-level-nav-links li:hover > a {
  color: #ee701e;
}
#second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav .second-level-nav-links li .all-categories {
  color: #939393;
  text-decoration: underline;
}
#second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav .second-level-nav-links > li {
  display: none;
  padding: 7px 0px;
}
#second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav .second-level-nav-links > li:nth-child(1), #second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav .second-level-nav-links > li:nth-child(2), #second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav .second-level-nav-links > li:nth-child(3), #second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav .second-level-nav-links > li:nth-child(4), #second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav .second-level-nav-links > li:nth-child(5), #second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav .second-level-nav-links > li:nth-child(6), #second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav .second-level-nav-links > li:nth-child(7) {
  display: block;
}
#second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav .second-level-nav-links .has-sub:after {
  display: none;
}
#second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav > li {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  display: inline-block;
  width: 100%;
}
#second_head .mega-menu .mega-menu-inner.mega-menu-inner-two .first-level-nav > li > a {
  font-weight: 500 !important;
  color: #3a3a3a;
}
#second_head .second-nav-container {
  text-align: center;
  margin-right: 0;
}
#second_head .second-nav-container .second-container {
  align-items: center;
  padding: 4px 0px;
}
#second_head .second-nav-container li {
  margin: 0;
  padding: 15px;
  padding-left: 0;
  padding-right: 0px;
}
#second_head .second-nav-container li.droppable:hover > .mega-menu-inner {
  display: block;
}
#second_head .second-nav-container li.droppable:hover > a {
  color: #ee701e;
}
#second_head .second-nav-container li.droppable:hover > a span:after {
  background-image: url(/images/dropdown-icon-orange.png) !important;
}
#second_head .second-nav-container li.has-sub:hover > .sub-sub-menu {
  display: none;
  /*position: absolute;
          left: 100%;
          top: 0;
          max-width: 100%;*/
}
#second_head .second-nav-container li.has-sub span:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 11px;
  background-image: url(/images/dropdown-icon-grey.png);
  background-size: contain;
  background-position: center;
  margin-left: 3px;
  float: right;
  transform: rotate(-90deg);
  margin-right: 15px;
  visibility: hidden;
}
#second_head .second-nav-container li a {
  color: #575757;
}
#second_head .second-nav-container li a.second-nav-main-link {
  padding: 20px 20px 20px 0px;
  color: #393939;
}
#second_head .second-nav-container li a.second-nav-main-link.dropdown-icon {
  position: relative;
}
#second_head .second-nav-container li a.second-nav-main-link.dropdown-icon span:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 11px;
  background-image: url(/images/dropdown-icon-grey.png);
  background-size: contain;
  background-position: center;
  margin-left: 3px;
}
#second_head .second-nav-container li a.second-nav-main-link:hover {
  color: #ee701e;
}
#second_head .second-nav-container li a i {
  font-size: 11px;
  margin-left: 10px;
  margin-top: 5px;
}
#second_head .second-nav-right {
  text-align: right;
}
#second_head .second-nav-right li:last-child span {
  border-right: none;
}
#second_head .second-nav-right li a {
  color: #393939;
  font-weight: 300;
  font-size: 12px;
  padding-right: 0px !important;
}
#second_head .second-nav-right li a span {
  border-right: 1px solid #c1c1c1;
  padding: 0px 10px;
}
#second_head .second-nav-right .nav-last {
  display: none;
}
#second_head #NavMainUl {
  display: none;
  position: fixed !important;
  left: 0;
  top: 0;
  padding-top: 135px;
  background: #252525;
  color: #1c1c1c;
  padding-left: 30px;
  padding-right: 30px;
  height: 100vh;
  margin: 0;
  z-index: 98;
  left: -50px;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#second_head #NavMainUl::-webkit-scrollbar {
  display: none;
}
#second_head #NavMainUl .toggle-expand-nav {
  width: 45px;
  text-align: center;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  transition: 0.3s;
  padding: 8px 13px;
  margin-bottom: 30px !important;
}
#second_head #NavMainUl .toggle-expand-nav:hover {
  cursor: pointer;
}
#second_head #NavMainUl .toggle-expand-nav svg {
  fill: #161616;
}
#second_head #NavMainUl .main-list {
  list-style-type: none !important;
  margin: 0;
  padding: 0;
  display: block !important;
  visibility: visible !important;
  width: 65px;
  overflow: hidden;
  transition: 0.3s;
  margin-top: 70px;
  margin-bottom: 70px;
}
#second_head #NavMainUl .service-list-container {
  margin: 0;
}
#second_head #NavMainUl .service-list-container .service-button i {
  display: none;
}
#second_head #NavMainUl .service-list-container .service-list-dropdown li {
  margin: 0;
  text-align: center;
}
#second_head #NavMainUl .service-list-container .service-list-dropdown li a {
  padding: 7px 5px;
  display: block;
  color: #cfcfcf;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
}
#second_head #NavMainUl .service-list-container .service-list-dropdown li a svg {
  height: 20px;
  position: relative;
  top: 2px;
  max-width: 20px;
  fill: #696969;
  display: block;
  margin: auto;
  margin-bottom: 8px;
  padding: 3px;
}
#second_head #NavMainUl .service-list-container .service-list-dropdown li a:hover span {
  color: #fff;
}
#second_head #NavMainUl .service-list-container .service-list-dropdown li a:hover .icon-background svg {
  fill: #ffffff;
}
#second_head #NavMainUl .service-list-container .service-list-dropdown li a .icon-background {
  padding: 0px;
  display: inline-block;
  clear: both;
  align-content: center;
  display: block;
  margin: auto;
  height: 20px;
  width: 20px;
  margin-bottom: 5px;
}
#second_head #NavMainUl .service-list-container .service-list-dropdown li a .icon-background svg {
  height: 20px;
  max-width: 17px;
  fill: #b7b7b7;
  display: block;
  margin: auto;
}
#second_head #NavMainUl .service-list-container .service-list-dropdown.sub-dropdown > ul {
  display: none !important;
  list-style: none;
  opacity: 0.7;
  margin: 0;
}
#second_head #NavMainUl .service-list-container .service-list-dropdown.sub-dropdown > ul li a {
  padding: 8px 15px;
}
#second_head #NavMainUl .service-list-container li.list-title {
  padding: 10px 30px;
  font-weight: 500;
  background: #01304a;
  padding-left: 15px;
  display: none;
}
#second_head.is-expanded .main-list {
  width: 220px;
}
#second_head.is-expanded .main-list .service-list-dropdown li.sub-dropdown:hover > ul {
  display: block !important;
  visibility: visible !important;
}
#second_head.is-expanded .main-list .service-list-dropdown li .dropdown-arrow {
  float: right;
  transform: rotate(270deg);
  margin-right: 10px !important;
}
#second_head.is-expanded .toggle-expand-nav svg {
  transform: rotate(0deg);
}

/*****************************BREADCRUMBS*****************************/
#Breadcrumbs {
  width: auto;
  margin: 0 2px 15px;
  font-size: 13px;
  max-width: 1200px;
  margin: 10px auto;
}
#Breadcrumbs ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#Breadcrumbs li {
  display: inline-block;
  padding: 0 5px;
  color: #303133;
}
#Breadcrumbs li:first-child {
  margin-left: 0;
  padding-left: 0;
}
#Breadcrumbs li a {
  color: #666;
  text-decoration: none;
}
#Breadcrumbs li a:hover {
  color: #f50;
}

.ui-menu.ui-autocomplete {
  z-index: 999;
  margin-top: -1px;
}

.drop-nav:hover .drop-down {
  display: block !important;
  right: -10px;
}
.drop-nav .drop-down {
  display: none;
  margin-top: 0px;
  min-width: 200px;
  position: absolute;
  background-color: #fff;
  z-index: 999;
  right: 0;
  top: 46px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
  text-align: right;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 3px;
}
.drop-nav li {
  padding: 10px 20px !important;
}

.color-primaryDark {
  color: #ee701e;
}

.color-primaryMedium {
  color: #f28a48;
}

.color-primaryLight {
  color: #FFAD8C;
}

.color-secondaryDark {
  color: #989ea2;
}

.color-secondaryMedium {
  color: #bbc2c6;
}

.color-secondaryLight {
  color: #dadfe1;
}

.color-bodyDark {
  color: #393939;
}
.color-bodyDark a {
  color: #393939;
}

.color-bodyMedium {
  color: #6f6f6f;
}

.color-bodyLight {
  color: #878787;
}

.color-warning {
  color: #dd2e3e;
}

.color-success {
  color: #2e8d07;
}

.color-white {
  color: #fff;
}

.color-black {
  color: #2c2c2c;
}

.color-yellow {
  color: #f5c61a;
}

.background-almostwhite {
  background: #f9f9f9;
}

.background-white {
  background: #fff;
}

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

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

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

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

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

.no-list-style, .no-style-list {
  list-style-type: none !important;
  margin: 0;
  padding: 0;
}
.no-list-style li, .no-style-list li {
  margin: 0;
  padding: 0;
}
.no-list-style ul, .no-style-list ul {
  list-style-type: none !important;
  margin: 0;
  padding: 0;
}

.lh-0 {
  line-height: 0px;
}

.border-light {
  border: 1px solid #f7f7f7;
}

ul.sub-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 10px;
}
ul.sub-list li::before {
  content: "- ";
}

.list-style-hidden {
  list-style: none;
}

.horizontal-list {
  display: inline-block;
}
.horizontal-list li {
  display: inline-block;
}

.position-relative {
  position: relative;
}

.position-top-right {
  position: absolute;
  top: 0;
  right: 0;
}

.weight-bold {
  font-weight: 500;
}

.weight-medium {
  font-weight: 500;
}

.no-style-link, .no-style-link a {
  color: inherit;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Tenon", "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.2rem;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 0.8rem;
}

h6 {
  font-size: 0.6rem;
}

.border-light {
  border: 1px solid #f9f9f9;
}

.border-radius {
  border-radius: 5px;
}

.font-small, .text-small {
  font-size: 11px;
}

.font-medium, .text-medium {
  font-size: 1.2rem;
}

.icon-small {
  font-size: 15px;
}

.dark-link {
  color: #575757;
}

label.required::after {
  display: inline-block;
  content: "*";
  color: red;
  margin-left: 5px;
}

.sticky-block {
  position: sticky;
  position: -webkit-sticky;
}

.z-top {
  z-index: 999;
}

.border-grid .row > div {
  width: 20%;
  vertical-align: middle;
  padding: 20px;
  border-bottom: 1px solid #ebebeb;
  text-align: center;
  border-right: 1px solid #ebebeb;
  margin-bottom: 0;
  margin: 0;
}
.border-grid .row > div:nth-child(6n+6), .border-grid .row > div:last-child {
  border-right: 0px;
}
.border-grid.no-border-top .row > div {
  border-bottom: 0px;
}
.border-grid.no-border-top .row > div:last-child {
  border-right: 0px;
}

.image-table img {
  max-width: 150px;
  max-height: 35px;
  transition: 0.5s;
}
.image-table [data-tooltip]:hover:after, .image-table [data-tooltip]:hover:before {
  display: block !important;
  opacity: 1;
}
.image-table [data-tooltip]:before {
  border-bottom: 0.6em solid #a9a9b9;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  left: 50%;
  top: 60px;
  margin-top: 1em;
}
.image-table [data-tooltip]:before, .image-table [data-tooltip]:after {
  display: none;
  position: absolute;
  z-index: 99999;
  top: 0;
}
.image-table [data-tooltip]:hover:before {
  top: 75%;
}
.image-table [data-tooltip]:after {
  background-color: #a9a9b9;
  border: 4px solid #a9a9b9;
  border-radius: 7px;
  color: #ffffff;
  content: attr(data-tooltip-message);
  top: 60px;
  margin-top: 1.5em;
  padding: 5px 15px;
  white-space: pre-wrap;
  width: auto;
  position: absolute;
  z-index: 99;
  left: 0;
  opacity: 0;
  display: none;
  transition: 0.3s;
}

/* Temporary fix form Vendor Hubs List */
.hubs-list.image-table .hub-item {
  vertical-align: middle;
  padding: 20px;
  border-bottom: 1px solid #ebebeb;
  text-align: center;
  border-right: 1px solid #ebebeb;
  margin-bottom: 0;
  display: inline-flex;
}
.hubs-list.image-table .hub-item a {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.hubs-list.image-table .hub-item img {
  max-width: 100%;
  max-height: 27px;
  transition: 0.5s;
}
.hubs-list.image-table .hub-item:nth-child(12n) {
  border-right: 0px;
}
.hubs-list.image-table .hub-item:nth-child(n+37) {
  border-bottom: 0px;
}
.hubs-list.image-table .hub-item:last-child {
  border-right: none !important;
}

/* End of temporary fix form Vendor Hubs List */
.hover-pointer:hover {
  cursor: pointer;
}

.max-height-1 {
  min-height: 20px;
  max-height: 20px;
  overflow: hidden;
  display: block;
}

.min-height-420 {
  min-height: 420px;
}

.max-height-420 {
  max-height: 420px;
}

.max-height-300 {
  max-height: 300px;
}

.w-100 {
  width: 100%;
}

.mw-100 {
  max-width: 100px;
}

.minw-100 {
  min-width: 100px;
}

.minw-300 {
  min-width: 300px;
}

.mw-300 {
  max-width: 300px;
}

.mw-100p {
  max-width: 100%;
}

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

.textarea-custom textarea {
  margin: 0;
  padding: 10px;
}

.mh-25 {
  max-height: 25px;
}

.mh-50 {
  max-height: 50px;
}

.mh-75 {
  max-height: 75px;
}

.minh-30 {
  min-height: 30px;
}

.minh-40 {
  min-height: 40px;
}

.minh-100 {
  min-height: 100px;
}

.minw-200 {
  min-height: 200px;
}

.mh-150 {
  max-height: 150px;
}

.m-auto {
  margin: auto;
}

.p-relative {
  position: relative;
}

.p-fixed {
  position: fixed;
}

.t-0 {
  top: 0;
}

.t-2 {
  top: 2px;
}

.t--2 {
  top: -2px;
}

.display-block {
  display: block;
}

.display-none {
  display: none;
}

.display-inline-block {
  display: inline-block;
}

.mih-500 {
  min-height: 500px;
}

.mh-500 {
  max-height: 500px;
}

#more {
  display: none;
}

.float-right {
  float: right;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-ellipsis {
  text-overflow: ellipsis;
}

.overflow-auto {
  overflow: auto;
}

.lh-auto {
  line-height: normal;
}

.sticky-header-padder {
  margin-top: -80px !important;
  padding-top: 80px;
}

.button-with-icon > span, .button-with-icon > svg {
  display: inline-block;
  vertical-align: middle;
}
.button-with-icon > span {
  margin-right: 5px;
}

.button-icon {
  display: inline-block;
  height: 16px;
  width: 16px;
}

.link-style {
  background: none;
  border: none;
}

.authorisedDisti {
  position: absolute;
  left: -3px;
  top: 1px;
}
.authorisedDisti.tradeAuthorised {
  top: 37%;
  left: -20px;
}

.button-sponsored {
  background: #2196f3;
}
.button-sponsored svg {
  fill: #fff;
  height: 26px;
}

.svg-orange {
  fill: #ee701e;
}

.dropdown-width-100 select, .input-width-100 input {
  width: 100%;
}

.text-transform-capitalise {
  text-transform: capitalize;
}

.text-underline {
  text-decoration: underline !important;
}

.no-underline {
  text-decoration: unset !important;
}

.desktop-only {
  visibility: hidden;
}

.card {
  overflow-x: auto;
}

.adStatus {
  background: #fbfbfb;
  border-radius: 2px;
  opacity: 0.9;
}
.adStatus.Rejected, .adStatus.OutOfCredits .adStatus.Deleted {
  background: #cf4141;
  color: #fff;
}
.adStatus.AwaitingModeration, .adStatus.StartingSoon {
  background: #e9cd68;
  color: #fff;
}
.adStatus.Running, .adStatus.Ready {
  background: #61a330;
  color: #fff;
}

.box-contents {
  margin: 1%;
}
.box-contents fieldset {
  min-height: 200px;
}

.adi-bnr img {
  max-width: 100%;
}

.adi-ssr {
  display: none;
}

.mobile-only {
  display: inline-block;
}

.btn-style-none {
  background: none;
  border: none;
}

.icon-button svg {
  width: 15px;
  height: 15px;
}

footer .region-container a {
  font-size: 13px;
  color: #fff;
  font-weight: 300;
  line-height: 18px;
}
footer .region-container .region-language-dropdown {
  background-color: transparent;
}
footer .region-container .region-language-dropdown#head-region-trigger {
  background-image: none;
  float: right;
  margin: 0;
  padding: 0;
  margin-top: 30px;
}
footer .region-container #region-list {
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  background-color: #fff;
  z-index: 10001;
  display: none;
  padding: 0;
  bottom: 70px;
  top: auto;
  right: 20px;
  left: auto;
  width: auto;
}
footer .region-container #region-list.visible {
  display: block;
}
footer .region-container #region-list div {
  min-width: 180px;
}
footer .region-container #region-list div:first-of-type {
  border-right: 1px solid #f5f5ff;
}
footer .region-container #region-list div ul {
  padding: 0;
  margin: 0;
}
footer .region-container #region-list div ul li {
  color: #303133;
  display: block;
  text-align: left;
  padding: 6px 0;
}
footer .region-container #region-list div ul li:first-of-type {
  font-weight: 700;
  font-size: 14px;
  background-color: #F5F9FE;
  padding: 15px 20px;
}
footer .region-container #region-list div ul li:first-of-type:hover {
  background-color: #F5F9FE;
}
footer .region-container #region-list div ul li:hover {
  background-color: #ee701e;
}
footer .region-container #region-list div ul li:hover a {
  color: #fff;
}
footer .region-container #region-list div ul li a {
  color: #303133;
  font-size: 14px;
  padding: 0 20px;
}
footer .region-container i {
  color: #fff;
  margin: 0 5px;
  font-size: 14px;
}
footer.footer {
  background-color: #303133;
  min-height: 235px;
  bottom: 0;
  width: 100%;
  z-index: 2;
}
footer .col-3 {
  width: 100%;
  max-width: 100%;
  flex: none;
}
footer .footer-top {
  padding-top: 10px;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
footer .footer-top .footer-logo-section {
  display: block;
}
footer .footer-top .footer-logo-section img.d-block {
  max-width: 250px;
}
footer .footer-top .footer-logo-section .social-media-container {
  height: 40px;
  margin: 18px 0px 0px 0px;
}
footer .footer-top .footer-logo-section .social-media-container .social-media-icon {
  background-size: 7px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  margin: 0;
  margin-right: 5px;
  cursor: pointer;
}
footer .footer-top .footer-logo-section .social-media-container .social-media-icon svg {
  fill: #fff;
  max-height: 23px;
  width: 30px;
}
footer .footer-top .footer-logo-section .social-media-container .social-media-icon .social-image {
  max-width: 70%;
  max-height: 70%;
  margin: auto;
  padding-top: 7px;
  display: block;
  margin: 0px;
}
footer .footer-top .footer-logo-section .social-media-container .social-media-icon .off-screen {
  position: absolute;
  left: -99999px;
}
footer .footer-text-section {
  color: #fff;
  margin-bottom: 0px;
}
footer .footer-text-section h4 {
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  margin-top: 27px;
  line-height: 29px;
}
footer .footer-text-section p {
  line-height: 1.75;
  margin: 18px 0 0;
  font-size: 14px;
}
footer .footer-contact {
  margin-top: 20px;
}
footer .footer-contact svg {
  width: 18px;
  fill: #ee701e;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
footer .footer-contact p {
  color: #ee701e;
  font-weight: 700;
  font-size: 16px;
}
footer .footer-contact .contact-link {
  color: #fff;
  margin-bottom: 10px;
  text-align: left;
  line-height: 1.75;
}
footer .footer-contact .contact-link a {
  color: #fff;
}
footer .footer-contact .contact-link a:hover {
  color: #ee701e;
}
footer .footer-contact .contact-link i {
  font-size: 17px;
  margin-right: 10px;
  color: #ee701e;
}
footer .footer-contact .smallLabel {
  display: block;
  font-size: 14px;
  font-weight: 600;
}
footer .footer-links a {
  color: #fff;
  margin: 0px;
  text-align: center;
  text-transform: capitalize;
}
footer .footer-links p {
  color: #fff;
  margin: 10px;
  text-align: center;
}
footer .footer-links ul {
  list-style: none;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  padding: 0px !important;
}
footer .copyright {
  font-size: 12px;
  padding-bottom: 0px;
  color: #fff;
  background: #2e2e2e;
  margin-top: 20px;
}
footer .desktop {
  display: none;
}

/****************************Layouts*************************/
.two-column-right > .main-column, .two-column-right > .side-column {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.two-column-right > .main-column {
  width: 80%;
}
.two-column-right > .side-column {
  width: 20%;
}

/*Table Layout*/
.two-col-table tr td {
  width: 50%;
}

.table-container {
  /*    &.no-padding-table td, &.no-padding-table th {
  padding: 5px 0px;
  }*/
}
.table-container.no-padding-table td:first-child, .table-container.no-padding-table th:first-child {
  padding-left: 0px;
}
.table-container.vertical-align-top td {
  vertical-align: top;
}

/*************Sidebar****************/
/*Ads Placeholder*/
.skyScraperPlaceholder {
  width: 100%;
  height: 600px;
  background: #f5f5f5;
}

.bannerTop {
  width: 100%;
  margin: auto;
  height: 100px;
  background: #f5f5f5;
}

.sinchAd {
  width: 100%;
  margin: auto;
  height: 300px;
  background: #f5f5f5;
  position: relative;
}
.sinchAd .advertiseContent {
  padding: 10%;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 30%;
}

.adi-ssr img {
  width: 100%;
}

/*Badges Style*/
.badge {
  font-size: 10px;
  padding: 4px 5px;
  background: #ddd;
  border-radius: 3px;
  white-space: nowrap;
  margin-bottom: 3px;
  display: inline-block;
}
.badge svg {
  max-width: 9px;
  position: relative;
  top: 1px;
  margin-right: 1px;
}
.badge.badge-info {
  background: #E1F1F7;
  color: #003A5A;
}
.badge.badge-success {
  background: #AFFEBF;
  color: #014B40;
}
.badge.badge-success svg {
  fill: #014B40;
}
.badge.authorised {
  min-width: 74px;
}
.badge.verified {
  min-width: 65px;
}

.az-links li a {
  color: #6f6f6f;
  font-size: 12px;
  padding: 10px 4px;
  display: inline-block;
}
.az-links li a:hover {
  color: #ee701e;
  text-decoration: underline;
}
.az-links li.active a {
  color: #ee701e;
  text-decoration: underline;
}

.search-bar {
  padding: 7px 15px;
  border-radius: 30px;
}

.card-list .card {
  overflow-x: hidden;
}
.card-list .card-head {
  min-height: 68px;
}
.card-list .card-head img, .card-list .card-head h4 {
  max-height: 38px;
  max-width: 100%;
  overflow: hidden;
}
.card-list .card-body {
  padding-top: 15px;
  border-top: 1px solid #f7f7f7;
}
.card-list .card-text {
  line-height: 22px;
}

.card-slider-section {
  --gap: 1rem;
  /* PERFECT widths INCLUDING the gaps */
  /* Dots */
}
.card-slider-section .card-slider__viewport {
  overflow: hidden;
  padding: 0.25rem;
}
.card-slider-section .card-slider__track {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--gap);
  will-change: transform;
  transition: transform 450ms ease;
}
.card-slider-section .card-slider__item .card-head {
  min-height: 68px;
}
.card-slider-section .card-slider__item .card-body {
  padding-top: 15px;
  border-top: 1px solid #f7f7f7;
}
.card-slider-section .card-slider__item .card-text {
  line-height: 22px;
}
.card-slider-section .card-slider__item img {
  max-width: 100%;
  width: auto;
  max-height: 43px;
  height: auto;
  display: block;
}
.card-slider-section .card-slider__item {
  flex: 0 0 calc((100% - 3rem) / 4);
  min-width: 0;
}
@media (max-width: 992px) {
  .card-slider-section .card-slider__item {
    flex-basis: calc((100% - 2rem) / 3);
  }
}
@media (max-width: 768px) {
  .card-slider-section .card-slider__item {
    flex-basis: calc((100% - 1rem) / 2);
  }
}
@media (max-width: 576px) {
  .card-slider-section .card-slider__item {
    flex-basis: 100%;
  }
}
.card-slider-section .card-slider__dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.card-slider-section .card-slider__dot {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 999px;
  border: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.25);
  transition: transform 150ms ease, background 150ms ease;
}
.card-slider-section .card-slider__dot.is-active {
  background: #ee701e;
  transform: scale(1.15);
}
.card-slider-section .card-slider__dot:focus-visible {
  outline: 3px solid rgba(13, 110, 253, 0.35);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .card-slider-section .card-slider__track {
    transition: none;
  }
  .card-slider-section .card-slider__dot {
    transition: none;
  }
}

/*Prodcuct Summary Gallery*/
#ProductImages {
  width: 100%;
  display: block;
  margin: auto;
}
#ProductImages #MainImage {
  width: auto;
  height: auto;
}
#ProductImages > a {
  background-color: #fff;
}
#ProductImages img {
  width: 100%;
  display: block;
  margin: auto;
}
#ProductImages .jcarousel {
  position: relative;
  overflow: hidden;
  margin: 10px auto 0;
  width: 100%;
}
#ProductImages .jcarousel > ul {
  width: 20000em;
  position: relative;
}
#ProductImages .jcarousel-next {
  background: none;
  color: #ccc;
  padding: 0 10px;
  margin: 0;
  cursor: pointer;
  border: 0;
  font-size: 40px;
  font-weight: 500;
  font-family: Arial, Helvetica, Sans-serif;
  position: absolute;
  right: 0;
}
#ProductImages .jcarousel-next:hover {
  color: #f50;
}
#ProductImages .jcarousel-prev {
  background: none;
  color: #ccc;
  padding: 0 10px;
  margin: 0;
  cursor: pointer;
  border: 0;
  font-size: 40px;
  font-weight: 500;
  font-family: Arial, Helvetica, Sans-serif;
  position: absolute;
  left: -10px;
}
#ProductImages .jcarousel-prev:hover {
  color: #f50;
}
#ProductImages #Thumbs li {
  width: 50px !important;
  height: 50px;
  overflow: hidden;
  display: block;
  float: left;
  border: 1px solid #f5f5f5;
  margin-right: 5px;
}
#ProductImages .jcarousel-next-disabled {
  display: none !important;
}
#ProductImages .jcarousel-prev-disabled {
  display: none !important;
}
#ProductImages .popup-3d {
  position: absolute;
  right: 0;
  top: 0;
  display: block !important;
}
#ProductImages .popup-3d svg {
  width: 50px;
  height: auto;
  padding: 10%;
}

/*Popup Styles*/
.fancybox-overlay .cloudimage-360 canvas {
  min-width: 500px;
  min-height: 500px;
  height: auto !important;
  width: auto !important;
}
.fancybox-overlay .fancybox-inner {
  overflow: unset !important;
}

/*Related Products*/
#RelatedProducts .jcarousel {
  overflow: hidden;
  margin: 10px auto 0;
  width: 560px;
}
#RelatedProducts .jcarousel > ul {
  width: 20000em;
  position: relative;
  list-style-type: none;
}
#RelatedProducts .jcarousel > ul li {
  text-align: left;
  padding: 0 15px 10px;
  width: 250px !important;
  min-height: 200px;
  height: auto !important;
  height: 200px;
  float: left;
}
#RelatedProducts .jcarousel > ul li > a {
  color: #575757;
}
#RelatedProducts .jcarousel > ul li img {
  height: 75px;
}
#RelatedProducts ul.tabs {
  position: relative;
  width: 100%;
  z-index: 10;
  margin-right: -1px;
  padding: 0;
}
#RelatedProducts .pane {
  position: relative;
  float: left;
  width: 100%;
  border: none;
  background-color: #fff;
  min-height: 170px;
  height: auto !important;
  height: 170px;
  z-index: 1;
}
#RelatedProducts .ui-state-default {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  z-index: 50;
  display: inline-block;
  border: none;
  padding: 11px 10px;
}
#RelatedProducts .ui-state-default a {
  display: block;
  padding: 2px 5px;
  text-decoration: none;
  color: #878787;
  text-transform: capitalize;
  font-weight: 500;
}
#RelatedProducts .ui-state-default:first-child {
  border-top-width: 1px;
}
#RelatedProducts .jcarousel-item span {
  font-weight: 500;
  font-size: 20px;
  color: #f50;
}
#RelatedProducts .jcarousel-item a:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}
#RelatedProducts .ui-tabs-hide {
  display: none;
}
#RelatedProducts .ui-tabs-selected {
  border-right: 1px solid #fff;
  background-color: #fff;
}
#RelatedProducts .ui-tabs-selected a {
  color: #3a3a3a;
}
#RelatedProducts .ui-tabs-nav {
  overflow: hidden;
  background: none;
  border: 0;
}
#RelatedProducts .ui-tabs {
  overflow: hidden;
  background: none;
  border: 0;
}
#RelatedProducts .ui-state-active {
  border-bottom: 2px solid #ee701e;
}
#RelatedProducts .ui-state-active a {
  color: #ee701e;
}
#RelatedProducts .jcarousel-prev {
  background: none;
  color: #ccc;
  padding: 0 10px;
  margin: 0;
  cursor: pointer;
  border: 0;
  font-size: 50px;
  font-weight: 500;
  font-family: Arial, Helvetica, Sans-serif;
  position: absolute;
  bottom: 50%;
  left: -30px;
  opacity: 0;
  transition: 0.3s;
}
#RelatedProducts .jcarousel-prev :hover {
  color: #f50;
}
#RelatedProducts .jcarousel-next {
  background: none;
  color: #ccc;
  padding: 0 10px;
  margin: 0;
  cursor: pointer;
  border: 0;
  font-size: 50px;
  font-weight: 500;
  font-family: Arial, Helvetica, Sans-serif;
  position: absolute;
  bottom: 50%;
  right: -30px;
  opacity: 0;
  transition: 0.3s;
}
#RelatedProducts .jcarousel-next :hover {
  color: #f50;
}
#RelatedProducts:hover .jcarousel-prev {
  opacity: 1;
  left: -10px;
}
#RelatedProducts:hover .jcarousel-next {
  opacity: 1;
  right: -10px;
}
#RelatedProducts .jcarousel-next-disabled {
  display: none !important;
}
#RelatedProducts .jcarousel-prev-disabled {
  display: none !important;
}

/*Recently Viewed Products*/
#ProductSummary #RecentlyViewed li {
  width: 20%;
  float: left;
  display: block;
  text-align: center;
}
#ProductSummary #RecentlyViewed img {
  border: 2px solid #ccc;
}
#ProductSummary #RecentlyViewed img:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}
#ProductSummary #RecentlyViewed a {
  padding: 10px 10px 0 10px;
  display: block;
}

/*Affiliates*/
#Affiliates li {
  border-top: 1px dashed #ccc;
  text-align: center;
  padding: 10px;
}
#Affiliates li:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}
#Affiliates li:first-child {
  border: 0;
}
#Affiliates a {
  text-decoration: none;
}
#Affiliates .button {
  width: 60px;
  margin: 0 auto;
  display: block;
}
#Affiliates p {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #f50;
}

/**Login Page*/
#LoginPanel {
  max-width: 700px;
  width: 100%;
  margin: 65px auto 0;
  padding: 0;
  overflow: hidden;
  border: none;
  border-radius: 3px;
  position: relative;
}
#LoginPanel h1 {
  font-weight: 900;
  margin: 5px 0px;
}
#LoginPanel > div {
  padding: 50px 20px;
  max-width: 500px;
  margin: auto;
}
#LoginPanel aside {
  padding: 22% 20px 0;
  height: 100%;
  text-align: center;
  background: #8097a2;
  position: absolute;
  width: 40% !important;
  right: 0;
  top: 0;
}
#LoginPanel aside br {
  display: none;
}
#LoginPanel aside:hover {
  background: #92a8b3;
}
#LoginPanel aside p {
  color: #fff;
  font-size: 25px;
  padding: 0;
  margin: 0;
}
#LoginPanel aside span {
  color: #fff;
  font-size: 30px;
  text-decoration: none;
  font-weight: 500;
}
#LoginPanel aside a:hover {
  text-decoration: underline;
}
#LoginPanel fieldset ul {
  width: 100%;
}
#LoginPanel fieldset ul input[type=checkbox] {
  width: auto;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
#LoginPanel fieldset ul input {
  width: 100%;
  margin: 0;
  padding: 10px 10px;
}
#LoginPanel fieldset ul li {
  display: block;
  margin-top: 10px !important;
}
#LoginPanel footer label, #LoginPanel footer input[type=checkbox] {
  width: auto;
  display: inline;
  float: none;
  margin: 0;
}
#LoginPanel footer div.float-left {
  width: 150px;
  margin: 10px 0 0;
}
#LoginPanel .mobile-search-container {
  display: none;
}

/*Products Listing*/
#searchFilters {
  display: none;
  position: fixed !important;
  left: -9999px;
  transition: 0.3s;
  background: #fff;
  z-index: 9;
  width: 80%;
  top: 100px;
  padding-top: 50px;
  height: 100vh;
  box-shadow: 3px 3px 3px #ddd;
  padding-left: 30px;
}
#searchFilters.active {
  display: block;
  left: 0px;
}
#searchFilters #closefilters {
  float: right;
  margin-top: -40px;
}
#searchFilters .price-range-container .button {
  border-radius: 7px;
}
#searchFilters .price-range-container .ui-slider-handle {
  border-radius: 50px;
  cursor: pointer;
}

#ProductResultsHeader .sort select {
  padding: 4px 10px;
}

.sponsored-product {
  position: relative;
}
.sponsored-product .product-info {
  border: 3px solid #2196f3;
  border-radius: 4px;
  box-shadow: 0px 1px 5px #ddd;
  padding-top: 0px !important;
  margin-bottom: 10px;
}
.sponsored-product .product-info > .col-12:nth-child(1) {
  padding: 5px;
  text-align: center;
  background: #2196f3;
  color: #fff;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.sponsored-product .col-md-2::before {
  content: "Sponsored";
  position: relative;
  top: -15px;
  font-weight: 600;
  font-size: 14px;
}

.product-info-stats {
  border-collapse: collapse;
}
.product-info-stats tr:nth-child(even) {
  background: #f9f9f9;
}
.product-info-stats .table-row {
  display: table-row;
}

.product-info .button {
  min-height: 29px;
}

#rek .rek-link {
  display: inline-block;
  margin-bottom: 10px;
  position: absolute;
  bottom: -23px;
  width: 100%;
  left: 0;
  font-size: 11px;
  text-align: center;
}

#rek-ssr .rek-link {
  display: none;
}

.realtime-configure {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEM0UwOUM3RjkwMzdFMTExOTk3NzkzNDBCQzdFQTMzRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4RUU1MDlBRDQxRkIxMUUxOTc1NUEwN0IzRjk4QTdFNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4RUU1MDlBQzQxRkIxMUUxOTc1NUEwN0IzRjk4QTdFNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RTU2ODM3MjNFM0NFMTExQkE4M0MyQjFCQjYwOUUyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEM0UwOUM3RjkwMzdFMTExOTk3NzkzNDBCQzdFQTMzRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pggc4uIAAAI0UExURert9Ort8+3w9cG/5tjV6qipvtbW6sbI5c/O7M/O7sTE28HCzcTH4sXC26eot8TG4HNygMrK4a2rz+7x9ouKs/Dy9p6fst7e4s7M47GwvdjY4NjY49fW45qarc/N3q+x0tHT59LP68TFzsfHzMLD4GRig9va6aWlwc/M5sjN1I+PtcXE5Lq70t/i6NDP4Onr8ujq8MjG3e/x9bu71Z2drmlpiby/3cvK5trY7Nva55GOuOLi/ZWUtYeHrWpse2BhfK6wt+ns8+Xj+MLBzrKwyNvf4ezt8bOz2Kiozqytym1rjY2LscPD487P45yaxOfm78nJ38XG1cfK6tPW3dPQ69XU29DS27GzwdvY97q57+Xj99TS5u/x9o6NosnK58nJ6K2twIWEo6mqvsbH5snI4nV0hNjW6tXV6tfX8ezu9IiIsczP2dnZ76usvpqbwuzu9WJiiHx8kMjJ2cHC4nZ2j8PD5I6NqJyexl9efuvr8by8473A4aimuVlVcYmHtr6+z+vp/bW10r/C6LGv3czM6t/c+NDQ3KmoxsXI3eHi63Zyqc3K6bi5wMTG6WhohMzM5djZ697a+MvI5Z+dtXp7l/Dz99DR5L270srK5Lq54cbG5MPD5vP0+KSkvLu9yri20N7f8ZKVrKemzJ6iusfJ5bKw5/L0+Ly85c3N5NXY39bX4MzM0rCv0HFvjePm7O3w8bS0ze3v9WxuiPHz966uwsvK2MLA5M/O2r+/ytHO5evu9Ons862ZQpAAAAC8dFJOU/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAi4JawAAAP9JREFUeNpi2A0Ec1atNhKW9t8FYjMAcX6l3NYd26fXhEIEGKTE29KiDHlbJ0syMYAEZNQsWaIlFLsnzZ+7JXzXbgZHvZ0NIRZOEyM0Uop9FmoyMCzTT2BLzylLXMMxq9ejz2EXw8p50xQWJNmFZessCbJda7CboT7Dun/CBr5du7hUeNxtnDczBKq3z/DlbCwKYJ5tNlMo1Y2BUazEeIWg+TZmbfa8Om+B9Qy7p7LGt3TwJ8eVLs8ylVUWZdi9zrNKS76penF5pJ8JUwzQYRtdvCqmNC8t2LRIpBDil8we3U6rLtXgXHtuqOd272aKrVXavcuVES4AASD+boAAAwCSlHE+Mgc8qQAAAABJRU5ErkJggg==");
}

.realtime-outdated {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEM0UwOUM3RjkwMzdFMTExOTk3NzkzNDBCQzdFQTMzRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4NjIxNDFEMjQxRkIxMUUxOEFFMEIzRDdDMzQxMDJEMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4NjIxNDFEMTQxRkIxMUUxOEFFMEIzRDdDMzQxMDJEMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RTU2ODM3MjNFM0NFMTExQkE4M0MyQjFCQjYwOUUyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEM0UwOUM3RjkwMzdFMTExOTk3NzkzNDBCQzdFQTMzRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuYoumMAAAE4UExURf/97Pzxqv/97fvrif/50u3jqu7gkf/96/XPCvPUNO/ccu3hn+3hnPDZXurr6PHYUOzlvu/dffzqdP7xoOvmw+nr7f/74v/84/72vvnbLPncM/ndOvbQCvzjRvLWQv7ynfXPDPzsf+zlu/nYHvjhVP/2t/3pXfzre/reM/jXIv/61vvkUvDbbPjaMP7uiP3pZPzshvfTC/3xoe3jrfzpa/TRGvbPBPDaZOzktfDaYfvkXfPTLuzluPLVOf3vmfPUMf/73vTQGPbQB/3sefzlUvbQCPjWGvTQEvHYVvLWR/vgLP7wl+rq5e7hmf/96fziO/PTK/TQFe/eg/vmX/vmXf3vlP3oWvDbafvmaO/deuns8PjZKPLVPPnWEOvmxvncNfXOB//62vrZEurp2v/86PXOBP/97uns81v29EwAAABodFJOU/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AH+z9SwAAAM1JREFUeNpiSAcCPm5zWzkd4ygQmwGIeRylI4zsrHQDbCACXPGhYmlA4GDAwQMS8JWSYEoDAyZhDoF0Bp9A77S0lFRmkAiDCWc6A5ukOFBABiyQxuKmxMCvD2SkuEIEGDQEGTj1QAJmEIE0F0sGezWQgJMKIxAwpHnxMvD7gwRSwSCFPSmSgS1WKw0OVA0FGPhMwxhgfD/ZGKDDuJXloQ5jd1YQATk9KEEoEeROlhB3Vojn4qyjgxXVtTU9k6G+TRdlDffg5bIAMdMBAgwA2d1IM7Q2dl0AAAAASUVORK5CYII=");
}

.realtime-live {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEM0UwOUM3RjkwMzdFMTExOTk3NzkzNDBCQzdFQTMzRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MTY2NjcyODQxRkIxMUUxQjMyMEU2QkI3QzYxRTVCQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MTY2NjcyNzQxRkIxMUUxQjMyMEU2QkI3QzYxRTVCQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RTU2ODM3MjNFM0NFMTExQkE4M0MyQjFCQjYwOUUyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEM0UwOUM3RjkwMzdFMTExOTk3NzkzNDBCQzdFQTMzRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmVutIQAAAFHUExURdDzz8LtwZrVmO3/7ev+7KXYpcbiy8DgxLPctdPm2uTr7uz+7avarIjQhMXhye3/7svj0Ofr8Mbvw4zRiH3Mc+r+63K+Z4vofmrKYZfUlZvqkpbUlH/bduz+7IfPgnS8a7fduZ3WnNr82OPq7HTSa4/SjKvxpITOe2W1WpzVmnvLcoXLe9HzzoLLe4LOfcv2ya7br9T70czj0azaren96bjeu6zjqpTli+js8pTtiH3Wc9Hl13C9Z3TDbuz/7HvJcrHcs3LEatLl2HS9a43RiXvYcKLXoZLdjbDbsXfNcI7RiqDXn8/k1W7CZeD84HngaoLMe9Xm3HfPb47LhXfVbrrevW7MZWzCYXbeZ47mgr3ouWu+YcThyGe/XZHrhJfWj5nUltbn3oTPfXvUc9n22KjZqInQhd/p52e4Xev+64bPge7/7+ns8y51CuUAAABtdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wAtttRLAAAAz0lEQVR42mLIAQIuNgNNbwcjCxCbAYj5vFz9LeMirKStIQIcIeJK2dnZ/IaRvHwggRgVNeZsMLCT4uXMYVB2Mc/OzsxiBInIyjDlMLCH+QEFksAC2fqeTgysyUBGph5EgEXClIHJHSSgCxHIDjJmSAgGCQSYMQABc7Y8DwOrM0ggCwwyWTQUGNgzUrLhIMqWk4FL1YYbxjcRUwQ6jC06nh/CF9VOCwQ5PVROXQfI5RayFxaAeC5R0jdcSyTW0S0d6tscQQGPVB4OHxAzByDAABPCTEurZmptAAAAAElFTkSuQmCC");
}

.realtime-unavailable {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEM0UwOUM3RjkwMzdFMTExOTk3NzkzNDBCQzdFQTMzRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3RDBFNDc1RjQxRkIxMUUxQjU2ODg5RDkwRUY0RDBFRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3RDBFNDc1RTQxRkIxMUUxQjU2ODg5RDkwRUY0RDBFRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RTU2ODM3MjNFM0NFMTExQkE4M0MyQjFCQjYwOUUyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEM0UwOUM3RjkwMzdFMTExOTk3NzkzNDBCQzdFQTMzRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsPPEd4AAADzUExURezy9d3l7fb5+ufr8s/d5ejw9MrZ4uLo79Pf59fh6eLr79zk7N/m7uPo8Pv8/cva48zb5Nji6t7l7eHn79Xg6Nrm7eDm7tXg6cvb49Th6M7c5ebq8dnj69Tf6O709u3y9ebt8t7o7ezz9tnk6uLr8Mzb49bh6dzn7czc5O71+O/z9tHd5u3z9+Lq79zm7Nrj6/j7/fn7/dLe59Dd5s/c5enw9O/1+OHo7/f5+vb4+t/p7ury9tjk69He5tni6ujs8/j7/Mra4/b5+/T4+vD19+309/H19+ns883c5O7z9tzm7fL2+Obu8vn7/MnZ4vr8/ens84LLacYAAABRdFJOU///////////////////////////////////////////////////////////////////////////////////////////////////////////AGjsqMEAAAC4SURBVHjaRM8FDsMwDAVQlwaFrWNmZmZmbJP7n2Zx221fsmQ/RYoNlEUIVkcbb/SGPbDiKp3mfJErJEM2BGTeR1h8LxeHwMnkG97lpiD4eUIM823JWaSglFlj3G0gpRl4rgh1B95pELMIcQfyMRAfCHoXWNiLMHgmCKYVgyy3oNT2v2/JMeEGQW//QWqxxYLP03eeHjRcvWcWBzj2Jb9qH6eNI6vGRVoPU861dKd6M+EA3krpR4ABAN7AOu+7LH4FAAAAAElFTkSuQmCC");
}

.realtime-loading {
  background-image: url("data:image/gif;base64,R0lGODlhEAAQAPYAAP///3h4eOfn58bGxqqqqpmZmZubm7Kyss3Nzezs7M7OzoqKio2NjZGRkZSUlJiYmK+vr9ra2oaGhrS0tPT09PX19d7e3sDAwKKioqmpqdzc3OXl5ZaWloODg8HBwdHR0aioqLm5ue/v776+vn9/f66ursrKyq2trdjY2JycnH19fdTU1MfHx4SEhHt7e/Ly8vj4+Le3t729vfn5+by8vNDQ0Pv7+/z8/N3d3eLi4vr6+ujo6NPT0/b29ubm5vDw8O3t7eTk5ODg4Nvb2+7u7unp6ff39+vr67i4uNbW1tXV1aCgoKOjo6enp6urq5qampeXl9/f37a2tpKSkvPz846OjsLCwqampo+Pj4eHh8zMzKGhoYGBgb+/v6ysrJOTk+Hh4ePj4/Hx8dnZ2bq6usXFxcvLy6WlpcPDw5+fn52dnYmJic/Pz4CAgH5+ftLS0np6esnJyYyMjIKCgpWVlbW1tZCQkHx8fLOzs4iIiKSkpLCwsLu7uwAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAHjYAAgoOEhYUbIykthoUIHCQqLoI2OjeFCgsdJSsvgjcwPTaDAgYSHoY2FBSWAAMLE4wAPT89ggQMEbEzQD+CBQ0UsQA7RYIGDhWxN0E+ggcPFrEUQjuCCAYXsT5DRIIJEBgfhjsrFkaDERkgJhswMwk4CDzdhBohJwcxNB4sPAmMIlCwkOGhRo5gwhIGAgAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYU7A1dYDFtdG4YAPBhVC1ktXCRfJoVKT1NIERRUSl4qXIRHBFCbhTKFCgYjkII3g0hLUbMAOjaCBEw9ukZGgidNxLMUFYIXTkGzOmLLAEkQCLNUQMEAPxdSGoYvAkS9gjkyNEkJOjovRWAb04NBJlYsWh9KQ2FUkFQ5SWqsEJIAhq6DAAIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhQkKE2kGXiwChgBDB0sGDw4NDGpshTheZ2hRFRVDUmsMCIMiZE48hmgtUBuCYxBmkAAQbV2CLBM+t0puaoIySDC3VC4tgh40M7eFNRdH0IRgZUO3NjqDFB9mv4U6Pc+DRzUfQVQ3NzAULxU2hUBDKENCQTtAL9yGRgkbcvggEq9atUAAIfkECQoAAAAsAAAAABAAEAAAB4+AAIKDhIWFPygeEE4hbEeGADkXBycZZ1tqTkqFQSNIbBtGPUJdD088g1QmMjiGZl9MO4I5ViiQAEgMA4JKLAm3EWtXgmxmOrcUElWCb2zHkFQdcoIWPGK3Sm1LgkcoPrdOKiOCRmA4IpBwDUGDL2A5IjCCN/QAcYUURQIJIlQ9MzZu6aAgRgwFGAFvKRwUCAAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYUUYW9lHiYRP4YACStxZRc0SBMyFoVEPAoWQDMzAgolEBqDRjg8O4ZKIBNAgkBjG5AAZVtsgj44VLdCanWCYUI3txUPS7xBx5AVDgazAjC3Q3ZeghUJv5B1cgOCNmI/1YUeWSkCgzNUFDODKydzCwqFNkYwOoIubnQIt244MzDC1q2DggIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhTBAOSgrEUEUhgBUQThjSh8IcQo+hRUbYEdUNjoiGlZWQYM2QD4vhkI0ZWKCPQmtkG9SEYJURDOQAD4HaLuyv0ZeB4IVj8ZNJ4IwRje/QkxkgjYz05BdamyDN9uFJg9OR4YEK1RUYzFTT0qGdnduXC1Zchg8kEEjaQsMzpTZ8avgoEAAIfkECQoAAAAsAAAAABAAEAAAB4iAAIKDhIWFNz0/Oz47IjCGADpURAkCQUI4USKFNhUvFTMANxU7KElAhDA9OoZHH0oVgjczrJBRZkGyNpCCRCw8vIUzHmXBhDM0HoIGLsCQAjEmgjIqXrxaBxGCGw5cF4Y8TnybglprLXhjFBUWVnpeOIUIT3lydg4PantDz2UZDwYOIEhgzFggACH5BAkKAAAALAAAAAAQABAAAAeLgACCg4SFhjc6RhUVRjaGgzYzRhRiREQ9hSaGOhRFOxSDQQ0uj1RBPjOCIypOjwAJFkSCSyQrrhRDOYILXFSuNkpjggwtvo86H7YAZ1korkRaEYJlC3WuESxBggJLWHGGFhcIxgBvUHQyUT1GQWwhFxuFKyBPakxNXgceYY9HCDEZTlxA8cOVwUGBAAA7AAAAAAAAAAAA");
}

.icon-right {
  padding-right: 20px;
  background-position: right center;
  background-repeat: no-repeat;
  min-height: 16px;
}

/*Product Page*/
#ProductDescription b {
  display: block;
  margin: 10px 0px 5px 0px;
}

/*Register Page*/
#registrationId {
  max-width: 700px;
  width: 100%;
  margin: auto;
  margin-top: 5%;
}
#registrationId .one-column {
  padding-left: 20px;
  padding-right: 20px;
}
#registrationId p {
  font-size: 16px;
}
#registrationId .top-message h1 {
  text-transform: capitalize;
  font-weight: 900;
  text-align: center;
  margin-bottom: 0;
}
#registrationId .top-message h2 {
  font-size: 16px;
  text-align: center;
}
#registrationId .top-message .orange-text {
  color: #ff6d00;
}
#registrationId .top-message .orange-text a {
  color: #ff6d00;
  font-size: 16px;
}
#registrationId .register-form .narrow-form {
  max-width: 500px;
  width: 100%;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap {
  position: relative;
  margin-top: 0.5rem;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .signup-icon {
  position: absolute;
  top: 20px;
  left: 18px;
  color: #75757f;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .signup-icon i {
  font-size: 16px;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .signup-input-text {
  text-align: left;
  margin: 5px 0px;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .signup-input-text.input-validation-error {
  background-color: #F8D7DA;
  color: #721C24;
  border: 1px solid #F5C6CB;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .signup-input-text.input-validation-error::-webkit-input-placeholder {
  color: #721C24;
  opacity: 1;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .signup-input-text.input-validation-error:-ms-input-placeholder {
  color: #721C24;
  opacity: 1;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .signup-input-text.input-validation-error::-ms-input-placeholder {
  color: #721C24;
  opacity: 1;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .signup-input-text.input-validation-error::placeholder {
  color: #721C24;
  opacity: 1;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .signup-input-text.input-validation-error:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #721C24;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .signup-input-text.input-validation-error::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #721C24;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .signup-input-text.input-validation-error + .signup-icon i {
  color: #721C24;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .form-control {
  display: block;
  width: 100%;
  line-height: 1.5;
  color: #3f3f49;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccccd6;
  border-radius: 5px;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .form-control.input-validation-error {
  background-color: #F8D7DA;
  color: #721C24;
  border: 1px solid #F5C6CB;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .form-control.input-validation-error::-webkit-input-placeholder {
  color: #721C24;
  opacity: 1;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .form-control.input-validation-error:-ms-input-placeholder {
  color: #721C24;
  opacity: 1;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .form-control.input-validation-error::-ms-input-placeholder {
  color: #721C24;
  opacity: 1;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .form-control.input-validation-error::placeholder {
  color: #721C24;
  opacity: 1;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .form-control.input-validation-error:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #721C24;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .form-control.input-validation-error + .field-validation-error {
  background-color: #F8D7DA;
  color: #721C24;
  border: 1px solid #F5C6CB;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .custom-select label {
  padding: 15px 10px;
  background-color: #fff;
  border: 1px solid #ccccd6;
  cursor: pointer;
  margin: 1%;
  text-align: center;
  border-radius: 3px;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .custom-select input[type=radio] {
  visibility: hidden;
  position: fixed;
  top: -20px;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .custom-select input[type=radio]:checked + label {
  background-color: #979ea2;
  color: #fff;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .custom-select.input-validation-error:last-of-type + label {
  border-right: 3px solid #F5C6CB !important;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .custom-select .input-validation-error + label {
  background-color: #F8D7DA;
  color: #721C24;
  border: 3px solid #F5C6CB;
  border-bottom: 3px solid #F5C6CB !important;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .custom-select.disable {
  position: relative;
}
#registrationId .register-form .narrow-form .signup-input-list .signup-input-wrap .custom-select.disable:before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
}
#registrationId .register-form .narrow-form .policy-list .mdc-form-field label {
  font-size: 14px;
  margin-top: -3px;
}
#registrationId .register-form .narrow-form .progress-bar {
  display: none;
  position: relative;
}
#registrationId .register-form .narrow-form .progress-bar .steps {
  height: auto !important;
  background: none !important;
  border-bottom: 10px solid #f5f5f5;
  cursor: default;
  width: 33%;
}
#registrationId .register-form .narrow-form .progress-bar .steps h2, #registrationId .register-form .narrow-form .progress-bar .steps p {
  cursor: default;
}
#registrationId .register-form .narrow-form .progress-bar .steps.active {
  border-bottom: 10px solid #ee701e;
}
#registrationId .register-form .narrow-form .progress-bar .steps:hover .steps-tooltip {
  opacity: initial;
  cursor: initial;
}
#registrationId .tooltips-container .steps-tooltip {
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
  background-color: #fff;
  border-radius: 5px;
  position: relative;
}
#registrationId .tooltips-container.show {
  opacity: initial;
}
#registrationId .tooltips-container h2 {
  font-weight: 700;
  text-align: center;
  font-size: 15px;
}
#registrationId .tooltips-container p {
  display: none;
}
#registrationId .tooltips-container .arrow {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  bottom: -10px;
  left: 70px;
  position: absolute;
  display: none;
}
#registrationId .invite-team h2 {
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 900;
}
#registrationId .invite-team input {
  background-color: #f5f5f5;
  border: 1px solid #ccccd6;
  color: #75757f;
  font-size: 16px;
  text-decoration: underline;
}
#registrationId .invite-team button {
  font-size: 16px;
}
#registrationId .invite-team img {
  max-width: 100%;
}
#registrationId.got-account .submit-button a {
  background-color: #F4762C;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  width: 100%;
  border-radius: 5px;
  padding: 8px;
  margin: 8px 8px 0 0;
  text-align: center;
  font-weight: 700;
}
#registrationId.got-account .submit-button aa:hover {
  background-color: #6C757D;
}
#registrationId button {
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
#registrationId .error a {
  max-width: 200px;
  display: block !important;
}

/*Brands Page*/
.brand-grid {
  padding: 10px;
  text-align: center;
  border-radius: 3px;
  min-height: 40px;
  align-content: center;
  display: grid;
  gap: 6px;
  background: transparent;
}
.brand-grid .brand-item {
  padding: 10px;
  text-align: center;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  min-height: 73px;
  box-sizing: border-box;
  align-content: center;
}
.brand-grid img {
  max-width: 100%;
  height: auto;
  max-height: 40px !important;
}

@media (min-width: 576px) {
  .brand-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .brand-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 992px) {
  .brand-grid {
    grid-template-columns: repeat(12, 1fr);
  }
}
#brandsContent div > a {
  text-transform: capitalize;
  line-height: 28px;
}

.brands-page .icon-button {
  background: #FFF6F4;
  border-radius: 30px;
  padding: 3px;
}

@media (min-width: 768px) {
  header.nav-header .top-nav {
    background-color: #fff;
  }
  header.nav-header .top-nav .header-logo {
    width: 170px;
    height: 100%;
    padding-right: 0;
  }
  header.nav-header .top-nav .header-logo.mobile-logo {
    display: none;
  }
  header.nav-header .top-nav .header-logo.desktop-logo {
    display: block;
  }
  header.nav-header .top-nav .header-links-top-right > div {
    width: auto;
  }
  header.nav-header .top-nav .mobile-search-container {
    display: none;
  }
  header.nav-header .top-nav .search-container {
    display: flex !important;
    position: relative;
    margin: 0 auto;
  }
  header.nav-header .top-nav .search-container .nav-search {
    width: 100%;
    box-shadow: none;
    border: 1px solid #ddd;
    border-right: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0;
    padding: 7px 15px 7px 15px;
    font-size: 12px;
    height: 35px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  header.nav-header .top-nav .search-container .nav-search:focus {
    box-shadow: 0px 0px 3px #0085ff !important;
  }
  header.nav-header .top-nav .search-container .search-button {
    display: inline-block;
    vertical-align: middle;
    background: #ee701e;
    padding: 5px 25px;
    border-radius: 10px;
    margin-left: 0px;
    position: absolute;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    font-size: 13px;
    height: 35px;
    line-height: normal;
    font-weight: normal;
    right: 0;
  }
  header.nav-header .top-nav #side-nav-toggle {
    display: none;
  }
  header.nav-header .top-nav .search-dropdown {
    margin: auto 0;
  }
  header.nav-header .top-nav .search-dropdown#slideout-nav {
    display: block !important;
    background-color: transparent;
    top: 0;
    text-align: right;
    width: auto;
    box-shadow: none;
    height: fit-content;
    position: relative;
    padding: 0;
  }
  header.nav-header .top-nav .search-dropdown#slideout-nav ul {
    padding-left: 0;
    padding: 0px;
  }
  header.nav-header .top-nav .search-dropdown#slideout-nav ul li {
    display: none;
  }
  header.nav-header .top-nav .search-dropdown#slideout-nav ul li.login-link {
    display: inline-block;
    background-color: #ee701e;
    border-radius: 50px;
    padding: 12px 20px;
    margin-top: 2px;
  }
  header.nav-header .top-nav .search-dropdown#slideout-nav ul li.login-link a {
    color: #fff;
    padding: 5px 10px;
    position: relative;
    top: -1px;
  }
  header.nav-header .top-nav .search-dropdown#slideout-nav ul li.my-account {
    display: block;
  }
  header.nav-header .top-nav .search-dropdown#slideout-nav ul li.my-account #account {
    padding: 5px 0 5px 40px;
    align-items: center;
    color: #303133;
  }
  header.nav-header .top-nav .search-dropdown#slideout-nav ul li.my-account #account i {
    color: #303133;
    display: none;
  }
  header.nav-header .top-nav .search-dropdown#slideout-nav ul li.my-account .account-list {
    min-width: 200px;
    position: absolute;
    background-color: #fff;
    z-index: 999;
    right: 0;
    top: 50px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  }
  header.nav-header .top-nav .search-dropdown#slideout-nav ul li.my-account .account-list .account-dropdown {
    display: block;
    padding: 0;
  }
  header.nav-header .top-nav .search-dropdown#slideout-nav ul li.my-account .account-list .account-dropdown a {
    padding: 10px 20px;
    display: block;
    color: #393939;
  }
  header.nav-header .top-nav .search-dropdown#slideout-nav ul li.my-account .account-list .account-dropdown a:hover {
    background-color: #ee701e;
    color: #fff;
  }
  header.nav-header .top-nav .search-dropdown#slideout-nav ul li.hide {
    display: none;
  }
  #second_head {
    height: initial;
    top: 0;
  }
  #second_head #NavMainUl {
    padding: 0;
    position: relative;
  }
  #second_head #NavMainUl .service-list-container {
    display: inline-block;
  }
  #second_head #NavMainUl .service-list-container .service-button {
    position: relative;
    background: transparent;
    border-radius: 0;
    font-size: 14px;
    padding-right: 30px;
    color: #303133;
    border: none;
    padding-left: 0px;
  }
  #second_head .second-nav-container .second-container {
    padding-left: 0;
  }
  #second_head .second-nav-container .second-container .second-nav-main-link {
    font-size: 12px;
  }
  #second_head .second-nav-container .second-container .droppable .megamenu {
    display: none;
    left: -130px;
    top: 34px;
    position: absolute;
    text-align: left;
    width: 400px;
    max-width: 700px;
    background: #fff;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);
  }
  #second_head .second-nav-container .second-container .droppable .megamenu h2 {
    font-weight: 700;
    color: #ee701e;
    font-size: 17px;
    font-weight: 600;
    font-size: 23px;
    line-height: normal;
    font-family: "Tenon";
  }
  #second_head .second-nav-container .second-container .droppable .megamenu p {
    color: #303133;
    font-weight: 500;
  }
  #second_head .second-nav-container .second-container .droppable .megamenu a .banner-link {
    padding: 0;
  }
  #second_head .second-nav-container .second-container .droppable .megamenu button {
    padding: 0 20px;
  }
  #second_head .second-nav-container .second-container .droppable .megamenu .col-lg-6:nth-child(2) h2 {
    font-size: 17px;
  }
  #second_head .second-nav-container .second-container .droppable .megamenu .border-right {
    border-right: none;
  }
  #second_head .second-nav-container .second-container .droppable .dropdown-menu {
    display: none;
    position: absolute;
    background: #fff;
    text-align: left;
    top: 50px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);
  }
  #second_head .second-nav-container .second-container .droppable .dropdown-menu ul {
    margin: 0;
    padding: 10px 0px;
  }
  #second_head .second-nav-container .second-container .droppable .dropdown-menu ul li {
    display: block;
  }
  #second_head .second-nav-container .second-container .droppable .dropdown-menu ul li a {
    display: block;
    color: #303133;
    padding: 7px 15px;
  }
  #second_head .second-nav-container .second-container .droppable .dropdown-menu ul li a:hover {
    color: #ee701e;
  }
  #second_head .second-nav-container .second-container .droppable:hover .megamenu {
    display: block;
  }
  #second_head .second-nav-container .second-container .droppable:hover .dropdown-menu {
    display: block;
  }
  #top_head_mainnav {
    display: none;
  }
  footer .footer-text-section {
    margin-bottom: 20px;
  }
  footer .footer-top {
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  footer .footer-top .footer-contact {
    margin-right: 0;
    padding-top: 35px;
  }
  footer .col-3 {
    width: 33%;
  }
  footer .footer-links ul {
    padding: 27px 20px 0px 40px !important;
    margin-top: 0px;
    line-height: 27px;
  }
  footer .footer-links a {
    margin: 10px;
  }
  footer .footer-contact {
    margin-top: 0px;
  }
  footer .footer-contact .contact-link {
    color: #fff;
    margin-bottom: 10px;
    text-align: right;
  }
  footer .footer-contact .contact-link a {
    margin-left: 10px;
  }
  /*Generic Styles*/
  .mobile-only {
    display: none;
  }
  /*Products Listing*/
  #searchResultsContent #searchFilters {
    display: block;
    position: unset !important;
    padding-left: 0px;
    left: -9999px;
    transition: 0.3s;
    background: none;
    z-index: 9;
    width: auto;
    top: 100px;
    padding-top: inherit;
    height: auto;
    box-shadow: none;
  }
  #searchResultsContent .adi-ssr {
    display: block;
  }
  .popup-warehouse {
    border-collapse: collapse;
    margin: 5px;
  }
  .popup-warehouse th, .popup-warehouse td {
    border: 1px solid #ededed;
    padding: 5px;
  }
}
@media (min-width: 992px) {
  #body #body-content {
    max-width: 80%;
    background: #fff;
  }
  .has-side-nav #body {
    margin-left: 65px;
  }
  header.nav-header .top-nav .search-dropdown#slideout-nav ul li.my-account #account {
    display: flex;
    text-decoration: none;
  }
  header.nav-header .top-nav .search-dropdown#slideout-nav ul li.my-account #account i {
    display: flex;
  }
  header.nav-header .top-nav .search-container #top_head_mainnav {
    display: inline-block;
  }
  #second_head #NavMainUl {
    left: 0px;
  }
  #second_head .second-nav-container .second-container li .second-nav-main-link {
    font-size: 12px;
    font-weight: 300;
  }
  #second_head .second-nav-container .second-container .droppable .megamenu .border-right {
    border-right: 1px solid #ccccd6;
  }
  footer .footer-links a {
    margin: 20px 10px;
  }
  footer .footer-links a:hover {
    text-decoration: underline;
  }
  footer .footer-links p {
    margin: 20px 10px;
  }
  footer .desktop {
    display: block;
  }
  .desktop-only {
    visibility: visible;
  }
  .card {
    overflow-x: unset;
  }
}
@media (min-width: 1050px) {
  header.nav-header .top-nav .header-logo {
    width: 243px;
    padding-top: 0;
  }
  #second_head #NavMainUl .service-list-container .service-button i {
    display: inline-block;
  }
  #second_head .second-nav-container {
    margin-right: auto;
  }
  #second_head .second-nav-container .second-container {
    display: flex;
    align-items: center;
    padding: 4px 0px;
    margin: 0;
  }
  #second_head .second-nav-container .second-container .droppable .megamenu {
    width: 1000px;
  }
  #second_head .empty-div {
    min-width: 100px;
  }
  #second_head .nav-last {
    display: flex;
  }
  #second_head .nav-last .region-container {
    display: block;
    position: relative;
  }
  #Announcement {
    max-width: 800px;
    margin: 0 auto;
    z-index: 2;
    position: relative;
  }
}
@media (min-width: 1200px) {
  #Announcement {
    max-width: 80%;
  }
  header.nav-header .top-nav .account-container span:nth-child(2) {
    display: inline-block;
  }
}
@media (min-width: 1600px) {
  #Announcement {
    max-width: 70%;
  }
  #body #body-content {
    max-width: 70%;
  }
  .one-column, .three-column, .two-column-right, .two-column-left, header.page-header, #Breadcrumbs {
    max-width: 100% !important;
  }
}
@media (min-width: 2000px) {
  #Announcement {
    max-width: 1100px;
  }
  #body #body-content {
    max-width: 70%;
  }
  .one-column, .three-column, .two-column-right, .two-column-left, header.page-header {
    max-width: 100%;
  }
}
/************ mega menu *********************/
/**************** CSS FOR IE *******************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #body-content {
    min-height: 600px;
  }
  header.nav-header .top-nav .header-logo {
    width: auto;
  }
}
@media (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) {
  header.nav-header .top-nav .header-logo {
    width: 220px;
  }
  header.nav-header .top-nav .search-dropdown#slideout-nav ul li.login-link {
    display: block;
  }
  #second_head {
    height: auto;
  }
  .service-list-title {
    max-height: 45px;
  }
  .filter-dropdown-title {
    position: relative;
    color: #303133;
    border-right: 1px solid #f9f9f9;
    min-width: 250px;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
    margin: 0;
  }
  .filter-dropdown-title:hover {
    max-height: 45px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mobile-search-container {
    -ms-grid-columns: min-content;
    max-width: 45px;
  }
}