/* screensize variables and mixin function start */
@font-face {
  font-family: "Artbrush";
  src: url("https://store-af44b.mybigcommerce.com/content/ArtBrush.eot");
  src: url("https://store-af44b.mybigcommerce.com/content/ArtBrush.eot") format("embedded-opentype"), url("https://store-af44b.mybigcommerce.com/content/ArtBrush.ttf") format("truetype");
  font-style: normal; }

/* screensize variables and mixin function end */
.static-store-custom-main {
  font-size: 0;
  display: block;
  margin-bottom: 50px; }
  .static-store-custom-main .static-store-custom-main-left,
  .static-store-custom-main .static-store-custom-main-right {
    display: block;
    width: 100%;
    padding: 0; }
    @media (min-width: 801px) {
      .static-store-custom-main .static-store-custom-main-left,
      .static-store-custom-main .static-store-custom-main-right {
        display: inline-block;
        vertical-align: middle;
        width: 50%; } }
    .static-store-custom-main .static-store-custom-main-left .static-store-custom-link,
    .static-store-custom-main .static-store-custom-main-right .static-store-custom-link {
      display: block;
      font-weight: normal;
      padding: 5px 15px;
      margin-bottom: 0; }
      .static-store-custom-main .static-store-custom-main-left .static-store-custom-link .static-store-custom-heading,
      .static-store-custom-main .static-store-custom-main-right .static-store-custom-link .static-store-custom-heading {
        display: block;
        font-size: 30px;
        line-height: 1;
        color: #ffffff;
        text-transform: capitalize;
        margin-bottom: 5px;
        font-family: "Artbrush";
        display: block; }
        @media (min-width: 801px) {
          .static-store-custom-main .static-store-custom-main-left .static-store-custom-link .static-store-custom-heading,
          .static-store-custom-main .static-store-custom-main-right .static-store-custom-link .static-store-custom-heading {
            font-size: 34px; } }
      .static-store-custom-main .static-store-custom-main-left .static-store-custom-link .static-store-custom-content,
      .static-store-custom-main .static-store-custom-main-right .static-store-custom-link .static-store-custom-content {
        display: block;
        font-size: 16px;
        line-height: 1;
        color: #ffffff;
        text-transform: capitalize;
        font-family: Arial;
        font-weight: bold;
        font-style: italic;
        display: inline-block; }
        @media (min-width: 801px) {
          .static-store-custom-main .static-store-custom-main-left .static-store-custom-link .static-store-custom-content,
          .static-store-custom-main .static-store-custom-main-right .static-store-custom-link .static-store-custom-content {
            font-size: 18px; } }
  .static-store-custom-main .static-store-custom-main-left {
    margin-bottom: 20px; }
    @media (min-width: 801px) {
      .static-store-custom-main .static-store-custom-main-left {
        margin-bottom: 0;
        padding-right: 20px; } }
  @media (min-width: 801px) {
    .static-store-custom-main .static-store-custom-main-right {
      padding-left: 20px; } }

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

.header-logo {
  max-width: 250px; }

@media (min-width: 801px) {
  .header-logo-image-container:after {
    padding-bottom: 31px; } }

header.header .header-logo {
  padding-top: 15px;
  padding-bottom: 15px; }
  @media (max-width: 1200px) {
    header.header .header-logo {
      margin-left: 15px !important; } }

header.header .navUser {
  width: inherit; }

header.header ul.navUser-section.navUser-section--alt {
  padding-top: 0;
  justify-content: flex-end;
  width: inherit; }
  header.header ul.navUser-section.navUser-section--alt li.navUser-item {
    margin-left: 5px;
    margin-right: 5px; }
    header.header ul.navUser-section.navUser-section--alt li.navUser-item.navUser-item--cart {
      left: 0; }

@media (min-width: 801px) and (max-width: 1200px) {
  header.header ul.navUser-section.navUser-section--alt li.navUser-item.navUser-item--cart {
    margin-right: 15px; } }
    header.header ul.navUser-section.navUser-section--alt li.navUser-item.navUser-item--account #account-dropdown-signin-list {
      top: 45px; }
    header.header ul.navUser-section.navUser-section--alt li.navUser-item.quicksearch.mobile {
      display: none; }
      @media (max-width: 980px) {
        header.header ul.navUser-section.navUser-section--alt li.navUser-item.quicksearch.mobile {
          display: block;
          top: 0; }
          header.header ul.navUser-section.navUser-section--alt li.navUser-item.quicksearch.mobile a svg.header-icon.search-icon {
            position: inherit;
            width: 15px !important;
            height: 15px !important; } }
    @media (max-width: 980px) and (min-width: 801px) {
      header.header ul.navUser-section.navUser-section--alt li.navUser-item.quicksearch.mobile a svg.header-icon.search-icon {
        height: 20px !important;
        width: 20px !important; } }
    header.header ul.navUser-section.navUser-section--alt li.navUser-item a {
      padding: 10px 0; }

header.header .search-icon.submit {
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
  height: inherit;
  width: 25px;
  height: 35px; }

header.header .form .form-input {
  padding: 6px 50px 6px 14px; }

@media (max-width: 980px) {
  header.header.quick-search-is-open .user-icons {
    z-index: 1; }
  header.header.quick-search-is-open .mobileMenu-toggle {
    display: block; } }

