[href]:focus {
  outline: none !important; }

[href] {
  text-decoration: none !important; }

.divRow {
  width: 100%; }

.d-flex {
  display: flex;
  justify-content: center;
  align-items: center; }

.d-flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.d-flex-jfc {
  display: flex;
  justify-content: flex-start;
  align-items: center; }

.grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

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

@media (min-width: 576px) {
  .sm-1 {
    width: calc(100% / 12); }
  .sm-2 {
    width: calc(100% / 12 * 2); }
  .sm-3 {
    width: calc(100% / 12 * 3); }
  .sm-4 {
    width: calc(100% / 12 * 4); }
  .sm-5 {
    width: calc(100% / 12 * 5); }
  .sm-6 {
    width: calc(100% / 12 * 6); }
  .sm-7 {
    width: calc(100% / 12 * 7); }
  .sm-8 {
    width: calc(100% / 12 * 8); }
  .sm-9 {
    width: calc(100% / 12 * 9); }
  .sm-10 {
    width: calc(100% / 12 * 10); }
  .sm-11 {
    width: calc(100% / 12 * 11); }
  .sm-12 {
    width: calc(100% / 12 * 12); } }

@media (min-width: 768px) {
  .md-1 {
    width: calc(100% / 12); }
  .md-2 {
    width: calc(100% / 12 * 2); }
  .md-3 {
    width: calc(100% / 12 * 3); }
  .md-4 {
    width: calc(100% / 12 * 4); }
  .md-5 {
    width: calc(100% / 12 * 5); }
  .md-6 {
    width: calc(100% / 12 * 6); }
  .md-7 {
    width: calc(100% / 12 * 7); }
  .md-8 {
    width: calc(100% / 12 * 8); }
  .md-9 {
    width: calc(100% / 12 * 9); }
  .md-10 {
    width: calc(100% / 12 * 10); }
  .md-11 {
    width: calc(100% / 12 * 11); }
  .md-12 {
    width: calc(100% / 12 * 12); } }

@media (min-width: 992px) {
  .lg-1 {
    width: calc(100% / 12); }
  .lg-2 {
    width: calc(100% / 12 * 2); }
  .lg-3 {
    width: calc(100% / 12 * 3); }
  .lg-4 {
    width: calc(100% / 12 * 4); }
  .lg-5 {
    width: calc(100% / 12 * 5); }
  .lg-6 {
    width: calc(100% / 12 * 6); }
  .lg-7 {
    width: calc(100% / 12 * 7); }
  .lg-8 {
    width: calc(100% / 12 * 8); }
  .lg-9 {
    width: calc(100% / 12 * 9); }
  .lg-10 {
    width: calc(100% / 12 * 10); }
  .lg-11 {
    width: calc(100% / 12 * 11); }
  .lg-12 {
    width: calc(100% / 12 * 12); } }

@media (min-width: 1200px) {
  .xl-1 {
    width: calc(100% / 12); }
  .xl-2 {
    width: calc(100% / 12 * 2); }
  .xl-3 {
    width: calc(100% / 12 * 3); }
  .xl-4 {
    width: calc(100% / 12 * 4); }
  .xl-5 {
    width: calc(100% / 12 * 5); }
  .xl-6 {
    width: calc(100% / 12 * 6); }
  .xl-7 {
    width: calc(100% / 12 * 7); }
  .xl-8 {
    width: calc(100% / 12 * 8); }
  .xl-9 {
    width: calc(100% / 12 * 9); }
  .xl-10 {
    width: calc(100% / 12 * 10); }
  .xl-11 {
    width: calc(100% / 12 * 11); }
  .xl-12 {
    width: calc(100% / 12 * 12); } }

@media (max-width: 551px) {
  .xs-1 {
    width: calc(100% / 12); }
  .xs-2 {
    width: calc(100% / 12 * 2); }
  .xs-3 {
    width: calc(100% / 12 * 3); }
  .xs-4 {
    width: calc(100% / 12 * 4); }
  .xs-5 {
    width: calc(100% / 12 * 5); }
  .xs-6 {
    width: calc(100% / 12 * 6); }
  .xs-7 {
    width: calc(100% / 12 * 7); }
  .xs-8 {
    width: calc(100% / 12 * 8); }
  .xs-9 {
    width: calc(100% / 12 * 9); }
  .xs-10 {
    width: calc(100% / 12 * 10); }
  .xs-11 {
    width: calc(100% / 12 * 11); }
  .xs-12 {
    width: calc(100% / 12 * 12); } }

.grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

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

@media (min-width: 552px) {
  .sm-1 {
    width: calc(100% / 12); }
  .sm-2 {
    width: calc(100% / 12 * 2); }
  .sm-3 {
    width: calc(100% / 12 * 3); }
  .sm-4 {
    width: calc(100% / 12 * 4); }
  .sm-5 {
    width: calc(100% / 12 * 5); }
  .sm-6 {
    width: calc(100% / 12 * 6); }
  .sm-7 {
    width: calc(100% / 12 * 7); }
  .sm-8 {
    width: calc(100% / 12 * 8); }
  .sm-9 {
    width: calc(100% / 12 * 9); }
  .sm-10 {
    width: calc(100% / 12 * 10); }
  .sm-11 {
    width: calc(100% / 12 * 11); }
  .sm-12 {
    width: calc(100% / 12 * 12); } }

@media (min-width: 768px) {
  .md-1 {
    width: calc(100% / 12); }
  .md-2 {
    width: calc(100% / 12 * 2); }
  .md-3 {
    width: calc(100% / 12 * 3); }
  .md-4 {
    width: calc(100% / 12 * 4); }
  .md-5 {
    width: calc(100% / 12 * 5); }
  .md-6 {
    width: calc(100% / 12 * 6); }
  .md-7 {
    width: calc(100% / 12 * 7); }
  .md-8 {
    width: calc(100% / 12 * 8); }
  .md-9 {
    width: calc(100% / 12 * 9); }
  .md-10 {
    width: calc(100% / 12 * 10); }
  .md-11 {
    width: calc(100% / 12 * 11); }
  .md-12 {
    width: calc(100% / 12 * 12); } }

@media (min-width: 992px) {
  .lg-1 {
    width: calc(100% / 12); }
  .lg-2 {
    width: calc(100% / 12 * 2); }
  .lg-3 {
    width: calc(100% / 12 * 3); }
  .lg-4 {
    width: calc(100% / 12 * 4); }
  .lg-5 {
    width: calc(100% / 12 * 5); }
  .lg-6 {
    width: calc(100% / 12 * 6); }
  .lg-7 {
    width: calc(100% / 12 * 7); }
  .lg-8 {
    width: calc(100% / 12 * 8); }
  .lg-9 {
    width: calc(100% / 12 * 9); }
  .lg-10 {
    width: calc(100% / 12 * 10); }
  .lg-11 {
    width: calc(100% / 12 * 11); }
  .lg-12 {
    width: calc(100% / 12 * 12); } }

@media (min-width: 1200px) {
  .xl-1 {
    width: calc(100% / 12); }
  .xl-2 {
    width: calc(100% / 12 * 2); }
  .xl-3 {
    width: calc(100% / 12 * 3); }
  .xl-4 {
    width: calc(100% / 12 * 4); }
  .xl-5 {
    width: calc(100% / 12 * 5); }
  .xl-6 {
    width: calc(100% / 12 * 6); }
  .xl-7 {
    width: calc(100% / 12 * 7); }
  .xl-8 {
    width: calc(100% / 12 * 8); }
  .xl-9 {
    width: calc(100% / 12 * 9); }
  .xl-10 {
    width: calc(100% / 12 * 10); }
  .xl-11 {
    width: calc(100% / 12 * 11); }
  .xl-12 {
    width: calc(100% / 12 * 12); } }

@media (max-width: 551px) {
  .xs-1 {
    width: calc(100% / 12); }
  .xs-2 {
    width: calc(100% / 12 * 2); }
  .xs-3 {
    width: calc(100% / 12 * 3); }
  .xs-4 {
    width: calc(100% / 12 * 4); }
  .xs-5 {
    width: calc(100% / 12 * 5); }
  .xs-6 {
    width: calc(100% / 12 * 6); }
  .xs-7 {
    width: calc(100% / 12 * 7); }
  .xs-8 {
    width: calc(100% / 12 * 8); }
  .xs-9 {
    width: calc(100% / 12 * 9); }
  .xs-10 {
    width: calc(100% / 12 * 10); }
  .xs-11 {
    width: calc(100% / 12 * 11); }
  .xs-12 {
    width: calc(100% / 12 * 12); } }

#main-content {
  margin-bottom: 2rem; }