.navPages-desktop {
  display: none; }
  @media (max-width: 800px) {
    .navPages-desktop {
      border: 1px solid rgba(0, 0, 0, 0.15);
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } }
  @media (min-width: 801px) {
    .navPages-desktop {
      display: block;
      padding-left: 30px; } }
  .navPages-desktop .navPages-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row; }
  .navPages-desktop .navPages-action {
    font-size: 20px;
    color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-align-items: center;
    align-items: center;
    text-transform: inherit;
    padding-top: 21px;
    padding-bottom: 20px;
    line-height: 20px; }
    @media (min-width: 1025px) {
      .navPages-desktop .navPages-action.is-open {
        color: #333333; }
        .navPages-desktop .navPages-action.is-open svg {
          fill: #333333;
          stroke: #333333; } }
    @media (max-width: 1024px) {
      .navPages-desktop .navPages-action.is-open {
        background-color: transparent;
        color: #ffffff; }
        .navPages-desktop .navPages-action.is-open svg {
          fill: #ffffff;
          stroke: #ffffff; } }
    @media (max-width: 1024px) {
      .navPages-desktop .navPages-action.isopen {
        color: #333333;
        background-color: #ffffff; }
        .navPages-desktop .navPages-action.isopen svg {
          fill: #333333;
          stroke: #333333; } }
    @media (min-width: 1025px) {
      .navPages-desktop .navPages-action:hover svg {
        fill: #333333;
        stroke: #333333; } }
    .navPages-desktop .navPages-action svg {
      fill: #ffffff;
      stroke: #ffffff; }
    @media (min-width: 800px) {
      .navPages-desktop .navPages-action .navPages-action-moreIcon {
        display: none; } }
  .navPages-desktop .navPage-subMenu {
    left: inherit;
    width: auto; }
    @media (min-width: 801px) {
      .navPages-desktop .navPage-subMenu {
        border: 1px solid rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } }
    .navPages-desktop .navPage-subMenu.active {
      display: block; }
    .navPages-desktop .navPage-subMenu .navPages-item {
      float: none; }
    .navPages-desktop .navPage-subMenu .navPages-action {
      font-size: 15px;
      color: #333333;
      font-weight: normal;
      padding: 5px 0; }
      .navPages-desktop .navPage-subMenu .navPages-action:hover, .navPages-desktop .navPage-subMenu .navPages-action:focus, .navPages-desktop .navPage-subMenu .navPages-action.is-open {
        background-color: transparent;
        opacity: 0.8; }
    .navPages-desktop .navPage-subMenu .navPage-subMenu-action .navPages-action-moreIcon {
      display: block; }

.has-activeNavPages .nav-mobile {
  display: block;
  background: #ffffff;
  max-width: 300px;
  flex: inherit;
  margin: 0 0 0 auto; }
  .has-activeNavPages .nav-mobile .navPages-desktop {
    display: block; }
    .has-activeNavPages .nav-mobile .navPages-desktop .navPages-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column; }

.nav-mobile {
  display: none; }
  .nav-mobile .navPages-desktop {
    display: none; }
    .nav-mobile .navPages-desktop .navPages {
      padding: 15px; }
    .nav-mobile .navPages-desktop .navPages-item {
      display: block; }
    .nav-mobile .navPages-desktop .has-subMenu.is-open .navPages-action-moreIcon {
      transform: rotate(0deg); }
    .nav-mobile .navPages-desktop .has-subMenu.is-open.isopen .navPages-action-moreIcon {
      transform: rotate(0deg); }
    .nav-mobile .navPages-desktop .navPages-action {
      color: #333333;
      padding: 5px;
      text-transform: uppercase;
      font-size: 16px; }
      .nav-mobile .navPages-desktop .navPages-action svg {
        fill: #333333;
        stroke: #333333; }
      .nav-mobile .navPages-desktop .navPages-action .navPages-action-moreIcon {
        margin-left: 8px;
        width: 15px;
        height: 15px; }
    .nav-mobile .navPages-desktop .navPage-subMenu .navPages-action {
      font-size: 13px; }

/* start custom-page */
.p1s-designer .container, .why-us-sec .container, .order-info-banner .container {
  display: flex; }

@media (min-width: 768px) {
  .p1s-designer {
    margin-top: 15px; } }

@media (min-width: 1024px) {
  .p1s-designer {
    margin-top: 38px; } }

@media (min-width: 1440px) {
  .p1s-designer {
    margin-top: 0px; } }

.p1s-designer .store-custom-page-row {
  margin-top: 25px;
  display: block;
  margin-bottom: 35px;
  float: left;
  width: 100%; }
  @media (min-width: 551px) {
    .p1s-designer .store-custom-page-row {
      margin-top: 30px;
      margin-bottom: 40px; } }
  @media (min-width: 768px) {
    .p1s-designer .store-custom-page-row {
      margin-top: 35px;
      margin-bottom: 35px; } }
  @media (min-width: 1024px) {
    .p1s-designer .store-custom-page-row {
      margin-bottom: 45px; } }
  .p1s-designer .store-custom-page-row .store-custom-page-col {
    float: left;
    width: 100%; }
    @media (min-width: 551px) {
      .p1s-designer .store-custom-page-row .store-custom-page-col {
        width: 49%;
        margin-right: 1%; } }
    @media (min-width: 768px) {
      .p1s-designer .store-custom-page-row .store-custom-page-col {
        width: 23%;
        margin-right: 1%;
        margin-left: 1%; } }
    .p1s-designer .store-custom-page-row .store-custom-page-col .static-store-custom-link {
      font-weight: normal;
      line-height: 1;
      color: #ffffff;
      text-transform: capitalize;
      font-family: "Artbrush";
      padding: 15px 30px;
      font-size: 18px;
      width: 100%; }
      @media (min-width: 768px) {
        .p1s-designer .store-custom-page-row .store-custom-page-col .static-store-custom-link {
          margin-bottom: 0;
          padding: 15px 20px; } }
      @media (min-width: 1024px) {
        .p1s-designer .store-custom-page-row .store-custom-page-col .static-store-custom-link {
          padding: 15px 30px; } }

.why-us-sec .custom-product-sec {
  width: 100%;
  float: left;
  padding: 0px;
  /*&:after{
        @media (min-width: 768px){
          content: "";
          border-top: 1px solid #d6d5d5;
          display: block;
        }  
      }*/ }
  @media (min-width: 768px) {
    .why-us-sec .custom-product-sec {
      padding: 20px 15px 0px; } }
  @media (min-width: 768px) {
    .why-us-sec .custom-product-sec .row {
      margin: 0 -15px; } }
  .why-us-sec .custom-product-sec .custom-productimg-left {
    float: left;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    padding-bottom: 30px; }
    @media (min-width: 768px) {
      .why-us-sec .custom-product-sec .custom-productimg-left {
        padding-bottom: 0px;
        padding-right: 15px;
        padding-left: 15px; } }
  .why-us-sec .custom-product-sec .custom-productimg-right {
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 30px; }
    @media (min-width: 768px) {
      .why-us-sec .custom-product-sec .custom-productimg-right {
        display: initial;
        padding-bottom: 0; } }
    .why-us-sec .custom-product-sec .custom-productimg-right .custom-product-desc {
      order: 1; }
  .why-us-sec .custom-product-sec .custom-product-img {
    float: left;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 7px;
    padding-top: 7px;
    /*.btn-primary{
            background-color: #ff762b;
            color: #fff;
            &:hover{
              background-color:#fff;
              color: #f1592b;
              border-color: #f1592b;
            }
          }*/ }
    @media (min-width: 768px) {
      .why-us-sec .custom-product-sec .custom-product-img {
        width: 50%;
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 80px; } }
    @media (min-width: 1024px) {
      .why-us-sec .custom-product-sec .custom-product-img {
        padding-top: 0px;
        padding-bottom: 30px; } }
    .why-us-sec .custom-product-sec .custom-product-img a {
      padding: 11px;
      text-decoration: none;
      border: 2px solid #ff762b;
      display: inline-block;
      font-family: Artbrush;
      font-weight: normal;
      font-size: 14px;
      border-radius: 2px;
      margin-bottom: 10px;
      color: #f1592b;
      transition: 0.3s all;
      margin-top: 30px;
      margin-bottom: 20px;
      margin-right: 15px; }
      @media (min-width: 768px) {
        .why-us-sec .custom-product-sec .custom-product-img a {
          font-size: 16px; } }
      @media (min-width: 551px) {
        .why-us-sec .custom-product-sec .custom-product-img a {
          font-size: 14px;
          padding: 12px; } }
      @media (min-width: 1024px) {
        .why-us-sec .custom-product-sec .custom-product-img a {
          font-size: 18px; } }
      .why-us-sec .custom-product-sec .custom-product-img a:hover {
        border: 2px solid #ff762b;
        background-color: #ff762b;
        color: #fff; }
    .why-us-sec .custom-product-sec .custom-product-img .btn-outline-primary {
      border: 2px solid #f1592b; }
  @media (min-width: 768px) {
    .why-us-sec .custom-product-sec .custom-product-img-alt {
      padding-top: 110px;
      padding-bottom: 0; } }
  @media (min-width: 1024px) {
    .why-us-sec .custom-product-sec .custom-product-img-alt {
      padding-top: 20px; } }
  .why-us-sec .custom-product-sec .custom-product-desc {
    float: left;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    /*text-align: center;*/
    padding-top: 7px;
    padding-bottom: 7px; }
    @media (min-width: 768px) {
      .why-us-sec .custom-product-sec .custom-product-desc {
        width: 50%;
        text-align: left; } }
    @media (min-width: 1200px) {
      .why-us-sec .custom-product-sec .custom-product-desc ul {
        margin-left: 2.15rem; } }
    .why-us-sec .custom-product-sec .custom-product-desc ul li {
      color: #000000; }
    .why-us-sec .custom-product-sec .custom-product-desc .product-supertext {
      color: #ddb85c;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      font-size: 15px;
      margin-bottom: 10px;
      letter-spacing: 0.8px;
      font-family: lato, sans-serif; }
      @media (min-width: 551px) {
        .why-us-sec .custom-product-sec .custom-product-desc .product-supertext {
          font-size: 16px; } }
      @media (min-width: 768px) {
        .why-us-sec .custom-product-sec .custom-product-desc .product-supertext {
          text-align: left; } }
    .why-us-sec .custom-product-sec .custom-product-desc .product-title {
      font-size: 16px;
      font-family: lato, sans-serif;
      color: #000000;
      margin: 3.2px 0 10px;
      font-weight: 700; }
      @media (min-width: 1200px) {
        .why-us-sec .custom-product-sec .custom-product-desc .product-title {
          font-size: 20px; } }
      .why-us-sec .custom-product-sec .custom-product-desc .product-title a {
        color: #000000; }
    .why-us-sec .custom-product-sec .custom-product-desc .product-text {
      font-size: 15px;
      font-family: 'Lato', sans-serif;
      padding: 8px 0 24px 0;
      color: #000000;
      line-height: 22.8571px;
      display: block; }
      @media (min-width: 769px) {
        .why-us-sec .custom-product-sec .custom-product-desc .product-text {
          font-size: 17px; } }
      .why-us-sec .custom-product-sec .custom-product-desc .product-text ul {
        padding-left: 0px;
        margin-top: 15px;
        margin-bottom: 15px; }
        @media (min-width: 768px) {
          .why-us-sec .custom-product-sec .custom-product-desc .product-text ul {
            padding-left: 0px;
            margin-top: 10px;
            margin-bottom: 10px; } }
        @media (min-width: 1024px) {
          .why-us-sec .custom-product-sec .custom-product-desc .product-text ul {
            padding-left: 40px; } }
        .why-us-sec .custom-product-sec .custom-product-desc .product-text ul li {
          text-align: left; }

.order-info-banner .black-box-sec .black-box {
  color: #fff;
  text-align: center;
  padding: 0;
  font-family: 'Lato', sans-serif;
  display: inline-block;
  padding-bottom: 40px; }
  @media (min-width: 768px) {
    .order-info-banner .black-box-sec .black-box {
      padding-bottom: 80px;
      padding-top: 30px;
      padding-left: 130px;
      padding-right: 130px; } }
  .order-info-banner .black-box-sec .black-box .black-box-text {
    font-size: 14px;
    padding-top: 20px; }
    @media (min-width: 551px) {
      .order-info-banner .black-box-sec .black-box .black-box-text {
        font-size: 15px; } }
    @media (min-width: 768px) {
      .order-info-banner .black-box-sec .black-box .black-box-text {
        padding: 0 50px;
        font-size: 16px; } }
  .order-info-banner .black-box-sec .black-box .black-box-elipcis-sec {
    float: left;
    width: 100%;
    padding-bottom: 20px; }
    @media (min-width: 551px) {
      .order-info-banner .black-box-sec .black-box .black-box-elipcis-sec {
        width: 50%; } }
    @media (min-width: 768px) {
      .order-info-banner .black-box-sec .black-box .black-box-elipcis-sec {
        width: 33.33%; } }
    @media (min-width: 1024px) {
      .order-info-banner .black-box-sec .black-box .black-box-elipcis-sec {
        width: 20%; } }
    .order-info-banner .black-box-sec .black-box .black-box-elipcis-sec .black-box-elipcis {
      position: relative;
      margin-bottom: 20px; }
      .order-info-banner .black-box-sec .black-box .black-box-elipcis-sec .black-box-elipcis .black-box-elipcis-imgtext {
        position: relative; }
        .order-info-banner .black-box-sec .black-box .black-box-elipcis-sec .black-box-elipcis .black-box-elipcis-imgtext img {
          border-radius: 50%; }
        .order-info-banner .black-box-sec .black-box .black-box-elipcis-sec .black-box-elipcis .black-box-elipcis-imgtext .black-box-elipcis-text {
          font-family: "Artbrush";
          color: #040407;
          font-size: 20px;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 61px;
          text-transform: uppercase; }
          @media (min-width: 1440px) {
            .order-info-banner .black-box-sec .black-box .black-box-elipcis-sec .black-box-elipcis .black-box-elipcis-imgtext .black-box-elipcis-text {
              padding: 65px; } }
        .order-info-banner .black-box-sec .black-box .black-box-elipcis-sec .black-box-elipcis .black-box-elipcis-imgtext .last {
          color: #fff; }
    .order-info-banner .black-box-sec .black-box .black-box-elipcis-sec .elipcis-index {
      font-size: 16px;
      padding: 0 24px;
      text-align: center;
      display: block;
      letter-spacing: 0.5px;
      font-weight: bold; }

.heroCarousel-custom {
  position: relative; }
  .heroCarousel-custom .slick-next {
    right: 25px;
    top: 55%; }
  .heroCarousel-custom .slick-prev {
    left: 25px;
    top: 55%; }
  .heroCarousel-custom .slick-dots {
    bottom: 0;
    text-align: right;
    /*@media (min-width: 1024px){
      top: 90%;
    }*/ }
    @media (min-width: 800px) {
      .heroCarousel-custom .slick-dots {
        /*top: 98%;*/
        text-align: center; } }
  .heroCarousel-custom .heroCarousel-slide-custom {
    position: relative;
    outline: none; }
    .heroCarousel-custom .heroCarousel-slide-custom .slide-image-desk {
      display: none; }
      @media (min-width: 768px) {
        .heroCarousel-custom .heroCarousel-slide-custom .slide-image-desk {
          display: block; } }
    @media (min-width: 768px) {
      .heroCarousel-custom .heroCarousel-slide-custom .slide-image-mob {
        display: none; } }
    .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      text-align: center;
      padding: 15px 20px 20px;
      background: rgba(173, 167, 167, 0.8);
      /*@media (min-width: 1440px){
        padding: 40px 28px;
        width:28%;
      }*/ }
      @media (min-width: 1024px) {
        .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box {
          position: absolute;
          right: 0;
          bottom: 0;
          width: 35%;
          height: fit-content;
          top: 14%;
          left: 10%;
          padding: 20px 23px; } }
      @media (min-width: 1366px) {
        .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box {
          padding: 30px 43px;
          width: 32%; } }
      @media (min-width: 1600px) {
        .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box {
          top: 25%;
          left: 20%;
          width: 23%; } }
      .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box .slider-box-smtext, .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box .slider-box-bgtext, .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box .slider-box-btn {
        z-index: 1; }
      .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box .slider-box-smtext {
        color: #000000;
        font-size: 22px;
        font-weight: bold; }
        @media (min-width: 768px) {
          .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box .slider-box-smtext {
            font-size: 25px; } }
        @media (min-width: 1024px) {
          .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box .slider-box-smtext {
            font-size: 30px; } }
        @media (min-width: 1366px) {
          .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box .slider-box-smtext {
            font-size: 41px; } }
      .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box .slider-box-bgtext {
        color: #000000;
        font-weight: bold;
        font-size: 22px;
        margin: 3px 0 12px; }
        @media (min-width: 768px) {
          .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box .slider-box-bgtext {
            font-size: 25px;
            line-height: 1.4;
            margin: 3px 0 15px; } }
        @media (min-width: 1366px) {
          .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box .slider-box-bgtext {
            font-size: 25px; } }
      .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box .slider-box-btn {
        text-decoration: none;
        font-weight: bold;
        color: #fff;
        background: #f1592a;
        padding: 10px 23px;
        border-radius: 30px;
        font-size: 11px;
        transition: 0.4s all;
        text-transform: capitalize;
        font-family: Artbrush;
        /*@media (min-width: 1024px){
          font-size: 12px;
          padding: 12px 30px;  
        }*/ }
        @media (min-width: 768px) {
          .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box .slider-box-btn {
            font-size: 14px;
            padding: 13px 37px;
            border-radius: 30px; } }
        @media (min-width: 1366px) {
          .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box .slider-box-btn {
            font-size: 20px;
            padding: 8px 90px; } }
        .heroCarousel-custom .heroCarousel-slide-custom .custom-content-box .slider-box-btn:hover {
          background: #ff762b; }

body.has-fullpage .body {
  margin-top: 0;
  margin-bottom: 0; }

/*Request Quote Pag Statr*/
.request-a-quote-page, .about-us-page {
  margin-bottom: 4rem; }
  .request-a-quote-page p:empty, .about-us-page p:empty {
    display: none; }
  @media (min-width: 801px) {
    .request-a-quote-page .page-content, .about-us-page .page-content {
      margin-top: 5px; } }

.about-us-page .page-heading {
  display: none; }

.about-us-page .page-content {
  margin-top: 15px; }
  @media (min-width: 801px) {
    .about-us-page .page-content {
      padding-top: 20px; } }

@media (min-width: 801px) {
  .about-us-page .phone-number {
    padding-top: 5px; } }

.about-us-page .contact-us-desciption {
  margin-top: 5px;
  margin-bottom: 20px; }
  @media (min-width: 1200px) {
    .about-us-page .contact-us-desciption {
      font-size: 14px !important;
      line-height: 1.8 !important; } }

.about-us-page .phone-number strong, .about-us-page .email strong {
  font-size: 18px; }
  @media (min-width: 801px) {
    .about-us-page .phone-number strong, .about-us-page .email strong {
      font-size: 20px; } }

@media (min-width: 801px) {
  .request-quote-page, .about-us-page-content {
    overflow: hidden;
    margin: 0 -15px; } }

.request-quote-page .content-section, .about-us-page-content .content-section {
  width: 100%;
  margin-bottom: 20px; }
  @media (min-width: 801px) {
    .request-quote-page .content-section, .about-us-page-content .content-section {
      width: 55%;
      margin-bottom: 0; } }
  .request-quote-page .content-section p, .about-us-page-content .content-section p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px; }
    @media (min-width: 1200px) {
      .request-quote-page .content-section p, .about-us-page-content .content-section p {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 21px; } }
  .request-quote-page .content-section .section-title, .about-us-page-content .content-section .section-title {
    margin-top: 0;
    text-decoration: underline;
    font-size: 20px;
    margin-bottom: 6px; }
    @media (min-width: 1200px) {
      .request-quote-page .content-section .section-title, .about-us-page-content .content-section .section-title {
        font-size: 22px; } }
  .request-quote-page .content-section .phone-number, .request-quote-page .content-section .email, .about-us-page-content .content-section .phone-number, .about-us-page-content .content-section .email {
    font-size: 16px;
    color: #000000;
    line-height: 30px; }
  .request-quote-page .content-section .phone-number a, .about-us-page-content .content-section .phone-number a {
    text-decoration: none;
    color: #000000; }
    .request-quote-page .content-section .phone-number a:hover, .about-us-page-content .content-section .phone-number a:hover {
      color: #f1592b; }
  .request-quote-page .content-section .email a, .about-us-page-content .content-section .email a {
    color: #0865c2; }
    .request-quote-page .content-section .email a:hover, .about-us-page-content .content-section .email a:hover {
      color: #f1592b; }

.request-quote-page .form-section, .about-us-page-content .form-section {
  width: 100%; }
  @media (min-width: 801px) {
    .request-quote-page .form-section, .about-us-page-content .form-section {
      width: 45%; } }

@media (min-width: 801px) {
  .request-quote-page .content-section, .request-quote-page .form-section, .about-us-page-content .content-section, .about-us-page-content .form-section {
    padding: 0 15px;
    float: left; } }

.request-quote-page .request-quote-form, .about-us-page-content .request-quote-form {
  box-shadow: 0px 0px 5px #808080;
  margin: 7px 0;
  border-radius: 5px; }

/*Request Quote Pag End*/
/*Order process Pag End*/
.order-process-page {
  margin-bottom: 2rem; }
  @media (min-width: 768px) {
    .order-process-page {
      margin-bottom: 2.5rem; } }
  @media (min-width: 1200px) {
    .order-process-page {
      margin-bottom: 3.5rem; } }
  .order-process-page .page-heading {
    display: none; }
  .order-process-page p:empty {
    display: none; }
  @media (min-width: 1024px) {
    .order-process-page .order-process-page-content {
      margin: 0 30px; } }
  @media (min-width: 1200px) {
    .order-process-page .order-process-page-content {
      margin: 0 45px; } }
  .order-process-page .order-process-page-content h1, .order-process-page .order-process-page-content h2, .order-process-page .order-process-page-content h3, .order-process-page .order-process-page-content h4, .order-process-page .order-process-page-content h5, .order-process-page .order-process-page-content h6, .order-process-page .order-process-page-content p {
    color: #000000;
    font-style: italic; }
  .order-process-page .order-process-page-content a {
    text-decoration: none;
    color: #ec0829; }
    .order-process-page .order-process-page-content a:hover {
      color: #000000; }
  .order-process-page .order-process-page-content .order-process-title {
    margin-top: 10px;
    font-family: Artbrush;
    font-size: 32px;
    text-align: center;
    margin-bottom: 5px;
    letter-spacing: 1px; }
    @media (min-width: 768px) {
      .order-process-page .order-process-page-content .order-process-title {
        font-size: 40px;
        letter-spacing: 2px; } }
    @media (min-width: 1200px) {
      .order-process-page .order-process-page-content .order-process-title {
        font-size: 50px;
        margin-bottom: 20px; } }
    @media (min-width: 1580px) {
      .order-process-page .order-process-page-content .order-process-title {
        font-size: 65px;
        margin-bottom: 20px; } }
  .order-process-page .order-process-page-content .process-steps-title {
    margin-top: 0;
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 15px; }
    @media (min-width: 768px) {
      .order-process-page .order-process-page-content .process-steps-title {
        margin-bottom: 20px; } }
    @media (min-width: 1200px) {
      .order-process-page .order-process-page-content .process-steps-title {
        font-size: 32px;
        margin-bottom: 40px; } }
    @media (min-width: 1580px) {
      .order-process-page .order-process-page-content .process-steps-title {
        font-size: 40px;
        margin-bottom: 40px; } }
  .order-process-page .order-process-page-content .process-img {
    margin-bottom: 18px; }
    @media (min-width: 1200px) {
      .order-process-page .order-process-page-content .process-img {
        margin-bottom: 40px; } }
  .order-process-page .order-process-page-content p {
    font-family: Arial;
    font-weight: 700;
    font-style: italic;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px; }
    @media (min-width: 1200px) {
      .order-process-page .order-process-page-content p {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 22px; } }
    @media (min-width: 1580px) {
      .order-process-page .order-process-page-content p {
        font-size: 28px;
        margin-bottom: 30px; } }
  .order-process-page .order-process-page-content .process-steps {
    margin-left: 0;
    list-style-type: none;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .order-process-page .order-process-page-content .process-steps {
        /*display: flex;
			    flex-wrap: wrap;
			    align-items: start;
			    justify-content: space-evenly;*/
        margin: 0 -10px;
        font-size: 0;
        text-align: center; } }
    @media (min-width: 1200px) {
      .order-process-page .order-process-page-content .process-steps {
        margin: 0 -13px; } }
    @media (min-width: 1580px) {
      .order-process-page .order-process-page-content .process-steps {
        margin: 0 -23px; } }
    .order-process-page .order-process-page-content .process-steps .step {
      text-align: center; }
      @media (min-width: 768px) {
        .order-process-page .order-process-page-content .process-steps .step {
          width: 33.333%;
          display: inline-block;
          vertical-align: top;
          padding: 0 10px;
          margin-bottom: 25px; } }
      @media (min-width: 1200px) {
        .order-process-page .order-process-page-content .process-steps .step {
          margin-bottom: 35px;
          padding: 0 13px; } }
      @media (min-width: 1580px) {
        .order-process-page .order-process-page-content .process-steps .step {
          padding: 0 23px; } }
      @media (min-width: 768px) {
        .order-process-page .order-process-page-content .process-steps .step.step-four, .order-process-page .order-process-page-content .process-steps .step.step-five {
          margin: 0 40px; } }
      @media (min-width: 1200px) {
        .order-process-page .order-process-page-content .process-steps .step.step-four, .order-process-page .order-process-page-content .process-steps .step.step-five {
          margin: 0 55px; } }
      .order-process-page .order-process-page-content .process-steps .step + .step {
        margin-top: 25px; }
        @media (min-width: 768px) {
          .order-process-page .order-process-page-content .process-steps .step + .step {
            margin-top: 0; } }
    .order-process-page .order-process-page-content .process-steps img {
      max-width: 120px; }
      @media (min-width: 1200px) {
        .order-process-page .order-process-page-content .process-steps img {
          max-width: 140px; } }
      @media (min-width: 1580px) {
        .order-process-page .order-process-page-content .process-steps img {
          max-width: 180px; } }
    .order-process-page .order-process-page-content .process-steps .step-title {
      margin-top: 5px;
      font-family: Artbrush;
      font-size: 24px;
      color: #221e1f;
      margin-bottom: 5px; }
      @media (min-width: 1200px) {
        .order-process-page .order-process-page-content .process-steps .step-title {
          margin-top: 15px;
          font-size: 30px; } }
      @media (min-width: 1580px) {
        .order-process-page .order-process-page-content .process-steps .step-title {
          font-size: 38px; } }
    .order-process-page .order-process-page-content .process-steps .step-description {
      text-align: left;
      margin-bottom: 0; }
      @media (min-width: 1580px) {
        .order-process-page .order-process-page-content .process-steps .step-description {
          line-height: 1.2; } }

/*Order process Pag End*/
/* product-catelog-page */
.main-product-catelog {
  float: left;
  width: 100%;
  /*text-align: center;*/ }
  @media (min-width: 768px) {
    .main-product-catelog {
      text-align: left; } }
  .main-product-catelog .product-catelog-col {
    float: left;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column; }
    @media (min-width: 801px) {
      .main-product-catelog .product-catelog-col {
        margin-bottom: 10px; } }
    @media (min-width: 768px) {
      .main-product-catelog .product-catelog-col {
        margin-right: -.75rem;
        margin-left: -.75rem;
        margin-top: 30px;
        margin-bottom: 15px;
        flex-direction: row; } }
    @media (min-width: 1261px) {
      .main-product-catelog .product-catelog-col {
        margin-bottom: 30px; } }
  .main-product-catelog .product-catelog-content {
    float: left;
    width: 100%; }
    @media (min-width: 768px) {
      .main-product-catelog .product-catelog-content {
        width: 60%;
        padding-left: .75rem;
        padding-right: .75rem; } }
    .main-product-catelog .product-catelog-content .product-catelog-desc {
      font-size: 15px;
      font-weight: normal;
      color: #333333;
      margin-top: 18px;
      margin-bottom: 30px; }
      @media (min-width: 768px) {
        .main-product-catelog .product-catelog-content .product-catelog-desc {
          font-size: 16px; } }
      @media (min-width: 1261px) {
        .main-product-catelog .product-catelog-content .product-catelog-desc {
          /*font-size: 20px;*/
          margin-bottom: 30px;
          font-size: 18px; } }
  .main-product-catelog .product-catelog-image {
    float: left;
    width: 100%;
    display: flex;
    order: 2; }
    @media (min-width: 768px) {
      .main-product-catelog .product-catelog-image {
        width: 40%;
        padding-left: 15px;
        padding-right: 15px;
        align-items: center;
        order: initial; } }
  .main-product-catelog .product-catelog-action {
    color: #444444;
    font-size: 24px;
    font-weight: bold;
    transition: 0.5s all; }
    @media (min-width: 768px) {
      .main-product-catelog .product-catelog-action {
        font-size: 26px; } }
    @media (min-width: 1261px) {
      .main-product-catelog .product-catelog-action {
        font-size: 28px; } }
    .main-product-catelog .product-catelog-action:hover, .main-product-catelog .product-catelog-action:focus {
      color: #f1592b; }
  .main-product-catelog ul {
    margin-left: 30px; }
    .main-product-catelog ul li {
      font-size: 14px;
      color: #333333;
      margin-bottom: 8px; }
      @media (min-width: 569px) {
        .main-product-catelog ul li {
          font-size: 15px;
          margin-bottom: 12px; } }
      @media (min-width: 801px) {
        .main-product-catelog ul li {
          font-size: 17px;
          margin-bottom: 17px; } }

.contact-us {
  clear: both;
  text-align: center;
  color: #544848;
  font-size: 19px; }
  @media (min-width: 360px) {
    .contact-us {
      font-size: 21px; } }
  @media (min-width: 375px) {
    .contact-us {
      font-size: 23px; } }
  @media (min-width: 768px) {
    .contact-us {
      font-size: 26px; } }
  @media (min-width: 1261px) {
    .contact-us {
      font-size: 30px; } }
  .contact-us .contact-us-text {
    color: red;
    padding-right: 7px;
    text-transform: capitalize;
    transition: 0.5s all;
    text-decoration: none; }
    .contact-us .contact-us-text:hover, .contact-us .contact-us-text:focus {
      color: #f1592b; }

.cms-pages .body {
  margin-bottom: 30px; }

h1.page-heading {
  text-align: center;
  margin-top: 5px; }
  @media (min-width: 768px) {
    h1.page-heading {
      text-align: left; } }

@media (max-width: 767px) {
  .breadcrumbs {
    text-align: center; } }

/* carosel builder */
h1.heroCarousel-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #000000; }
  @media (min-width: 801px) {
    h1.heroCarousel-title {
      font-size: 34px;
      margin-bottom: 20px; } }

.heroCarousel-description {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #000000; }
  @media (min-width: 801px) {
    .heroCarousel-description {
      font-size: 29px; } }

.heroCarousel {
  /*    .heroCarousel-image-wrapper{
     
          &:before{
           background-color: rgba(109, 101, 101, 0.5);
           content: "";
           height: 100%;
           width: 37%;
           display: inline-block;
           z-index: -1;
   
       
     }       
   } */ }

.active {
  background-color: #ff762b !important; }

/* size chart close btn in PDP 27/1/2021 start */
.size-chart-popup-wrap .close-size-chart {
  float: none;
  position: sticky;
  left: 90%; }
  @media (min-width: 768px) {
    .size-chart-popup-wrap .close-size-chart {
      left: auto;
      float: right;
      position: static; } }

/* size chart close btn in PDP 27/1/2021 end */
.card .sale-flag-side {
  display: none; }

.card .card-body .non-sale-price--withoutTax, .card .card-body .price-section--withoutTax {
  font-size: 13px; }
  @media (min-width: 1024px) {
    .card .card-body .non-sale-price--withoutTax, .card .card-body .price-section--withoutTax {
      font-size: 14px; } }
  @media (min-width: 1600px) {
    .card .card-body .non-sale-price--withoutTax, .card .card-body .price-section--withoutTax {
      font-size: 15px; } }

.body #product-listing-container .pagination {
  display: none; }

.actionBar-section .form-select {
  height: 2.3rem;
  line-height: 1.1; }
  @media (min-width: 1600px) {
    .actionBar-section .form-select {
      height: 2.6rem;
      line-height: 1.3; } }

.about-us-page-content.cms-page-content .content-section {
  width: 100%; }

.about-us-page-content.cms-page-content .content-section ol {
  margin-left: 2.15rem; }
  .about-us-page-content.cms-page-content .content-section ol li {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 10px; }
    @media (min-width: 1200px) {
      .about-us-page-content.cms-page-content .content-section ol li {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 10px; } }

.about-us-page-content.cms-page-content .content-section ul {
  margin-left: 2.15rem; }
  .about-us-page-content.cms-page-content .content-section ul li {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 10px; }
    @media (min-width: 1200px) {
      .about-us-page-content.cms-page-content .content-section ul li {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 10px; } }

ul {
  font-size: 16px;
  line-height: 25pxpx;
  margin-bottom: 20px; }

.home-recent-posts {
  margin-top: 75px; }

.home-recent-posts .blog-title {
  font-size: 22px;
  margin: 0 1.5rem 0.41667rem;
  text-align: left;
  margin: 0;
  margin-bottom: 2.5px; }

.home-recent-posts .blog-post-figure {
  width: 100%; }

.home-recent-posts .blog-post-body {
  width: 100%;
  margin: 0 auto 2rem; }

.home-recent-posts .blog-post-body {
  margin-top: 15px; }

.home-recent-posts .blog-title a {
  font-weight: 500;
  font-size: 22px;
  color: #2f2f2b; }

.home-recent-posts .blog-author, .home-recent-posts .blog-date {
  text-align: left;
  font-size: 12px;
  line-height: 1.9rem;
  margin-bottom: 0.5rem; }

.home-recent-posts .blog-post {
  font-size: 14px;
  line-height: 1.9rem;
  font-weight: 400; }

.home-recent-posts a.read-more {
  display: block;
  text-transform: capitalize;
  color: #2f2f2b;
  font-weight: 700;
  font-size: 12px; }

.home-recent-posts .more-posts-container {
  text-align: center; }

.home-recent-posts .blog-title a:hover {
  color: #e74c3c; }

.container {
  max-width: 1620px;
  margin: 0 auto; }
  @media (min-width: 1024px) {
    .container {
      padding: 0px 15px; } }
  @media (min-width: 1600px) {
    .container {
      padding: 0px; } }

@media (min-width: 1024px) {
  body {
    overflow: initial; } }

.body {
  margin-bottom: 0; }
  @media (min-width: 1024px) {
    .body {
      margin-bottom: 6rem; } }

@media (min-width: 1024px) {
  .header-main {
    position: sticky;
    top: 0;
    z-index: 99; } }

@media (min-width: 1024px) {
  header {
    padding: 0px 15px; } }

header .countPill {
  min-width: fit-content;
  min-height: fit-content;
  margin: 0;
  left: initial;
  padding: 0px 5px; }
  header .countPill::after {
    display: none; }
  @media (min-width: 1024px) {
    header .countPill {
      position: absolute;
      right: -5px;
      top: 15px;
      background-color: #fff;
      font-size: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px; } }

header .header-logo {
  margin: 0; }

header.header.header-logo--left .dropdown--quickSearch {
  position: relative; }
  @media (min-width: 1024px) {
    header.header.header-logo--left .dropdown--quickSearch {
      position: absolute; } }

header .logo-user-section.container {
  padding: 0;
  position: static; }

header .navPages-desktop .navPage-subMenu {
  padding: 0px 10px; }
  @media (min-width: 1024px) {
    header .navPages-desktop .navPage-subMenu {
      padding: 20px; } }
  header .navPages-desktop .navPage-subMenu .navPages-action {
    font-size: 18px; }
    @media (min-width: 1024px) {
      header .navPages-desktop .navPage-subMenu .navPages-action {
        font-size: 15px; } }
    @media (min-width: 1600px) {
      header .navPages-desktop .navPage-subMenu .navPages-action {
        font-size: 18px; } }

header .navPages-desktop .navPages-item .navPage-subMenu .navPage-subMenu-horizontal.is-open {
  margin-left: 0;
  padding-left: 0;
  border: none; }

@media (min-width: 1024px) {
  header .navPages-desktop .navPages-item .navPages-action.has-subMenu {
    flex-direction: column; } }

@media (min-width: 1024px) {
  header .navPages-desktop .navPages-item .navPages-action.has-subMenu.is-open {
    background-color: transparent;
    color: #ffffff; }
    header .navPages-desktop .navPages-item .navPages-action.has-subMenu.is-open .three-dots {
      display: block; } }

header .navPages-desktop .navPages-item .navPages-action.has-subMenu.is-open svg {
  stroke: #F1592B;
  fill: #F1592B; }

header .navPages-desktop .navPages-item .navPages-action.has-subMenu .three-dots {
  display: none;
  position: absolute;
  bottom: 10px; }
  @media (min-width: 1024px) {
    header .navPages-desktop .navPages-item .navPages-action.has-subMenu .three-dots {
      width: 20px;
      height: 20px; } }
  @media (min-width: 1600px) {
    header .navPages-desktop .navPages-item .navPages-action.has-subMenu .three-dots {
      width: 30px;
      height: 30px; } }

header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu {
  left: 0;
  right: 0;
  z-index: 99; }
  header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-childList {
    display: block;
    padding-left: 0;
    border: none;
    margin: 0; }
  header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-item-child .navPage-childList .navPages-action {
    font-weight: 400; }
  header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-item-child .third-level .navPage-subMenu-action {
    font-weight: 100; }
  header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-item-child .navPage-subMenu-action.navPages-action.has-subMenu {
    font-weight: bold;
    width: auto;
    text-transform: uppercase;
    color: #000000;
    font-size: 14px; }
    header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-item-child .navPage-subMenu-action.navPages-action.has-subMenu:hover {
      color: #F1592B; }
    @media (min-width: 768px) {
      header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-item-child .navPage-subMenu-action.navPages-action.has-subMenu {
        margin-bottom: 0px; } }
    @media (min-width: 1024px) {
      header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-item-child .navPage-subMenu-action.navPages-action.has-subMenu {
        font-size: 16px; } }
    @media (min-width: 1600px) {
      header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-item-child .navPage-subMenu-action.navPages-action.has-subMenu {
        font-size: 20px;
        margin-bottom: 15px; } }
  @media (min-width: 1024px) {
    header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list {
      display: flex;
      row-gap: 10px;
      flex-wrap: wrap;
      justify-content: center;
      gap: 50px; } }
  @media (min-width: 768px) {
    header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list li {
      width: fit-content; } }
  header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list li .navPages-action {
    text-transform: capitalize;
    font-weight: 600;
    color: #000; }
    header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list li .navPages-action:hover {
      color: #F1592B; }
    header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list li .navPages-action.navPages-item-main {
      font-weight: bold;
      text-transform: uppercase;
      width: auto;
      font-size: 14px; }
      @media (min-width: 768px) {
        header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list li .navPages-action.navPages-item-main {
          margin-bottom: 0px; } }
      @media (min-width: 1024px) {
        header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list li .navPages-action.navPages-item-main {
          font-size: 16px; } }
      @media (min-width: 1600px) {
        header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list li .navPages-action.navPages-item-main {
          font-size: 20px;
          margin-bottom: 15px; } }
  header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list li .navPage-subMenu-list {
    display: block; }
    header .navPages-desktop .navPages .navPages-list .navPages-item .navPage-subMenu .navPage-subMenu-list li .navPage-subMenu-list li {
      width: auto; }

header .navPages-desktop .navPages-action {
  font-family: Poppins;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 19px;
  padding: 18px; }
  @media (min-width: 1024px) {
    header .navPages-desktop .navPages-action {
      font-size: 18px;
      line-height: 23px;
      padding: 22px;
      letter-spacing: 2px; }
      header .navPages-desktop .navPages-action:hover {
        color: #F1592B; } }
  @media (min-width: 1600px) {
    header .navPages-desktop .navPages-action {
      font-size: 20px;
      line-height: 27px;
      padding: 26px; } }

header .dropdown--quickSearch {
  display: none;
  padding: 0; }
  header .dropdown--quickSearch .quickSearchResults {
    top: 40px;
    left: 0;
    width: 100%;
    direction: ltr;
    padding: 0;
    height: 85vh;
    scrollbar-width: thin;
    overflow-y: scroll; }
    @media (min-width: 768px) {
      header .dropdown--quickSearch .quickSearchResults {
        top: 70px; } }
    header .dropdown--quickSearch .quickSearchResults .productGrid {
      margin: 0;
      padding: 0; }
      @media (min-width: 1024px) {
        header .dropdown--quickSearch .quickSearchResults .productGrid {
          padding: 10px 0 0 0; } }
      header .dropdown--quickSearch .quickSearchResults .productGrid .product {
        width: 100%;
        padding: 0 10px; }
        @media (min-width: 768px) {
          header .dropdown--quickSearch .quickSearchResults .productGrid .product {
            width: 50%; } }
        @media (min-width: 1024px) {
          header .dropdown--quickSearch .quickSearchResults .productGrid .product {
            width: 33.33%; } }
        @media (min-width: 1600px) {
          header .dropdown--quickSearch .quickSearchResults .productGrid .product {
            width: 25%; } }
      header .dropdown--quickSearch .quickSearchResults .productGrid::before, header .dropdown--quickSearch .quickSearchResults .productGrid::after {
        display: none; }
  header .dropdown--quickSearch .form-field {
    width: 100%; }
  header .dropdown--quickSearch.is-open .form .form-fieldset .form-input {
    bottom: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #fff;
    margin-bottom: 15px; }
  header .dropdown--quickSearch .quickSearch-mobileToggle {
    top: 3px;
    right: 0;
    height: 26px;
    width: 26px; }
  header .dropdown--quickSearch.is-open {
    display: block;
    position: absolute;
    margin: auto;
    padding: 15px;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
    @media (min-width: 1024px) {
      header .dropdown--quickSearch.is-open {
        top: 66px !important;
        padding: 16px 150px; } }
    @media (min-width: 1600px) {
      header .dropdown--quickSearch.is-open {
        top: 78px !important;
        padding: 20px 200px; } }
    header .dropdown--quickSearch.is-open p {
      margin: 0; }
    header .dropdown--quickSearch.is-open .container {
      padding: 0; }
    header .dropdown--quickSearch.is-open .form {
      max-width: 100%;
      margin-bottom: 10px; }
      @media (min-width: 1024px) {
        header .dropdown--quickSearch.is-open .form {
          margin: 0;
          top: 66px !important; } }

header.header ul.navUser-section.navUser-section--alt li.navUser-item {
  cursor: pointer;
  position: relative; }
  header.header ul.navUser-section.navUser-section--alt li.navUser-item:hover svg {
    stroke: #F1592B; }
  @media (min-width: 1024px) {
    header.header ul.navUser-section.navUser-section--alt li.navUser-item {
      margin-left: 0px;
      margin-right: 0px; } }
  header.header ul.navUser-section.navUser-section--alt li.navUser-item .navUser-action {
    display: inline-flex; }
    @media (min-width: 1024px) {
      header.header ul.navUser-section.navUser-section--alt li.navUser-item .navUser-action {
        padding: 17px 10px; } }
    @media (min-width: 1261px) {
      header.header ul.navUser-section.navUser-section--alt li.navUser-item .navUser-action {
        padding: 24px 10px; } }
    @media (min-width: 1600px) {
      header.header ul.navUser-section.navUser-section--alt li.navUser-item .navUser-action {
        padding: 29px 10px; } }
  header.header ul.navUser-section.navUser-section--alt li.navUser-item a {
    padding: 0;
    display: inline-block; }
  @media (min-width: 1024px) {
    header.header ul.navUser-section.navUser-section--alt li.navUser-item.navUser-item--cart .dropdown-menu.is-open {
      top: 66px !important; } }
  header.header ul.navUser-section.navUser-section--alt li.navUser-item.navUser-item--account #account-dropdown-signin-list {
    left: -150px;
    top: 32px; }
    @media (min-width: 1024px) {
      header.header ul.navUser-section.navUser-section--alt li.navUser-item.navUser-item--account #account-dropdown-signin-list {
        left: initial;
        top: 68px; } }
    @media (min-width: 1600px) {
      header.header ul.navUser-section.navUser-section--alt li.navUser-item.navUser-item--account #account-dropdown-signin-list {
        top: 75px; } }
    header.header ul.navUser-section.navUser-section--alt li.navUser-item.navUser-item--account #account-dropdown-signin-list .signout-list li {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px; }
      header.header ul.navUser-section.navUser-section--alt li.navUser-item.navUser-item--account #account-dropdown-signin-list .signout-list li a,
      header.header ul.navUser-section.navUser-section--alt li.navUser-item.navUser-item--account #account-dropdown-signin-list .signout-list li span {
        font-style: normal;
        font-weight: 600;
        font-family: Poppins;
        font-size: 16px; }
        @media (min-width: 768px) {
          header.header ul.navUser-section.navUser-section--alt li.navUser-item.navUser-item--account #account-dropdown-signin-list .signout-list li a,
          header.header ul.navUser-section.navUser-section--alt li.navUser-item.navUser-item--account #account-dropdown-signin-list .signout-list li span {
            font-size: 18px; } }
      header.header ul.navUser-section.navUser-section--alt li.navUser-item.navUser-item--account #account-dropdown-signin-list .signout-list li span {
        text-transform: uppercase; }

header.header .navUser {
  width: auto; }
  header.header .navUser .navUser-item .header-icon {
    fill: transparent;
    stroke: #ffffff;
    width: 15px;
    height: 15px; }
    @media (min-width: 1024px) {
      header.header .navUser .navUser-item .header-icon {
        width: 20px;
        height: 20px; } }
    header.header .navUser .navUser-item .header-icon:hover {
      stroke: #F1592B; }

header.header ul.navUser-section .user-icons {
  flex-direction: row; }
  header.header ul.navUser-section .user-icons .navUser-item .dropdown-menu .previewCart .previewCartAction {
    padding: 10px; }
    header.header ul.navUser-section .user-icons .navUser-item .dropdown-menu .previewCart .previewCartAction .button {
      border: none;
      font-size: 12px;
      padding: 10px; }

header.header ul.navUser-section.navUser-section--alt {
  justify-content: initial; }

.page-heading {
  font-family: Poppins;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: -0.03em;
  font-size: 24px;
  margin-bottom: 48px;
  text-align: center;
  color: black; }
  @media (min-width: 768px) {
    .page-heading {
      font-size: 28px;
      margin-bottom: 20px; } }
  @media (min-width: 1024px) {
    .page-heading {
      font-size: 32px;
      margin-bottom: 36px; } }

.marquee-container {
  background: #fff;
  position: relative;
  overflow: hidden; }
  @media (min-width: 1024px) {
    .marquee-container {
      padding: 0px 15px; } }
  .marquee-container .container {
    overflow: hidden; }
  .marquee-container .marquee {
    display: flex;
    animation: scroll 25s linear infinite;
    white-space: nowrap;
    animation-play-state: running;
    width: max-content; }
    @media (min-width: 1024px) {
      .marquee-container .marquee {
        animation: scroll 50s linear infinite; } }
    .marquee-container .marquee a {
      color: #000000;
      margin: 10px 0;
      padding: 0px 40px;
      font-family: Poppins, sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 21px;
      transition: color 0.3s ease;
      border-left: 1px solid #a5a5a5;
      text-decoration: none; }
      .marquee-container .marquee a:hover {
        color: #F1592B; }
      .marquee-container .marquee a:first-child {
        border-left: none; }
  .marquee-container:hover .marquee {
    animation-play-state: paused; }

@keyframes scroll {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }

.heroCarousel {
  margin-top: 0; }
  .heroCarousel.slick-dotted.slick-slider {
    margin-bottom: 20px; }
    @media (min-width: 1024px) {
      .heroCarousel.slick-dotted.slick-slider {
        margin-bottom: 60px; } }
    @media (min-width: 1600px) {
      .heroCarousel.slick-dotted.slick-slider {
        margin-bottom: 80px; } }
  .heroCarousel.slick-initialized .slick-slide {
    height: auto; }
  .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-image {
    max-height: 100%; }
  .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-image-wrapper {
    max-height: 100%; }
  .heroCarousel .slick-track .heroCarousel-slide .carousel-container {
    max-width: 1620px;
    margin: 0 auto; }
    @media (min-width: 1024px) {
      .heroCarousel .slick-track .heroCarousel-slide .carousel-container {
        padding: 0px 15px; } }
  .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-content {
    left: initial;
    right: initial;
    text-align: left;
    padding: 15px;
    background: #808080; }
    @media (min-width: 800px) {
      .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-content {
        padding: 0;
        background: transparent; } }
    .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
      font-family: Poppins;
      font-size: 20px;
      font-weight: 600;
      color: #ffffff;
      line-height: 28px; }
      @media (min-width: 768px) {
        .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
          font-size: 26px;
          line-height: 30px; } }
      @media (min-width: 1024px) {
        .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
          font-size: 36px;
          line-height: 38px; } }
      @media (min-width: 1600px) {
        .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-content .heroCarousel-title {
          font-size: 46px;
          line-height: 48px; } }
    .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
      font-family: Poppins;
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      color: #ffffff;
      margin: 10px 0 0 0; }
      @media (min-width: 768px) {
        .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
          font-size: 16px;
          line-height: 18px; } }
      @media (min-width: 1024px) {
        .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
          font-size: 14px;
          margin: 20px 0 0 0; } }
      @media (min-width: 1600px) {
        .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-content .heroCarousel-description {
          font-size: 16px;
          line-height: 20px;
          margin: 24px 0 0 0; } }
    .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
      font-family: Poppins;
      font-weight: 700;
      font-size: 12px;
      line-height: 16px;
      margin-top: 10px;
      border-radius: 6px;
      padding: 10px 15px;
      transition: all 0.5s ease-in-out; }
      @media (min-width: 768px) {
        .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
          padding: 12px 30px;
          font-size: 14px;
          line-height: 18px;
          margin-top: 20px; } }
      @media (min-width: 1024px) {
        .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
          margin-top: 30px; } }
      @media (min-width: 1600px) {
        .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-content .heroCarousel-action {
          font-size: 16px;
          line-height: 20px;
          margin-top: 40px; } }
      .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-content .heroCarousel-action.button--primary {
        background-color: #000000;
        border-color: #000000; }
        .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-content .heroCarousel-action.button--primary:hover {
          background-color: #F1592B;
          border-color: #F1592B;
          box-shadow: 0px 0px 10px 3px #fff8f6; }
          @media (min-width: 1600px) {
            .heroCarousel .slick-track .heroCarousel-slide .heroCarousel-content .heroCarousel-action.button--primary:hover {
              box-shadow: 0px 0px 15px 7px #fff8f6; } }
  .heroCarousel .slick-dots {
    bottom: 20px;
    right: 15px; }
    @media (min-width: 1024px) {
      .heroCarousel .slick-dots {
        bottom: 40px; } }
    .heroCarousel .slick-dots li {
      background: transparent; }
      .heroCarousel .slick-dots li button {
        background-color: #ffffff;
        border: none; }
        .heroCarousel .slick-dots li button::before {
          top: 0;
          left: 0; }

.home .main.full {
  margin-top: 0; }

.home .main .custom-main {
  background-color: #231F20;
  margin-bottom: 20px;
  padding: 10px 0; }
  @media (min-width: 1024px) {
    .home .main .custom-main {
      margin-bottom: 60px;
      padding: 45px 0; } }
  @media (min-width: 1600px) {
    .home .main .custom-main {
      margin-bottom: 80px;
      padding: 65px 0; } }
  .home .main .custom-main .custom-inner {
    text-align: center; }
    .home .main .custom-main .custom-inner .custom-section-heading {
      color: #ffffff;
      font-family: Poppins;
      font-weight: 700;
      font-size: 20px;
      line-height: 50px;
      margin: 0 0 0px 0; }
      @media (min-width: 768px) {
        .home .main .custom-main .custom-inner .custom-section-heading {
          font-size: 30px;
          margin: 0 0 10px 0; } }
      @media (min-width: 1024px) {
        .home .main .custom-main .custom-inner .custom-section-heading {
          font-size: 40px;
          line-height: 80px;
          margin: 0 0 20px 0; } }
      @media (min-width: 1600px) {
        .home .main .custom-main .custom-inner .custom-section-heading {
          font-size: 60px;
          line-height: 90px;
          margin: 0 0 24px 0; } }
    .home .main .custom-main .custom-inner .custom-section-subheading {
      color: #ffffff;
      font-family: Poppins;
      font-size: 14px;
      font-weight: 500;
      line-height: 30px; }
      @media (min-width: 1024px) {
        .home .main .custom-main .custom-inner .custom-section-subheading {
          font-size: 20px; } }
    .home .main .custom-main .custom-inner .custom-section-btns {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 10px; }
      @media (min-width: 768px) {
        .home .main .custom-main .custom-inner .custom-section-btns {
          flex-direction: row;
          gap: 30px; } }
      @media (min-width: 1024px) {
        .home .main .custom-main .custom-inner .custom-section-btns {
          gap: 52px; } }
      .home .main .custom-main .custom-inner .custom-section-btns a {
        color: #ffffff;
        text-decoration: none;
        font-family: Poppins;
        font-size: 14px;
        font-weight: 500;
        line-height: 30px;
        transition: all 0.3s ease-in-out; }
        @media (min-width: 1024px) {
          .home .main .custom-main .custom-inner .custom-section-btns a {
            font-size: 20px; } }
        .home .main .custom-main .custom-inner .custom-section-btns a:hover {
          color: #F1592B; }

.home .main .new-release-main {
  margin-bottom: 20px; }
  @media (min-width: 1024px) {
    .home .main .new-release-main {
      margin-bottom: 60px; } }
  @media (min-width: 1600px) {
    .home .main .new-release-main {
      margin-bottom: 80px; } }
  .home .main .new-release-main .new-release-inner {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: column; }
    @media (min-width: 1024px) {
      .home .main .new-release-main .new-release-inner {
        flex-direction: row;
        gap: 80px; } }
    @media (min-width: 1600px) {
      .home .main .new-release-main .new-release-inner {
        gap: 109px; } }
    @media (min-width: 1024px) {
      .home .main .new-release-main .new-release-inner .new-release-image,
      .home .main .new-release-main .new-release-inner .new-release-content {
        width: 50%; } }
    .home .main .new-release-main .new-release-inner .new-release-image img {
      width: 100%;
      border-radius: 8px; }
    .home .main .new-release-main .new-release-inner .new-release-content .new-release-title {
      font-family: Poppins;
      font-weight: 600;
      color: #000000;
      font-size: 20px;
      line-height: 26px;
      margin-top: 10px; }
      @media (min-width: 768px) {
        .home .main .new-release-main .new-release-inner .new-release-content .new-release-title {
          font-size: 24px; } }
      @media (min-width: 1024px) {
        .home .main .new-release-main .new-release-inner .new-release-content .new-release-title {
          font-size: 28px;
          line-height: 40px; } }
      @media (min-width: 1600px) {
        .home .main .new-release-main .new-release-inner .new-release-content .new-release-title {
          font-size: 32px;
          line-height: 48px; } }
    .home .main .new-release-main .new-release-inner .new-release-content .new-release-description {
      font-family: Poppins;
      font-weight: 400;
      color: #727272;
      font-size: 12px;
      line-height: 16px;
      margin: 16px 0 20px 0; }
      @media (min-width: 768px) {
        .home .main .new-release-main .new-release-inner .new-release-content .new-release-description {
          font-size: 14px;
          line-height: 18px; } }
      @media (min-width: 1024px) {
        .home .main .new-release-main .new-release-inner .new-release-content .new-release-description {
          margin: 20px 0 30px 0; } }
      @media (min-width: 1600px) {
        .home .main .new-release-main .new-release-inner .new-release-content .new-release-description {
          font-size: 16px;
          line-height: 20px;
          margin: 24px 0 40px 0; } }
    .home .main .new-release-main .new-release-inner .new-release-content .new-release-button {
      font-family: Poppins;
      font-weight: 700;
      font-size: 12px;
      line-height: 16px;
      padding: 8px 24px;
      color: #ffffff;
      text-decoration: none;
      border-radius: 4px;
      display: inline-block;
      background-color: #000000;
      transition: all 0.5s ease-in-out; }
      @media (min-width: 768px) {
        .home .main .new-release-main .new-release-inner .new-release-content .new-release-button {
          font-size: 14px;
          padding: 12px 28px;
          line-height: 20px; } }
      @media (min-width: 1600px) {
        .home .main .new-release-main .new-release-inner .new-release-content .new-release-button {
          font-size: 16px;
          line-height: 24px;
          padding: 16px 32px; } }
      .home .main .new-release-main .new-release-inner .new-release-content .new-release-button:hover {
        background-color: #F1592B;
        box-shadow: 0px 0px 10px 3px #a0a0a0; }
        @media (min-width: 1600px) {
          .home .main .new-release-main .new-release-inner .new-release-content .new-release-button:hover {
            box-shadow: 0px 0px 15px 7px #a0a0a0; } }

@media (min-width: 768px) {
  .home .main .home-categories-main {
    margin-bottom: 40px; } }

@media (min-width: 1024px) {
  .home .main .home-categories-main {
    margin-bottom: 60px; } }

@media (min-width: 1600px) {
  .home .main .home-categories-main {
    margin-bottom: 80px; } }

.home .main .home-categories-main .home-categories-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-direction: column; }
  @media (min-width: 768px) {
    .home .main .home-categories-main .home-categories-inner {
      flex-direction: row; } }
  @media (min-width: 1024px) {
    .home .main .home-categories-main .home-categories-inner {
      gap: 24px; } }
  @media (min-width: 1600px) {
    .home .main .home-categories-main .home-categories-inner {
      gap: 32px; } }
  .home .main .home-categories-main .home-categories-inner .home-categories-left,
  .home .main .home-categories-main .home-categories-inner .home-categories-right {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px; }
    @media (min-width: 1024px) {
      .home .main .home-categories-main .home-categories-inner .home-categories-left,
      .home .main .home-categories-main .home-categories-inner .home-categories-right {
        gap: 24px; } }
    @media (min-width: 1600px) {
      .home .main .home-categories-main .home-categories-inner .home-categories-left,
      .home .main .home-categories-main .home-categories-inner .home-categories-right {
        gap: 32px; } }
    .home .main .home-categories-main .home-categories-inner .home-categories-left .home-categories-top,
    .home .main .home-categories-main .home-categories-inner .home-categories-left .home-categories-bottom,
    .home .main .home-categories-main .home-categories-inner .home-categories-right .home-categories-top,
    .home .main .home-categories-main .home-categories-inner .home-categories-right .home-categories-bottom {
      position: relative; }
      .home .main .home-categories-main .home-categories-inner .home-categories-left .home-categories-top img,
      .home .main .home-categories-main .home-categories-inner .home-categories-left .home-categories-bottom img,
      .home .main .home-categories-main .home-categories-inner .home-categories-right .home-categories-top img,
      .home .main .home-categories-main .home-categories-inner .home-categories-right .home-categories-bottom img {
        width: 100%;
        border-radius: 10px; }
  .home .main .home-categories-main .home-categories-inner .home-categories-btn {
    color: #ffffff;
    background-color: black;
    border-radius: 4px;
    font-family: Poppins;
    font-weight: 600;
    position: absolute;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    padding: 10px 20px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    bottom: 24px;
    transition: 0.5s ease-in-out; }
    @media (min-width: 1024px) {
      .home .main .home-categories-main .home-categories-inner .home-categories-btn {
        bottom: 48px;
        left: 40%;
        transform: translateX(-30%);
        padding: 18px 100px;
        font-size: 14px;
        line-height: 22px; } }
    @media (min-width: 1600px) {
      .home .main .home-categories-main .home-categories-inner .home-categories-btn {
        padding: 20px 146px;
        font-size: 16px;
        line-height: 26px; } }
    .home .main .home-categories-main .home-categories-inner .home-categories-btn:hover {
      background-color: #F1592B;
      box-shadow: 0px 0px 10px 3px #fff8f6; }
      @media (min-width: 1600px) {
        .home .main .home-categories-main .home-categories-inner .home-categories-btn:hover {
          box-shadow: 0px 0px 15px 7px #fff8f6; } }

.home .main .request-quote-main {
  margin-bottom: 20px; }
  @media (min-width: 1024px) {
    .home .main .request-quote-main {
      margin-bottom: 60px; } }
  @media (min-width: 1600px) {
    .home .main .request-quote-main {
      margin-bottom: 80px; } }
  .home .main .request-quote-main .request-quote-inner {
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .home .main .request-quote-main .request-quote-inner {
        flex-direction: row;
        gap: 30px; } }
    @media (min-width: 1024px) {
      .home .main .request-quote-main .request-quote-inner {
        gap: 44px; } }
    @media (min-width: 1600px) {
      .home .main .request-quote-main .request-quote-inner {
        gap: 54px; } }
    .home .main .request-quote-main .request-quote-inner .request-quote-right {
      display: flex;
      flex-direction: column-reverse; }
      @media (min-width: 768px) {
        .home .main .request-quote-main .request-quote-inner .request-quote-right {
          display: block; } }
    @media (min-width: 1024px) {
      .home .main .request-quote-main .request-quote-inner .request-quote-right,
      .home .main .request-quote-main .request-quote-inner .request-quote-left {
        width: 50%; } }
    .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-image img,
    .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-image img {
      width: 100%;
      border-radius: 8px; }
    .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-content,
    .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-content {
      margin: 20px 0; }
      @media (min-width: 1024px) {
        .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-content,
        .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-content {
          margin: 30px 0; } }
      @media (min-width: 1600px) {
        .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-content,
        .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-content {
          margin: 40px 0; } }
      .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-content .request-quote-title,
      .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-content .request-quote-title {
        font-family: Poppins;
        color: #000000;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 10px 0; }
        @media (min-width: 768px) {
          .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-content .request-quote-title,
          .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-content .request-quote-title {
            font-size: 24px;
            line-height: 34px; } }
        @media (min-width: 1024px) {
          .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-content .request-quote-title,
          .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-content .request-quote-title {
            font-size: 28px;
            line-height: 40px;
            margin: 0 0 20px 59px; } }
        @media (min-width: 1600px) {
          .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-content .request-quote-title,
          .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-content .request-quote-title {
            font-size: 32px;
            line-height: 48px;
            margin: 0 0 24px 63px; } }
      .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-content .request-quote-description,
      .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-content .request-quote-description {
        font-family: Poppins;
        font-weight: 400;
        color: #727272;
        font-size: 12px;
        line-height: 14px; }
        @media (min-width: 768px) {
          .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-content .request-quote-description,
          .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-content .request-quote-description {
            font-size: 14px;
            line-height: 16px; } }
        @media (min-width: 1024px) {
          .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-content .request-quote-description,
          .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-content .request-quote-description {
            margin: 0 75px 30px 53px; } }
        @media (min-width: 1600px) {
          .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-content .request-quote-description,
          .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-content .request-quote-description {
            font-size: 16px;
            line-height: 20px;
            margin: 0 85px 40px 63px; } }
      .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-content .request-quote-button,
      .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-content .request-quote-button {
        color: #ffffff;
        background-color: black;
        border-radius: 12px;
        font-family: Poppins;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        display: inline-block;
        transition: 0.5s ease-in-out;
        font-size: 12px;
        padding: 10px 12px;
        line-height: 16px; }
        @media (min-width: 768px) {
          .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-content .request-quote-button,
          .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-content .request-quote-button {
            font-size: 14px;
            padding: 12px 16px; } }
        @media (min-width: 1024px) {
          .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-content .request-quote-button,
          .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-content .request-quote-button {
            font-size: 14px;
            padding: 14px 33px;
            line-height: 20px;
            margin: 0 53px; } }
        @media (min-width: 1600px) {
          .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-content .request-quote-button,
          .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-content .request-quote-button {
            font-size: 16px;
            padding: 16px 43px;
            line-height: 24px;
            margin: 0 63px;
            letter-spacing: -0.03em; } }
        .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-content .request-quote-button:hover,
        .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-content .request-quote-button:hover {
          background-color: #F1592B;
          box-shadow: 0px 0px 10px 3px #a0a0a0; }
          @media (min-width: 1600px) {
            .home .main .request-quote-main .request-quote-inner .request-quote-right .request-quote-content .request-quote-button:hover,
            .home .main .request-quote-main .request-quote-inner .request-quote-left .request-quote-content .request-quote-button:hover {
              box-shadow: 0px 0px 15px 7px #a0a0a0; } }

.home .main .featured-main {
  position: relative;
  padding: 0 0 10px 0; }
  .home .main .featured-main .productCarousel {
    margin: 0; }
    .home .main .featured-main .productCarousel .slick-list {
      margin: 0 -5px; }
      @media (min-width: 1024px) {
        .home .main .featured-main .productCarousel .slick-list {
          margin: 0 -15px; } }
    .home .main .featured-main .productCarousel .slick-track {
      display: flex; }
    .home .main .featured-main .productCarousel .productCarousel-slide {
      padding: 0;
      margin: 0 5px;
      box-shadow: 0px 4.65px 9.3px 0px rgba(241, 89, 43, 0.059); }
      @media (min-width: 1024px) {
        .home .main .featured-main .productCarousel .productCarousel-slide {
          margin: 0 15px; } }

.home .main .blog-main {
  margin-bottom: 20px;
  overflow: hidden; }
  @media (min-width: 1024px) {
    .home .main .blog-main {
      margin-bottom: 60px; } }
  @media (min-width: 1600px) {
    .home .main .blog-main {
      margin-bottom: 80px; } }
  .home .main .blog-main .blog-inner .home-recent-posts {
    margin-top: 20px; }
    @media (min-width: 1024px) {
      .home .main .blog-main .blog-inner .home-recent-posts {
        margin-top: 80px; } }
  .home .main .blog-main .blog-inner .blogs .slick-prev,
  .home .main .blog-main .blog-inner .blogs .slick-next {
    top: -10px; }
    @media (min-width: 768px) {
      .home .main .blog-main .blog-inner .blogs .slick-prev,
      .home .main .blog-main .blog-inner .blogs .slick-next {
        top: -30px; } }
    @media (min-width: 1024px) {
      .home .main .blog-main .blog-inner .blogs .slick-prev,
      .home .main .blog-main .blog-inner .blogs .slick-next {
        top: -40px; } }
  @media (min-width: 1024px) {
    .home .main .blog-main .blog-inner .blogs .slick-list {
      margin: 0 -25px; } }
  @media (min-width: 1600px) {
    .home .main .blog-main .blog-inner .blogs .slick-list {
      margin: 0 -42px; } }
  .home .main .blog-main .blog-inner .blog {
    position: relative; }
    @media (min-width: 768px) {
      .home .main .blog-main .blog-inner .blog {
        margin: 0px 25px 15px 25px; } }
    @media (min-width: 1024px) {
      .home .main .blog-main .blog-inner .blog {
        padding-bottom: 180px;
        margin: 0px 25px 15px 25px; } }
    @media (min-width: 1600px) {
      .home .main .blog-main .blog-inner .blog {
        margin: 0px 42px 15px 42px; } }
    .home .main .blog-main .blog-inner .blog .blog-post-figure .blog-thumbnail {
      max-width: initial;
      margin: 0 0 10px 0; }
      @media (min-width: 1024px) {
        .home .main .blog-main .blog-inner .blog .blog-post-figure .blog-thumbnail {
          margin: 0 auto 2rem; } }
      .home .main .blog-main .blog-inner .blog .blog-post-figure .blog-thumbnail img {
        border-radius: 8px; }
    .home .main .blog-main .blog-inner .blog .blog-post-body {
      background-color: #ffffff;
      border-radius: 10px;
      box-shadow: 0px 6px 12px 0px rgba(241, 89, 43, 0.059);
      border: 1px solid #e0e0e0;
      margin: 0;
      padding: 18px; }
      @media (min-width: 1024px) {
        .home .main .blog-main .blog-inner .blog .blog-post-body.has-blog-image {
          bottom: 0;
          width: 80%; } }
      @media (min-width: 1261px) {
        .home .main .blog-main .blog-inner .blog .blog-post-body.has-blog-image {
          width: 90%; } }
      @media (min-width: 1600px) {
        .home .main .blog-main .blog-inner .blog .blog-post-body.has-blog-image {
          width: 80%; } }
      @media (min-width: 1024px) {
        .home .main .blog-main .blog-inner .blog .blog-post-body {
          padding: 18px 28px;
          position: absolute;
          left: 50%;
          transform: translateX(-50%); } }
      @media (min-width: 1261px) {
        .home .main .blog-main .blog-inner .blog .blog-post-body {
          padding: 18px 28px; } }
      @media (min-width: 1600px) {
        .home .main .blog-main .blog-inner .blog .blog-post-body {
          padding: 29px 42px 28px 44px; } }
      .home .main .blog-main .blog-inner .blog .blog-post-body .blog-title {
        margin-bottom: 14px; }
        .home .main .blog-main .blog-inner .blog .blog-post-body .blog-title a {
          font-family: "Lato";
          font-size: 24px;
          font-weight: 400;
          line-height: 28px;
          color: #131212; }
      .home .main .blog-main .blog-inner .blog .blog-post-body .blog-header {
        font-family: "Lato";
        font-size: 24px;
        font-weight: 400;
        line-height: 28px;
        padding: 0; }
      .home .main .blog-main .blog-inner .blog .blog-post-body .blog-date {
        font-family: "Lato";
        font-size: 16px;
        font-weight: 400;
        line-height: 18.64px;
        color: #131212;
        margin-bottom: 18px;
        margin-top: 18px; }
        @media (min-width: 1024px) {
          .home .main .blog-main .blog-inner .blog .blog-post-body .blog-date {
            margin-bottom: 32px; } }
      .home .main .blog-main .blog-inner .blog .blog-post-body .blog-post {
        font-family: Poppins;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        color: #727272; }
        @media (min-width: 1600px) {
          .home .main .blog-main .blog-inner .blog .blog-post-body .blog-post {
            font-size: 15px; } }
      .home .main .blog-main .blog-inner .blog .blog-post-body .blog-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative; }
        .home .main .blog-main .blog-inner .blog .blog-post-body .blog-bottom .read-more {
          font-family: Poppins;
          font-size: 14px;
          font-weight: 700;
          line-height: 18.64px;
          background-color: #000000;
          padding: 8px 18px;
          width: fit-content;
          color: #ffffff;
          text-decoration: none;
          border-radius: 8px;
          transition: all 0.3s ease-in-out; }
          @media (min-width: 1024px) {
            .home .main .blog-main .blog-inner .blog .blog-post-body .blog-bottom .read-more {
              font-size: 16px;
              padding: 12px 28px; } }
          .home .main .blog-main .blog-inner .blog .blog-post-body .blog-bottom .read-more:hover {
            background-color: #F1592B;
            box-shadow: 0px 0px 10px 3px #a0a0a0; }
            @media (min-width: 1600px) {
              .home .main .blog-main .blog-inner .blog .blog-post-body .blog-bottom .read-more:hover {
                box-shadow: 0px 0px 15px 7px #a0a0a0; } }
        .home .main .blog-main .blog-inner .blog .blog-post-body .blog-bottom .button-share {
          position: relative;
          font-family: Poppins;
          font-size: 14px;
          font-weight: 500;
          line-height: 18.64px;
          color: rgba(0, 0, 0, 0.4); }
          @media (min-width: 1024px) {
            .home .main .blog-main .blog-inner .blog .blog-post-body .blog-bottom .button-share {
              font-size: 16px; } }
          .home .main .blog-main .blog-inner .blog .blog-post-body .blog-bottom .button-share .icon {
            fill: none;
            width: 24px;
            height: 24px;
            margin-left: 8px; }
        .home .main .blog-main .blog-inner .blog .blog-post-body .blog-bottom .share-icons {
          position: absolute;
          background-color: #ffffff;
          border: 1px solid #000000;
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
          border-radius: 4px;
          padding: 10px;
          right: 10px;
          bottom: 50px;
          transform: translateY(20px);
          opacity: 0;
          display: flex;
          flex-direction: column;
          visibility: hidden;
          transition: all 0.3s ease; }
          .home .main .blog-main .blog-inner .blog .blog-post-body .blog-bottom .share-icons.visible {
            transform: translateY(0);
            opacity: 1;
            visibility: visible; }
          .home .main .blog-main .blog-inner .blog .blog-post-body .blog-bottom .share-icons a {
            padding: 10px;
            text-decoration: none; }
            .home .main .blog-main .blog-inner .blog .blog-post-body .blog-bottom .share-icons a .icon {
              width: 22px;
              height: 22px; }
            .home .main .blog-main .blog-inner .blog .blog-post-body .blog-bottom .share-icons a:hover {
              background-color: #afafaf; }
              .home .main .blog-main .blog-inner .blog .blog-post-body .blog-bottom .share-icons a:hover .icon {
                stroke: #ffffff; }

.related-product-section .productCarousel .slick-track {
  display: flex; }

.related-product-section a.tab-title {
  font-family: Poppins; }
  @media (min-width: 768px) {
    .related-product-section a.tab-title {
      font-size: 28px; } }
  @media (min-width: 1024px) {
    .related-product-section a.tab-title {
      font-weight: 600;
      line-height: 48px;
      letter-spacing: -0.03em;
      font-size: 24px;
      text-align: center;
      font-size: 32px; } }

@media (min-width: 1024px) {
  .related-product-section ul li:nth-child(1) {
    margin-right: 0px; } }

.button.button--small.card-figcaption-button {
  background-color: #000000;
  color: #ffffff;
  font-family: Poppins;
  font-weight: 700;
  text-transform: uppercase;
  font-style: normal;
  border-radius: 9px;
  width: 100%;
  transition: all 0.3s ease-in-out;
  font-size: 12px;
  line-height: 10px;
  letter-spacing: -0.03em;
  margin-bottom: 12px;
  padding: 10px; }
  @media (min-width: 1024px) {
    .button.button--small.card-figcaption-button {
      line-height: 18.6px;
      margin-bottom: 12px; } }
  .button.button--small.card-figcaption-button:hover {
    background-color: #F1592B;
    box-shadow: 0px 0px 10px 3px #fff8f6; }
    @media (min-width: 1600px) {
      .button.button--small.card-figcaption-button:hover {
        box-shadow: 0px 0px 15px 7px #fff8f6; } }

.productGrid {
  display: flex;
  flex-wrap: wrap; }
  .productGrid .product {
    margin-bottom: 20px; }
    .productGrid .product .card .card-figure .card-figcaption-body {
      top: 65px; }

.card {
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  height: 100%; }
  .card .card-figure {
    border-radius: 10px 10px 0 0;
    border: 1px solid #e0e0e0; }
    .card .card-figure .card-figcaption-body {
      position: absolute;
      top: 32px;
      right: 12px; }
      .card .card-figure .card-figcaption-body .card-compare {
        border: 1px solid #e0e0e0;
        padding: 13px 10px;
        border-radius: 50%;
        background-color: #ffffff;
        transition: all 0.2s ease-in-out;
        box-shadow: 0px 6px 12px 0px rgba(241, 89, 43, 0.059);
        margin-top: 8px; }
        .card .card-figure .card-figcaption-body .card-compare:hover {
          border: 1px solid #000000;
          background-color: #000000; }
          .card .card-figure .card-figcaption-body .card-compare:hover .icon svg {
            fill: #ffffff; }
        .card .card-figure .card-figcaption-body .card-compare .icon {
          width: 22px;
          height: 16px; }
          .card .card-figure .card-figcaption-body .card-compare .icon svg {
            fill: #000000; }
        .card .card-figure .card-figcaption-body .card-compare input[type="checkbox"] {
          display: none; }
      .card .card-figure .card-figcaption-body .quickview {
        border: 1px solid #e0e0e0;
        padding: 13px 10px;
        border-radius: 50%;
        background-color: #ffffff;
        transition: all 0.2s ease-in-out;
        box-shadow: 0px 6px 12px 0px rgba(241, 89, 43, 0.059); }
        .card .card-figure .card-figcaption-body .quickview:hover {
          border: 1px solid #000000;
          background-color: #000000; }
          .card .card-figure .card-figcaption-body .quickview:hover .icon {
            fill: #000000;
            stroke: #ffffff; }
        .card .card-figure .card-figcaption-body .quickview .icon {
          fill: #fff;
          stroke: #000;
          width: 22px;
          height: 16px; }
    .card .card-figure .card-figcaption {
      opacity: 1; }
  .card .card-body {
    text-align: left;
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    justify-content: space-between;
    padding-top: 10px;
    border-radius: 0 0 10px 10px; }
    @media (min-width: 1024px) {
      .card .card-body {
        padding-top: 26px; } }
    .card .card-body .card-text .price-section {
      color: #000000; }
      .card .card-body .card-text .price-section.price-section--withoutTax {
        font-family: Poppins;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: -0.01em; }
        @media (min-width: 768px) {
          .card .card-body .card-text .price-section.price-section--withoutTax {
            font-size: 18px; } }
        @media (min-width: 1024px) {
          .card .card-body .card-text .price-section.price-section--withoutTax {
            line-height: 36px;
            font-size: 24px; } }
      .card .card-body .card-text .price-section.non-sale-price--withoutTax {
        font-family: Poppins;
        font-weight: 400;
        font-size: 12px;
        letter-spacing: -0.03em; }
        @media (min-width: 1024px) {
          .card .card-body .card-text .price-section.non-sale-price--withoutTax {
            line-height: 27px;
            font-size: 14px; } }
    .card .card-body .card-text[data-test-info-type="price"] {
      display: flex;
      gap: 8px;
      margin-bottom: 8px; }
      @media (min-width: 1024px) {
        .card .card-body .card-text[data-test-info-type="price"] {
          margin-bottom: 16px; } }
    .card .card-body .card-text[data-test-info-type="brandName"] {
      text-transform: uppercase;
      font-family: -apple-system-headline, BlinkMacSystemFont, sans-serif;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: -0.03em;
      color: #737373;
      margin-bottom: 4px;
      line-height: 16.71px; }
      @media (min-width: 768px) {
        .card .card-body .card-text[data-test-info-type="brandName"] {
          font-size: 14px;
          margin-bottom: 8px; } }
    .card .card-body .card-title a {
      font-family: Poppins;
      font-weight: 500;
      color: black;
      margin-bottom: 10px;
      font-size: 12px; }
      @media (min-width: 768px) {
        .card .card-body .card-title a {
          font-size: 14px;
          margin-bottom: 16px; } }
      @media (min-width: 1024px) {
        .card .card-body .card-title a {
          font-size: 18px;
          letter-spacing: -0.03em;
          line-height: 21.39px; } }
    .card .card-body a.card-figcaption-button {
      background-color: #000000;
      color: #ffffff;
      font-family: Poppins;
      font-weight: 700;
      text-transform: uppercase;
      font-style: normal;
      border-radius: 9px;
      width: 100%;
      transition: all 0.3s ease-in-out;
      font-size: 12px;
      line-height: 10px;
      letter-spacing: -0.03em;
      margin-bottom: 12px;
      padding: 10px;
      display: none; }
      @media (min-width: 1024px) {
        .card .card-body a.card-figcaption-button {
          display: block;
          line-height: 18.6px;
          margin-bottom: 12px; } }
      .card .card-body a.card-figcaption-button:hover {
        background-color: #F1592B;
        box-shadow: 0px 0px 10px 3px #fff8f6; }
        @media (min-width: 1600px) {
          .card .card-body a.card-figcaption-button:hover {
            box-shadow: 0px 0px 15px 7px #fff8f6; } }
  .card .card-figcaption.mobile {
    display: block;
    height: auto; }
    @media (min-width: 1024px) {
      .card .card-figcaption.mobile {
        display: none; } }
    .card .card-figcaption.mobile .card-figcaption-body {
      width: 100%; }

.slick-slide {
  height: auto; }

.slick-initialized .slick-arrow {
  background-color: #000000;
  padding: 10px;
  height: 46px;
  width: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .slick-initialized .slick-arrow:hover, .slick-initialized .slick-arrow:focus {
    background-color: #000000; }
  .slick-initialized .slick-arrow.slick-next {
    right: 0px;
    top: 50px;
    height: 35px;
    width: 35px; }
    @media (min-width: 768px) {
      .slick-initialized .slick-arrow.slick-next {
        top: 35px; } }
    @media (min-width: 1024px) {
      .slick-initialized .slick-arrow.slick-next {
        top: -40px;
        height: 46px;
        width: 46px; } }
    .slick-initialized .slick-arrow.slick-next::before {
      height: 16px;
      width: 14px;
      background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H14M9 1L14.2929 6.29289C14.6834 6.68342 14.6834 7.31658 14.2929 7.70711L9 13' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
  .slick-initialized .slick-arrow.slick-prev {
    right: 40px;
    top: 50px;
    height: 35px;
    width: 35px;
    left: initial; }
    @media (min-width: 768px) {
      .slick-initialized .slick-arrow.slick-prev {
        top: 35px; } }
    @media (min-width: 1024px) {
      .slick-initialized .slick-arrow.slick-prev {
        top: -40px;
        right: 55px;
        height: 46px;
        width: 46px; } }
    .slick-initialized .slick-arrow.slick-prev::before {
      height: 16px;
      width: 14px;
      background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7L2 7M7 13L1.70711 7.70711C1.31658 7.31658 1.31658 6.68342 1.70711 6.29289L7 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
  .slick-initialized .slick-arrow.slick-disabled {
    background-color: #fff;
    border: 1px solid #000000;
    opacity: 1; }
    .slick-initialized .slick-arrow.slick-disabled.slick-next::before {
      opacity: 1;
      background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H14M9 1L14.2929 6.29289C14.6834 6.68342 14.6834 7.31658 14.2929 7.70711L9 13' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
    .slick-initialized .slick-arrow.slick-disabled.slick-prev::before {
      opacity: 1;
      background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7L2 7M7 13L1.70711 7.70711C1.31658 7.31658 1.31658 6.68342 1.70711 6.29289L7 1' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }

.productView-thumbnails.slick-initialized .slick-arrow.slick-prev {
  left: 0;
  top: 45px;
  height: 35px;
  width: 35px; }

.productView-thumbnails.slick-initialized .slick-arrow.slick-next {
  right: 0px;
  top: 45px;
  height: 35px;
  width: 35px; }

.backtoTop {
  bottom: 15px;
  left: 30px; }
  @media (min-width: 1024px) {
    .backtoTop {
      left: inherit;
      bottom: 48px;
      right: 30px; } }
  .backtoTop .slick-prev {
    width: 30px;
    height: 30px;
    border: 1px solid #000; }
    @media (min-width: 1024px) {
      .backtoTop .slick-prev {
        width: 40px;
        height: 40px; } }
    .backtoTop .slick-prev::before {
      width: 10px;
      height: 10px; }
      @media (min-width: 1024px) {
        .backtoTop .slick-prev::before {
          width: 18px;
          height: 22px; } }

div #account-dropdown-signout-list {
  min-width: 175px;
  top: 73px; }
  @media (min-width: 1024px) {
    div #account-dropdown-signout-list {
      top: 68px; } }
  @media (min-width: 1600px) {
    div #account-dropdown-signout-list {
      top: 75px; } }
  div #account-dropdown-signout-list a.navBar-action.signout-list {
    font-size: 16px; }

.category {
  display: flex;
  flex-wrap: wrap; }
  .category .page-sidebar {
    order: 2; }
    @media (min-width: 768px) {
      .category .page-sidebar {
        order: initial; } }
  .category .product .card .card-body [data-test-info-type="brandName"] {
    display: none; }

.page-sidebar + .page-content .productGrid .product {
  width: 50%; }
  @media (min-width: 1261px) {
    .page-sidebar + .page-content .productGrid .product {
      width: 33.33%; } }
  @media (min-width: 1600px) {
    .page-sidebar + .page-content .productGrid .product {
      width: 25%; } }

.newsletter-main {
  margin: 40px 0; }
  @media (min-width: 768px) {
    .newsletter-main {
      color: #ffffff; } }
  @media (min-width: 1024px) {
    .newsletter-main {
      margin: 60px 0; } }
  @media (min-width: 1600px) {
    .newsletter-main {
      margin: 80px 0; } }
  .newsletter-main .newsletter-section .newsletter-bg {
    position: relative; }
    .newsletter-main .newsletter-section .newsletter-bg img {
      border-radius: 8px;
      width: 100%; }
      @media (min-width: 768px) {
        .newsletter-main .newsletter-section .newsletter-bg img {
          min-height: 370px;
          object-fit: cover; } }
  .newsletter-main .newsletter-section .newsletter {
    text-align: center; }
    @media (min-width: 768px) {
      .newsletter-main .newsletter-section .newsletter {
        border: 2px solid rgba(255, 255, 255, 0.6);
        background: rgba(255, 255, 255, 0.3);
        position: absolute;
        top: 50%;
        left: 50px;
        transform: translateY(-50%);
        backdrop-filter: blur(10px);
        width: calc(50% - 50px);
        padding: 10px;
        border-radius: 18px;
        text-align: left; } }
    @media (min-width: 1024px) {
      .newsletter-main .newsletter-section .newsletter {
        border-radius: 28px;
        left: 70px;
        width: calc(50% - 140px);
        padding: 15px 50px; } }
    @media (min-width: 1261px) {
      .newsletter-main .newsletter-section .newsletter {
        padding: 25px 50px; } }
    @media (min-width: 1600px) {
      .newsletter-main .newsletter-section .newsletter {
        width: calc(50% - 130px);
        padding: 70px 50px; } }
    .newsletter-main .newsletter-section .newsletter h2 {
      font-family: Poppins;
      font-size: 20px;
      font-weight: 600;
      margin-top: 10px;
      text-transform: capitalize;
      line-height: 36px; }
      @media (min-width: 768px) {
        .newsletter-main .newsletter-section .newsletter h2 {
          margin-top: 0;
          color: #ffffff;
          font-size: 18px; } }
      @media (min-width: 1024px) {
        .newsletter-main .newsletter-section .newsletter h2 {
          font-size: 24px;
          margin-bottom: 12px; } }
      @media (min-width: 1261px) {
        .newsletter-main .newsletter-section .newsletter h2 {
          margin-bottom: 14px;
          font-size: 28px; } }
      @media (min-width: 1600px) {
        .newsletter-main .newsletter-section .newsletter h2 {
          margin-bottom: 16px;
          font-size: 32px; } }
    .newsletter-main .newsletter-section .newsletter p {
      font-family: Poppins;
      font-weight: 600;
      line-height: 1.3;
      font-size: 12px;
      margin-bottom: 10px; }
      @media (min-width: 1261px) {
        .newsletter-main .newsletter-section .newsletter p {
          font-size: 14px;
          margin-bottom: 30px; } }
      @media (min-width: 1600px) {
        .newsletter-main .newsletter-section .newsletter p {
          font-size: 16px;
          margin-bottom: 40px; } }
    .newsletter-main .newsletter-section .newsletter form {
      margin: 0; }
      .newsletter-main .newsletter-section .newsletter form .form-field {
        margin: 0; }
        @media (min-width: 1024px) {
          .newsletter-main .newsletter-section .newsletter form .form-field .form-prefixPostfix {
            flex-wrap: nowrap; } }
        .newsletter-main .newsletter-section .newsletter form .form-field .form-prefixPostfix .form-input {
          height: auto;
          border-radius: 4px;
          font-family: Poppins;
          font-size: 12px;
          font-weight: 400;
          line-height: 26px;
          max-width: 374px;
          padding: 4px 16px;
          color: #303030; }
          @media (min-width: 768px) {
            .newsletter-main .newsletter-section .newsletter form .form-field .form-prefixPostfix .form-input {
              line-height: 16px;
              padding: 10px 16px; } }
          @media (min-width: 1024px) {
            .newsletter-main .newsletter-section .newsletter form .form-field .form-prefixPostfix .form-input {
              line-height: 26px;
              border: none; } }
          @media (min-width: 1261px) {
            .newsletter-main .newsletter-section .newsletter form .form-field .form-prefixPostfix .form-input {
              font-size: 14px;
              padding: 16px 24px; } }
          @media (min-width: 1600px) {
            .newsletter-main .newsletter-section .newsletter form .form-field .form-prefixPostfix .form-input {
              font-size: 16px;
              padding: 17px 32px; } }
          .newsletter-main .newsletter-section .newsletter form .form-field .form-prefixPostfix .form-input::placeholder {
            font-family: Poppins;
            font-size: 12px;
            font-weight: 400;
            line-height: 26px;
            color: #303030; }
            @media (min-width: 1261px) {
              .newsletter-main .newsletter-section .newsletter form .form-field .form-prefixPostfix .form-input::placeholder {
                font-size: 14px; } }
            @media (min-width: 1600px) {
              .newsletter-main .newsletter-section .newsletter form .form-field .form-prefixPostfix .form-input::placeholder {
                font-size: 16px; } }
        .newsletter-main .newsletter-section .newsletter form .form-field .form-prefixPostfix .button {
          height: auto;
          font-family: Poppins;
          font-size: 14px;
          font-weight: 600;
          line-height: 28px;
          letter-spacing: 0.05em;
          text-transform: uppercase;
          border-radius: 4px;
          background-color: #000000;
          border: none;
          color: #fff;
          transition: all 0.3s ease-in-out;
          padding: 6px 10px; }
          @media (min-width: 768px) {
            .newsletter-main .newsletter-section .newsletter form .form-field .form-prefixPostfix .button {
              line-height: 16px; } }
          @media (min-width: 1024px) {
            .newsletter-main .newsletter-section .newsletter form .form-field .form-prefixPostfix .button {
              padding: 11px 13px;
              margin-left: 16px;
              width: auto;
              margin-top: 0; } }
          @media (min-width: 1261px) {
            .newsletter-main .newsletter-section .newsletter form .form-field .form-prefixPostfix .button {
              line-height: 28px;
              font-size: 16px;
              padding: 11px 27px; } }
          @media (min-width: 1600px) {
            .newsletter-main .newsletter-section .newsletter form .form-field .form-prefixPostfix .button {
              padding: 11px 39px;
              font-size: 18px; } }
          .newsletter-main .newsletter-section .newsletter form .form-field .form-prefixPostfix .button:hover {
            background-color: #F1592B;
            box-shadow: 0px 0px 10px 3px #a0a0a0; }
            @media (min-width: 1600px) {
              .newsletter-main .newsletter-section .newsletter form .form-field .form-prefixPostfix .button:hover {
                box-shadow: 0px 0px 15px 7px #a0a0a0; } }

.footer {
  padding-top: 40px;
  border: none; }
  @media (min-width: 1024px) {
    .footer {
      padding-top: 133px; } }
  @media (min-width: 1261px) {
    .footer {
      padding-top: 80px; } }
  @media (min-width: 1600px) {
    .footer {
      padding-top: 133px; } }
  .footer .store-info {
    margin: 0;
    padding: 0;
    color: #ffffff; }
    .footer .store-info address {
      text-transform: capitalize;
      font-family: Poppins;
      font-size: 12px;
      font-weight: 400;
      line-height: 24px; }
      @media (min-width: 768px) {
        .footer .store-info address {
          font-size: 20px; } }
      @media (min-width: 1024px) {
        .footer .store-info address {
          font-size: 16px; } }
  .footer .footer-info article.footer-info-col {
    text-align: center; }
    @media (min-width: 1024px) {
      .footer .footer-info article.footer-info-col {
        text-align: left; } }
    .footer .footer-info article.footer-info-col .footer-info-heading {
      font-family: Poppins;
      font-weight: 600;
      line-height: 27px;
      margin-bottom: 24px; }
      @media (min-width: 768px) {
        .footer .footer-info article.footer-info-col .footer-info-heading {
          font-size: 24px; } }
    .footer .footer-info article.footer-info-col .footer-info-list li {
      text-transform: capitalize; }
      .footer .footer-info article.footer-info-col .footer-info-list li.viewall {
        margin-top: 25px; }
      .footer .footer-info article.footer-info-col .footer-info-list li a,
      .footer .footer-info article.footer-info-col .footer-info-list li span {
        font-family: Poppins;
        font-size: 16px;
        font-weight: 200;
        line-height: 24px;
        color: #ffffff; }
        @media (min-width: 768px) {
          .footer .footer-info article.footer-info-col .footer-info-list li a,
          .footer .footer-info article.footer-info-col .footer-info-list li span {
            font-size: 20px; } }
        @media (min-width: 1024px) {
          .footer .footer-info article.footer-info-col .footer-info-list li a,
          .footer .footer-info article.footer-info-col .footer-info-list li span {
            font-size: 16px; } }
      .footer .footer-info article.footer-info-col .footer-info-list li a {
        text-transform: capitalize; }
    .footer .footer-info article.footer-info-col.footer-info-col--small-4 {
      width: 100%; }
      @media (min-width: 1024px) {
        .footer .footer-info article.footer-info-col.footer-info-col--small-4 {
          margin-bottom: 20px;
          width: 33.33%; } }
      @media (min-width: 1261px) {
        .footer .footer-info article.footer-info-col.footer-info-col--small-4 {
          margin-bottom: 50px; } }
      @media (min-width: 1600px) {
        .footer .footer-info article.footer-info-col.footer-info-col--small-4 {
          margin-bottom: 96px; } }
      .footer .footer-info article.footer-info-col.footer-info-col--small-4 .footer-connect {
        margin-bottom: 32px; }
        .footer .footer-info article.footer-info-col.footer-info-col--small-4 .footer-connect a,
        .footer .footer-info article.footer-info-col.footer-info-col--small-4 .footer-connect p {
          font-family: Poppins;
          font-size: 16px;
          font-weight: 200;
          line-height: 24px;
          color: #ffffff;
          text-decoration: none; }
          @media (min-width: 768px) {
            .footer .footer-info article.footer-info-col.footer-info-col--small-4 .footer-connect a,
            .footer .footer-info article.footer-info-col.footer-info-col--small-4 .footer-connect p {
              font-size: 20px; } }
          @media (min-width: 1024px) {
            .footer .footer-info article.footer-info-col.footer-info-col--small-4 .footer-connect a,
            .footer .footer-info article.footer-info-col.footer-info-col--small-4 .footer-connect p {
              font-size: 16px; } }
        .footer .footer-info article.footer-info-col.footer-info-col--small-4 .footer-connect .footer-email,
        .footer .footer-info article.footer-info-col.footer-info-col--small-4 .footer-connect .footer-call {
          margin-bottom: 8px; }
      .footer .footer-info article.footer-info-col.footer-info-col--small-4 .footer-hours {
        margin-bottom: 32px;
        font-family: Poppins;
        font-size: 16px;
        font-weight: 200;
        line-height: 24px;
        color: #ffffff;
        text-decoration: none; }
        @media (min-width: 768px) {
          .footer .footer-info article.footer-info-col.footer-info-col--small-4 .footer-hours {
            font-size: 20px; } }
        @media (min-width: 1024px) {
          .footer .footer-info article.footer-info-col.footer-info-col--small-4 .footer-hours {
            font-size: 16px; } }
        .footer .footer-info article.footer-info-col.footer-info-col--small-4 .footer-hours p {
          margin-bottom: 8px; }
      .footer .footer-info article.footer-info-col.footer-info-col--small-4 .footer-payment-icons {
        margin-top: 0; }
        .footer .footer-info article.footer-info-col.footer-info-col--small-4 .footer-payment-icons svg {
          fill: #fff; }
      .footer .footer-info article.footer-info-col.footer-info-col--small-4 .socialLinks .icon svg {
        fill: #fff; }
        .footer .footer-info article.footer-info-col.footer-info-col--small-4 .socialLinks .icon svg:hover {
          fill: #F1592B; }
      .footer .footer-info article.footer-info-col.footer-info-col--small-4 .socialLinks::after, .footer .footer-info article.footer-info-col.footer-info-col--small-4 .socialLinks::before {
        display: none; }
      .footer .footer-info article.footer-info-col.footer-info-col--small-4 .socialLinks .socialLinks-item {
        text-transform: capitalize; }
        .footer .footer-info article.footer-info-col.footer-info-col--small-4 .socialLinks .socialLinks-item .icon--twitter {
          width: 16px; }
        .footer .footer-info article.footer-info-col.footer-info-col--small-4 .socialLinks .socialLinks-item a {
          font-family: Poppins;
          font-size: 16px;
          font-weight: 400;
          line-height: 24px;
          color: #ffffff;
          text-decoration: none;
          text-transform: capitalize; }
  .footer .footer-bottom {
    border-top: 1px solid #535353;
    background-color: transparent;
    padding: 15px 0; }
    @media (min-width: 1024px) {
      .footer .footer-bottom {
        padding: 30px 0; } }
    @media (min-width: 1024px) {
      .footer .footer-bottom .footer-bottom-inner {
        display: flex;
        align-items: center;
        justify-content: space-between; } }
    .footer .footer-bottom .footer-copyright {
      margin: 0; }
      .footer .footer-bottom .footer-copyright p,
      .footer .footer-bottom .footer-copyright a {
        font-family: Poppins;
        font-weight: 500;
        font-size: 12px;
        line-height: 20px;
        color: #ffffff; }
        @media (min-width: 768px) {
          .footer .footer-bottom .footer-copyright p,
          .footer .footer-bottom .footer-copyright a {
            font-size: 16px;
            line-height: 24px; } }

.navPage-subMenu {
  display: none; }

.navPage-subMenu.is-open {
  display: block; }

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: -1.5em; }

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: -1.5em; }

.navBar-section .navBar-item {
  font-size: 20px; }
  .navBar-section .navBar-item .navBar-action {
    font-size: 20px; }

.account .account-body p {
  font-size: 14px; }

a.button.button--small {
  background-color: #f1592b;
  color: white; }

.nav-mobile .navPages-desktop .navPages {
  z-index: 1;
  position: relative; }

.blog-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-top: 15px; }
  .blog-bottom .read-more {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 700;
    line-height: 18.64px;
    background-color: #000000;
    padding: 8px 18px;
    width: fit-content;
    color: #ffffff;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease-in-out; }
    @media (min-width: 1024px) {
      .blog-bottom .read-more {
        font-size: 16px;
        padding: 12px 28px; } }
    .blog-bottom .read-more:hover {
      background-color: #F1592B;
      box-shadow: 0px 0px 10px 3px #a0a0a0; }
      @media (min-width: 1600px) {
        .blog-bottom .read-more:hover {
          box-shadow: 0px 0px 15px 7px #a0a0a0; } }
  .blog-bottom .button-share {
    position: relative;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 18.64px;
    color: rgba(0, 0, 0, 0.4); }
    @media (min-width: 1024px) {
      .blog-bottom .button-share {
        font-size: 16px; } }
    .blog-bottom .button-share .icon {
      fill: none;
      width: 24px;
      height: 24px;
      margin-left: 8px; }
  .blog-bottom .share-icons {
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #000000;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 10px;
    right: 10px;
    bottom: 50px;
    transform: translateY(20px);
    opacity: 0;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    transition: all 0.3s ease; }
    .blog-bottom .share-icons.visible {
      transform: translateY(0);
      opacity: 1;
      visibility: visible; }
    .blog-bottom .share-icons a {
      padding: 10px;
      text-decoration: none; }
      .blog-bottom .share-icons a .icon {
        width: 22px;
        height: 22px; }
      .blog-bottom .share-icons a:hover {
        background-color: #afafaf; }
        .blog-bottom .share-icons a:hover .icon {
          stroke: #ffffff; }

.safari-only .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: -4.2em; }

.safari-only .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.3em; }

.safari-only .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
  top: 2.51em; }

.safari-only.cart-page [class^=swal2-x-mark-line][class$=right] {
  right: 0.8em !important; }

.blog-header {
  padding: 0; }

.wishlist-product {
  width: 50%; }
  @media (min-width: 1024px) {
    .wishlist-product {
      width: 33.33%; } }
  @media (min-width: 1600px) {
    .wishlist-product {
      width: 25%; } }
  .wishlist-product .product {
    width: 100%; }
    .wishlist-product .product .card {
      margin-bottom: 15px; }
    .wishlist-product .product form {
      margin-bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center; }
      .wishlist-product .product form input {
        border-radius: 9px; }

.g-recaptcha {
  margin: 10px 0; }