.top-level-category .title-description {
  width: 100%;
  padding-bottom: 24px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 24px; }
  .top-level-category .title-description .desc-content .breadcrumbs {
    display: block; }
    @media (max-width: 767px) {
      .top-level-category .title-description .desc-content .breadcrumbs {
        margin-bottom: 0.5rem; } }
  @media (max-width: 991px) {
    .top-level-category .title-description .desc-content .page-heading {
      font-size: 30px;
      line-height: 38px; } }
  .top-level-category .title-description .desc-content .description p a {
    color: #1677FF; }
  @media (max-width: 767px) {
    .top-level-category .title-description .cat-image {
      display: none; } }
  .top-level-category .title-description .cat-image img {
    width: 100%;
    height: 260px;
    object-fit: contain; }

.top-level-category .cat-sidebar {
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  padding: 16px;
  max-width: 93%; }
  @media (max-width: 991px) {
    .top-level-category .cat-sidebar {
      max-width: 100%;
      margin-bottom: 24px; } }
  @media (max-width: 767px) {
    .top-level-category .cat-sidebar {
      padding: 12px; } }
  .top-level-category .cat-sidebar h4 {
    font-family: Lato;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    color: #1D1D1D;
    margin: 0; }
    @media (max-width: 991px) {
      .top-level-category .cat-sidebar h4 {
        cursor: pointer; } }
    .top-level-category .cat-sidebar h4 .plusminus {
      display: none; }
      @media (max-width: 991px) {
        .top-level-category .cat-sidebar h4 .plusminus {
          display: inline-block;
          float: right; } }
    @media (max-width: 991px) {
      .top-level-category .cat-sidebar h4.is-active .plusminus {
        font-size: 0; }
      .top-level-category .cat-sidebar h4.is-active .plusminus::before {
        content: "\2212";
        font-size: 20px;
        font-weight: 700;
        line-height: 28px; } }
  .top-level-category .cat-sidebar .cat-lists {
    margin: 16px 0 0 0;
    padding: 0;
    list-style: none; }
    @media (max-width: 991px) {
      .top-level-category .cat-sidebar .cat-lists {
        display: none; } }
    .top-level-category .cat-sidebar .cat-lists.is-active {
      display: block; }
    .top-level-category .cat-sidebar .cat-lists .cat-list {
      min-height: 22px;
      position: relative; }
      .top-level-category .cat-sidebar .cat-lists .cat-list a {
        font-family: Lato;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        color: #1D1D1D;
        padding: 8px 8px;
        cursor: pointer;
        display: inline-block; }
        .top-level-category .cat-sidebar .cat-lists .cat-list a:hover {
          color: #003D77; }
        @media (max-width: 767px) {
          .top-level-category .cat-sidebar .cat-lists .cat-list a {
            padding: 8px 4px; } }
        .top-level-category .cat-sidebar .cat-lists .cat-list a img {
          position: absolute;
          right: 30px;
          top: 6px;
          transform: rotate(180deg);
          -webkit-transition: all .35s ease;
          transition: all .35s ease;
          padding: 10px 8px; }
        .top-level-category .cat-sidebar .cat-lists .cat-list a .p-count {
          position: absolute;
          right: 0px;
          top: 8px; }
      .top-level-category .cat-sidebar .cat-lists .cat-list .child-lists {
        margin: 0;
        padding: 0 0 0 15px;
        list-style: none;
        display: none; }
        @media (max-width: 767px) {
          .top-level-category .cat-sidebar .cat-lists .cat-list .child-lists {
            padding: 0 0 0 8px; } }
        .top-level-category .cat-sidebar .cat-lists .cat-list .child-lists.is-active {
          display: block; }
        .top-level-category .cat-sidebar .cat-lists .cat-list .child-lists .child-list {
          position: relative; }
          .top-level-category .cat-sidebar .cat-lists .cat-list .child-lists .child-list a {
            max-width: calc(100% - 30px); }
            .top-level-category .cat-sidebar .cat-lists .cat-list .child-lists .child-list a .p-count {
              position: absolute;
              right: 0px; }
      .top-level-category .cat-sidebar .cat-lists .cat-list.is-active img {
        transform: rotate(0deg); }

.top-level-category .category-section .top-category-section .cat-title {
  display: flex;
  align-items: center;
  margin-bottom: 24px; }
  .top-level-category .category-section .top-category-section .cat-title h2 {
    font-family: Lato;
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
    text-align: left;
    color: #1D1D1D;
    margin: 0 24px 0 0; }
    @media (max-width: 767px) {
      .top-level-category .category-section .top-category-section .cat-title h2 {
        font-size: 24px;
        line-height: 32px; } }
  .top-level-category .category-section .top-category-section .cat-title .btn-shop-all {
    display: block;
    max-width: 83px;
    border-radius: 6px;
    padding: 8px 15px;
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    color: #1D1D1D;
    border-color: #CCCCCC;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    margin: 0; }
    .top-level-category .category-section .top-category-section .cat-title .btn-shop-all:hover {
      color: #003D77; }
    .top-level-category .category-section .top-category-section .cat-title .btn-shop-all:focus {
      border-color: #003D77;
      color: #003D77; }

.top-level-category .category-section .top-category-section .grid > div {
  padding-right: 12px;
  padding-left: 12px; }

.top-level-category .category-section .top-category-section .cat-box {
  padding-bottom: 18px; }
  .top-level-category .category-section .top-category-section .cat-box a {
    display: block; }
    .top-level-category .category-section .top-category-section .cat-box a .imgBox {
      border: 1px solid #ccc;
      border-radius: 6px;
      overflow: hidden; }
      .top-level-category .category-section .top-category-section .cat-box a .imgBox img {
        max-width: 100%;
        width: 100%;
        object-fit: cover; }
    .top-level-category .category-section .top-category-section .cat-box a h4 {
      max-height: 44px;
      font-size: 14px;
      font-weight: 600;
      line-height: 22px;
      text-align: left;
      color: #1D1D1D;
      margin: 16px 0 16px 0;
      -webkit-transition: all .35s ease;
      transition: all .35s ease;
      overflow: hidden; }
      .top-level-category .category-section .top-category-section .cat-box a h4:hover {
        color: #003D77 !important; }
      @media (max-width: 991px) {
        .top-level-category .category-section .top-category-section .cat-box a h4 {
          max-height: 24px;
          margin: 16px 0 6px 0; } }

.top-level-category .category-section .f-category-section .f-cat-title {
  margin-bottom: 25px; }
  .top-level-category .category-section .f-category-section .f-cat-title h3 {
    font-family: Lato;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: #1D1D1D;
    margin: 0; }

.top-level-category .category-section .f-category-section .grid > div {
  padding-right: 12px;
  padding-left: 12px; }

.top-level-category .category-section .f-category-section .f-box .f-card-img {
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden; }
  .top-level-category .category-section .f-category-section .f-box .f-card-img a {
    display: block; }
    .top-level-category .category-section .f-category-section .f-box .f-card-img a img {
      max-width: 100%;
      width: 100%; }

.top-level-category .category-section .f-category-section .f-box .f-card-body {
  padding-top: 16px; }
  .top-level-category .category-section .f-category-section .f-box .f-card-body .title {
    font-family: Lato;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    color: #1D1D1D;
    margin: 0 0 6px 0;
    text-transform: capitalize; }
    .top-level-category .category-section .f-category-section .f-box .f-card-body .title a:hover {
      color: #003D77; }
  .top-level-category .category-section .f-category-section .f-box .f-card-body .desc {
    font-family: Lato;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: rgba(0, 0, 0, 0.65);
    letter-spacing: 0.5px; }

.top-level-category .category-section .p-product-section {
  padding: 16px 0 0 0; }
  .top-level-category .category-section .p-product-section .page-heading {
    display: none; }
  .top-level-category .category-section .p-product-section .p-product-title h3 {
    font-family: Lato;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    margin: 0 0 20px 0; }
  .top-level-category .category-section .p-product-section .productCarousel .slick-track {
    padding: 5px 0 20px 0; }
  @media (max-width: 1200px) {
    .top-level-category .category-section .p-product-section .productCarousel .productCarousel-slide {
      width: calc(50% - 14px);
      overflow: unset; } }
  @media (max-width: 767px) {
    .top-level-category .category-section .p-product-section .productCarousel .productCarousel-slide {
      width: 100%; } }
  @media (max-width: 767px) {
    .top-level-category .category-section .p-product-section .productCarousel .productCarousel-slide .cards-action .card-quantity .form-field .form-increment .form-input {
      width: 2.5rem; } }

.top-level-category .category-section .our-products {
  padding: 50px 0; }
  .top-level-category .category-section .our-products .section-head h3 {
    font-family: Lato;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    margin: 0 0 20px 0; }
  .top-level-category .category-section .our-products .slick-list {
    padding: 5px 0 20px 0; }
    .top-level-category .category-section .our-products .slick-list .productCarousel-slide {
      width: 33.33%; }
      @media (max-width: 1200px) {
        .top-level-category .category-section .our-products .slick-list .productCarousel-slide {
          width: 50%;
          padding-bottom: 20px; } }
      @media (max-width: 767px) {
        .top-level-category .category-section .our-products .slick-list .productCarousel-slide {
          width: 100%; } }
      @media (max-width: 767px) {
        .top-level-category .category-section .our-products .slick-list .productCarousel-slide .cards-action .card-quantity .form-field .form-increment .form-input {
          width: 2.5rem; } }