/*
Site Name: Food-Steps
Site URI: https://food-steps.nl
Developed By:Next Level Marketing Agency
Company URI: https://gonextlevel.agency/ 
Lead Developer: Jakarea Parvez <jakareaparvez@gmail.com>
Developer Portfolio: https://giopio.com
Description: Food Steps sells and distributes products in Belgium and the Netherlands on the basis of importer agreements with the producers and is therefore part of the chain. In consultation with both the chefs in both countries and the suppliers, we determine what is interesting for our market. The products are of excellent quality and where possible even win prizes all over the world.
*/  

body {
  background-color: #fff;
}

@font-face {
  font-family: rock-regular;
  src: url('./../../fonts/rock/rock.ttf');
}

@font-face {
  font-family: rock-bold;
  src: url('./../../fonts/rock/rockb.ttf');
}

a,
button,
.page-breadcrumb__menu,
.header__nav-link,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: rock-regular;
}

/* p,span{
  font-family: rock-regular;
} */

.add_product_box label {
  font-size: 14px;
  line-height: 20px;
}

.add_product_box input {
  font-size: 15px;
  line-height: 32px;
  font-weight: 400;
  color: #342a0b;
  width: 500px;
  border-radius: 0px;
}

.add_product_box input:focus-within {
  box-shadow: none;
}

.add_product_box .form-group {
  position: relative;
}

.custom-table table tr th {
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 500;
}

.custom-table table tr td {
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 400;
}

.custom-table .quantity input {
  width: 50px;
  height: 32px;
  line-height: 1.65;
  padding-left: 11px;
  border: 1px solid #eee;
}

.custom-table .quantity-nav {
  height: 32px;
}

.custom-table .quantity-button i {
  font-size: 12px;
  display: block;
  margin-top: 3px;
}

.custom-table .product-thumbnail {
  width: auto;
}

.custom-table .product-thumbnail a img {
  width: 50px;
}

.add_product_box .form-group a {
  position: absolute;
  right: 15px;
  top: 11px;
}

.printarea table tr th {
  font-size: 15px;
  padding: 12px 20px;
}

.printarea table tr td {
  padding: 10px 20px;
  text-align: left;
}

.printarea table tr td img {
  width: 60px;
}

.blog-feed__content {
  background-color: transparent;
}


.sidebar__menu-filter-list label {
  display: flex;
  align-items: center;
}

.sidebar__menu-filter-list label {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.sidebar__menu-filter-list label input[type=checkbox] {
  display: inline-block !important;
  margin-top: 10px !important;
}

.page-pagination__link.active,
.page-pagination__link:hover {
  background: #e0c77a !important;
}

.main-container {
  padding-bottom: 100px;
}

.blog-feed__img-box img {
  height: 230px;
  object-fit: cover;
}

input[type=checkbox]:checked::after,
.slider-dot-style--fill-white-active-green .slick-dots li.slick-active button,
.product__label--sale-out,
.cdown {
  background: #e0c77a !important;
}

.btn-success:hover,
.btn-success,
.material-scrolltop:hover,
.footer .footer__social-link:hover,
.btn--green,
.btn--black-hover-green:hover,
.product__action--link li a,
.btn--border-green-hover-green:hover,
.header__nav-item:hover .header__nav-link:after,
.header__user-action-icon li span,
.header-menu-vertical .menu-title {
  background-color: #e0c77a;
}


input[type=radio].shipping-select::after,
.header-menu-vertical .menu-content li a:hover,
.hero-slider__arrow:hover,
.sidebar__menu>li a:hover,
.page-breadcrumb__nav a:hover,
.footer__copyright-text a,
.footer__link:hover,
.newsletter__form-content button:hover,
.blog-feed__post-meta--link,
.tablist--style-blue .nav-link.active,
.tablist--style-blue .nav-link:hover,
.product__price,
.btn--border-green,
.header__nav-item:hover .header__nav-link {
  color: #e0c77a;
}

.btn-success:hover,
.btn-success,
.btn--border-green,
.btn--border-green-hover-green:hover {
  border-color: #e0c77a;
}

.header__logo a img {
  width: 90px;
}

.product__box {
  background-color: #fff !important;
  box-shadow: 0 0 5px 0 rgb(0 0 0 / 12%);
  border: none;
  height: 95%;
  margin-bottom: 1.5rem;
}

.product__content {
  padding-left: 10px;
  padding-right: 10px;
}

.product-box-home .product__content {
  flex: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.blog-feed__link:hover {
  color: #e0c77a;
}

a.product__link {
  font-size: 17px !important;
  font-weight: 700 !important;
}

.bg-login-overlay {
  background: linear-gradient(to right, #e0c77a, #342a0b) !important;
}

.page-breadcrumb__menu {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}

.custom-bg-ol {
  position: relative;
}

.custom-bg-ol:before {
  background-color: rgba(51, 41, 10, 0.476) !important;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.slogan-list-wrap ul li {
  display: inline-block;
}

.slogan-list-wrap ul li a {
  font-size: 14px;
  color: #606060;
  line-height: 21px;
  margin-right: 12px;
}

.slogan-bttn-wrap a i {
  margin-right: 8px;
}

.slogan-list-wrap ul li a i {
  color: #e0c77a;
  margin-right: 8px;
}

.header__bottom .p-tb-30 {
  padding: 30px 0 20px 0px !important;
}

.btn-primarys {
  background-color: #e0c77a;
  color: #342a0b;
  padding: 12px 20px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
}

.btn-primarys:hover {
  background-color: #a58629;
}

.product-details-tab-box {
  background-color: #fff;
}

.tablist--style-black .nav-link::after {
  background-color: #e0c77a;
}

.section-content {
  justify-content: center;
}

.slogan-bttn-wrap {
  text-align: right;
}

.slogan-bttn-wrap a {
  font-size: 14px;
  color: #606060;
  line-height: 21px;
  margin-right: 12px;
}

.page-breadcrumb__nav {
  display: inline;
}

.spinner-container {
  width: 100%;
  height: 100%;
  z-index: 99999;
  text-align: center;
}

.spinner {
  margin: auto;
  border: 2px solid #dbf2ff;
  /*
    change to dotted for something cool.
    change width to 1px for tapered bar
    */
  width: 32px;
  height: 32px;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border-right: 2px solid #018df7;
  text-align: center;
  animation-name: spin;
  animation-duration: 900ms;
  animation-iteration-count: infinite;
  /*animation-timing-function: linear; /*linear spin */
  animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  /*50% {width:24px;height:24px} /*shrinking effect*/
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  /*50% {width:24px;height:24px} /*shrinking effect*/
  100% {
    -webkit-transform: rotate(360deg);
  }
}


#printableArea {
  display: none;
}

.accordion-button:not(.collapsed) {
  color: #a58629;
  background-color: rgba(224, 198, 122, 0.494);
}

.accordion-item .accordion-button:focus-within {
  box-shadow: none;
}

.login-form-container {
  background-color: #fff;
  padding: 2rem;
}

.login-txt-wrap {
  background-color: #fafafa;
  padding: 2rem;
  margin-top: 4rem;
  height: 87.5%;
}

.login-txt-wrap p {
  font-size: 14px;
  line-height: 23px;
  color: #342a0b;
}

.login-txt-wrap a {
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
  display: inline-block;
  padding: 12px 30px;
  background-color: #a58629;
  color: #fff;
  border-radius: 25px;
  transition: all linear .3s;
  margin-top: 1rem;
}

.login-txt-wrap a:hover {
  background-color: #e0c77a;
  color: #342a0b;
}

@media print {

  #printableArea {
    display: block;
  }
}

#result_query {
  display: none;
  position: absolute;
  width: 97%;
  z-index: 999;
}

#cart__result {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 999;
}

.page-breadcrumb {
  position: relative;
  z-index: 1;
}

.page-breadcrumb:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.327);
  z-index: -1;
}

.page-breadcrumb a {
  color: #fff;
}

.page-breadcrumb span {
  color: #e0c77a;
}

.btn--large {
  padding: 18px 45px !important;
}

.section-content__inner h2::after {
  background-color: #fff;
}

.newsletter__form-content label,
.newsletter__form-content button,
.newsletter__form-content input {
  color: #fff;
}

.cart-custom-bttn a {
  background-color: #e0c77a;
  border-color: #a58629;
}

.company-logo .slick-track {
  display: flex;
  align-items: center;
}

.blog-feed__img-box img {
  width: 100%;
  display: block;
  height: 352px;
}

.blog-feed__content {
  text-align: center;
  background: #fff;
  width: 90%;
  margin: 0 auto;
  position: relative;
  top: -63px;
  padding: .4rem 1.6rem;
  box-shadow: 0 0 40px 0 rgb(0 0 0 / 32%);
  padding-bottom: 2rem;
  min-height: 235px;
}

.invalid-feedback3 span {
  color: red;
  margin-top: 12px;
  display: inline-block;
}

.newsletter__form-content input:focus-within {
  background-color: transparent !important;
}

.section-content--border {
  position: relative;
  border: none;
}

.section-content--border:before {
  position: absolute;
  content: "";
  left: 0;
  top: 21px;
  width: 38%;
  height: 1px;
  background-color: #e5e5e5;
}

.section-content--border:after {
  position: absolute;
  content: "";
  right: 0;
  top: 21px;
  width: 38%;
  height: 1px;
  background-color: #e5e5e5;
}

.section-content--border-product:before,
.section-content--border-product:after {
  width: 43%;
}

.section-content--border-related:before,
.section-content--border-related:after {
  width: 29%;
}

.footer__top {
  border-top: 1px solid #e5e5e5;
}

.company-logo__item {
  text-align: center;
  width: 140px !important;
  height: 153px !important;
  background: #fff;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}


@media (min-width: 1566px) {
  .hero .hero-slider img {
    height: 732px;
  }
}


.sort-box-item {
  margin-bottom: 1.5rem;
}

.product-tab-area .alert.alert-success {
  margin-left: 0.6rem;
  margin-right: .8rem;
  width: 98%;
}

.offcanvas {
  width: 100%;
}

.offcanvas.show {
  width: 80%;
}

.d-flex-product-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 1rem;
  padding-left: 1rem;
  border: 1px solid #fafafa;
  margin-left: 0.6rem;
  margin-right: 0.8rem;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 1rem;
}


/* hero area white css start */
.hero_ol_white {
  /* background-color: rgba(255, 255, 255, 0.3)!important; */
  padding: 2rem;
}

.hero_ol_white .hero__content--inner p,
.hero_ol_white .hero__content--inner h4,
.hero_ol_white .hero__content--inner h6,
.hero_ol_white .hero__content--inner h1 {
  color: #000 !important;
}

/* hero area white css end */


/* hero area dark css start */
.hero_ol_dark {
  /* background-color: rgba(0, 0, 0, 0.3)!important; */
  padding: 2rem;
}

.hero_ol_dark .hero__content--inner p,
.hero_ol_dark .hero__content--inner h4,
.hero_ol_dark .hero__content--inner h6,
.hero_ol_dark .hero__content--inner h1 {
  color: #fff !important;
}

/* hero area dark css end */

.contact-map-wrap {
  margin-top: 4rem;
}

.contact-map-wrap iframe {
  width: 100%;
  height: 420px;
  border: 0px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1370px;
  }
}

@media (min-width: 1500px) {
  .container {
    max-width: 1470px;
  }
}

.product__img-box a img {
  object-fit: cover;
}

.custom-product-img-box a img {
  height: 257px !important;
  object-fit: cover;
}


.product-suctm-margin .product__box product__default--single {
  margin-bottom: 1.5rem !important;
}

/* Extra small devices (portrait phones, less than 576px) XS */
@media(min-width: 120px) and (max-width: 319px) {

  header__logo-img,
  .header__mobile-logo-img {
    width: 70px;
  }
}


.sticky-header.is-sticky {
  z-index: 999;
}

.cookie-full-page-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, .3);
  z-index: 10;
  z-index: 9999 !important;
}

.cookie-main-wrap {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999 !important;
  box-shadow: 0 5px 14px 0 rgb(0 0 0 / 8%), 0 5px 14px 0 rgb(0 0 0 / 8%);
  background-color: #fff;
  padding: 40px 80px;
}

.cookie-set-header-wrap h5 {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 8px;
  font-weight: 400;
  color: #000;
}

.cookie-set-header-wrap p {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 8px;
  font-weight: 400;
  color: #606060;
}

.cookie-ftr-txt span {
  font-size: 12px;
  line-height: 18px;
  margin-top: 8px;
  font-weight: 300;
  color: #606060;
  display: block;
}

.cookie-bttn-wrap {
  margin: 1.6rem 0;
}

.cookie-bttn-wrap button {
  display: inline-block;
  padding: 14px 40px;
  color: #000;
  border-radius: 1px;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  background-color: #e0c77a;
}

.cookie-bttn-wrap button:hover {
  background-color: #a58629;
}

.cookie-ftr-txt span a {
  border-bottom: 1px solid #e0c77a;
}

.productss-boxs {
  height: 200px !important;
  padding-bottom: 0 !important;
}

.productss-boxs .product__img-box {
  text-align: left !important;
}

.productss-boxs .product__img-box a img {
  max-height: 200px !important;
  object-fit: cover;
}

.productss-boxs .product__img {
  margin-left: 0 !important;
}

.default-slider .slick-track {
  display: flex;
  align-items: stretch;
}

.default-slider .slick-track .product__img-box a img {
  height: 250px;
}

.default-slider .slick-track .product__box {
  flex: 1;
  display: flex !important;
  align-items: center;
  flex-direction: column;
  height: 100% !important;
}

.product__catagory--single .product__img-box.product__img-box--catagory a img {
  max-width: 100px !important;
}

@media(min-width: 320px) and (max-width: 767px) {

  .header__logo-img,
  .header__mobile-logo-img {
    width: 70px;
  }

  .nopadding {
    padding: 0 !important;
  }

  .product__action--link-list.ms-3 {
    display: none !important;
  }

  .productss-boxs {
    height: 100px !important;
  }

  .product__box {
    height: 100%;
    margin-bottom: 0rem;

  }

  .product__content p {
    font-size: 12px !important;
  }

  .product .row .col-lg-3:nth-child(11),
  .product .row .col-lg-3:nth-child(10),
  .product .row .col-lg-3:nth-child(9),
  .product .row .col-lg-3:nth-child(8),
  .product .row .col-lg-3:nth-child(7),
  .product .row .col-lg-3:nth-child(6),
  .product .row .col-lg-3:nth-child(5) {
    display: none !important;
    height: 0 !important;
  }

  .p-t-100 {
    padding-top: 50px;
  }

  .section-content--border:after,
  .section-content--border:before {
    width: 15%;
  }

  .section-content--border-product:before,
  .section-content--border-product:after {
    width: 30%;
  }

  .section-content--border-related:before,
  .section-content--border-related:after {
    width: 7%;
  }

  .product.m-t-100 {
    margin-top: 40px !important;
  }

  .custom-img-cls .product__img--link img {
    width: 70px !important;
  }

  .product__catagory--single {
    margin-bottom: .6rem;
  }

  .product__img-box.product__img-box--catagory {
    text-align: right;
  }

  .product__content--catagory {
    padding-top: 0;
    padding-bottom: 0;
  }

  .product__img-box .product__img--link img {
    width: 130px;
    object-fit: cover;
  }

  .product__box {
    margin-bottom: 1rem;
    background-color: #fff !important;
  }

  .page-breadcrumb {
    padding: 2rem 0;
  }

  .cms__title,
  .cms__icon {
    text-align: center;
  }

  .product__catagory--single {
    min-height: auto;
    border-top: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
  }

  .product__catagory--single {
    padding: 5px 10px;
    min-height: 60px;
  }

  .product__catagory {
    overflow: hidden;
    border-left: 0px solid #ebebeb;
    border-top: 0px solid #ebebeb;
  }

  .category-custom-cls .product__items--text {
    display: none;
    height: 0;
  }

  .category-custom-cls .product__catagory .product__link {
    margin-bottom: 0px;
    font-size: 1rem;
    color: #000;
    font-weight: 300;
    text-transform: uppercase;
    text-align: left;
  }

  .product__content.product__content--catagory {
    order: 2;
    text-align: left;
    width: 85%;
  }

  .product__img-box.product__img-box--catagory {
    order: 1;
    text-align: left;
    width: 22%;
  }

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

  .section-content {
    justify-content: center;
  }

  .blog.m-t-100,
  .product.m-t-100 {
    margin-top: 20px !important;
  }

  .m-b-35 {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }

  .header__user-action-icon li span {
    width: auto;
    height: auto;
    line-height: 20px;
    text-align: center;
    font-size: 15px;
    color: #000;
    bottom: -2.5px;
    left: 24px;
    background-color: transparent;
  }

  .add_product_box input {
    width: 100%;
    display: block;
  }

  .add_product_box {
    width: 100%;
  }

  .cart-table-button--left {
    text-align: right;
    margin-bottom: 10px;
  }

  .cart-table-button--left a {
    padding: 5px 9px !important;
    margin-right: -3px;
    font-size: 12px;
  }

  .section-content {
    flex-direction: column;
  }

  .search__p-product h5 {
    font-size: 12px;
  }

  .search__p-product p {
    font-size: 14px;
  }

  .result_html {
    background-color: #fff !important;
  }

  #result_query {
    width: 100%;
    left: 0;
  }

  .banner__content--center {
    padding-left: 0;
    padding-right: 0;
  }

  .banner__box--single-text-style-2 h6 {
    font-size: 12px;
  }

  .product__action--link li a {
    line-height: 31px;
    width: 30px;
    font-size: 14px;
    height: 30px;
  }

  .product__content {
    text-align: center !important;
    padding-left: 0px;
  }

  .product__box {
    margin-bottom: 0;
  }

  .product__box .product__link {
    font-size: 12px;
    margin-bottom: 0;
  }

  .page-pagination__link {
    font-size: 11px !important;
    padding: 5px !important;
  }

  .custom-sort-box.sort-box {
    flex-direction: row-reverse;
    padding: 12px 10px;
    align-items: center;
  }

  .custom-sort-box.sort-box .sort-box-item {
    margin-bottom: 0;
  }

  .custom-sort-box.sort-box .sort-box-item span {
    display: none;
  }

  .custom-pro-filter .offcanvas {
    width: 100%;
  }

  .nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .product-box-views {
    flex-direction: row;
  }

  .product-box-views .product__img-box {
    width: 25% !important;
    margin-right: 12px;
    margin-left: 5px;
  }

  .product-box-views .product__img-box .product__img--link img {
    width: 100%;
  }

  .product-box-views .product__content {
    padding: 0 !important;
    padding-right: 12px;
    width: 75%;
  }

  .product-box-views .product__content h5 {
    font-size: 14px;
  }

  .product-box-views .product__desc p {
    font-size: 12px;
    line-height: 20px;
  }

  .product-box-views .product__action--link-list.m-t-30 {
    margin-top: 5px !important;
  }

  .product-box-views .product__action--link-list li:first-child a {
    text-align: center;
    font-size: 12px;
    width: auto;
    height: auto;
    line-height: 20px;
    border-radius: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .offcanvas-menu li a {
    font-size: .8rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 5px;
    font-size: 15px;
  }

  .header-menu-vertical .menu-content {
    width: 114%;
    background: #eee;
    top: 37px;
    left: -18px;
  }

  .cookie-main-wrap {
    width: 90%;
    height: 80%;
    left: 5%;
    top: 20%;
    transform: translate(0, 0);
    padding: 1rem 1.5rem;
    height: auto;
    text-align: center;
  }

  .cookie-set-header-wrap h5 {
    font-size: 22px;
    line-height: 32px;
  }

  .cookie-set-header-wrap p {
    font-size: 13px;
    line-height: 20px;
  }

  .cookie-bttn-wrap {
    text-align: center;
  }

  .tab-animate-zoom .tab-pane.active .product__box {
    height: 100%;
    padding-bottom: 0px !important;
  }

  .product__img-box a img {
    max-height: 80px !important;
  }

  .product__content {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .hero .slick-dots {
    position: absolute;
    bottom: -8px;
    right: 0;
    width: 100%;
  }

  .slider-dot.slider-dot--center .slick-dots {
    justify-content: flex-end;
  }

  a.product__link {
    font-size: 13px !important;
  }

  .main-container {
    padding-bottom: 0;
  }

  .footer__top {
    padding-top: 10px;
    border-top: none;
  }

  .hero__content .title__hero--small {
    margin-bottom: 10px;
  }

  .hero_ol_dark {
    padding-left: 0;
    padding-right: 0;
  }
}

@media(min-width: 768px) and (max-width: 1099px) {

  .section-content--border:after,
  .section-content--border:before {
    width: 24%;
  }

  .section-content--border-product:before,
  .section-content--border-product:after {
    width: 36%;
  }

  .section-content--border-related:before,
  .section-content--border-related:after {
    width: 22%;
  }

  .product__img-box a img {
    max-height: 165px !important;
  }
}

@media(min-width: 1100px) and (max-width: 1299px) {

  .section-content--border:after,
  .section-content--border:before {
    width: 28% !important;
  }

  .section-content--border-product:before,
  .section-content--border-product:after {
    width: 39% !important;
  }

  .section-content--border-related:before,
  .section-content--border-related:after {
    width: 26% !important;
  }
}

@media(min-width: 1299px) and (max-width: 1499px) {

  .section-content--border:after,
  .section-content--border:before {
    width: 32% !important;
  }

  .section-content--border-product:before,
  .section-content--border-product:after {
    width: 42% !important;
  }

  .section-content--border-related:before,
  .section-content--border-related:after {
    width: 27% !important;
  }
}

@media(min-width: 1299px) and (max-width: 1499px) {
  .product__img-box a img {
    max-height: 165px;
  }

}

@media(min-width: 767px) and (max-width: 1299px) {
  .cookie-main-wrap {
    width: 90%;
    height: 80%;
    left: 5%;
    top: 20%;
    transform: translate(0, 0);
    padding: 1rem 1.5rem;
    height: auto;
    text-align: center;
  }

}



/* product box css @S */
.product-box-item-area {
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgb(0 0 0 / 12%);
  display: flex;
  flex-flow: column;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  color: #000;
  outline: 0;
  position: relative;
  margin: -4px;
  margin-bottom: 2rem;
  height: 94%;
  position: relative;
  transition: all linear .3s;
  overflow: hidden;
}

.product-box-overview-area {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  box-sizing: border-box;
}

.product-box-top-area {
  height: 100%;
}

.product-box-area-infos {
  display: flex;
  flex-flow: column;
  height: 100%;
}


.product-box-area-infos>a {
  height: 205px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
  background-image: none;
  margin-bottom: 1rem;
}

.product-box-area-infos>a img.product-box-imgs {
  display: block;
  max-width: 100%;
  max-height: 210px;
  margin: 0 auto;
  /* transform: translateY(calc(180px / 2 - 50%)); */
  margin: 0 auto;
}

.product-box-info-content {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}

.product-box-info-content h6 {
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  color: #342a0b;
}

.product-box-info-content h4 {
  font-size: 17px;
  line-height: 130%;
  font-weight: 700;
  color: #342a0b;
}

.product-box-info-content p {
  font-size: 15px;
  line-height: 130%;
  font-weight: 600;
  color: #342a0b;
}

.product-box-info-content h4:hover a {
  color: #e0c77a !important;
}

.product-box-bottom-area {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all linear .3s;
  transform: scale(0);
}

.product-box-item-area:hover .product-box-bottom-area {
  transform: scale(1);
  transition: all linear .3s;
}

.product-custom-row .col {
  /* width: 20%!important; */
  max-width: 20% !important;
  flex: 1 0 50%;
}

.product-box-bottom-area ul {
  display: flex;
  align-items: center;
}

.product-box-bottom-area ul li a img {
  width: 19px;
  height: auto !important;
}

.product-box-bottom-area ul li a {
  width: 40px;
  height: 40px;
  font-size: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #e0c77a;
  border-radius: 50%;
  color: #fff;
  margin: 0 6px;
}

/* product box css @E */

.product-page-column .product-box-area-infos>a {
  height: 200px;
}


/* small device */
@media(min-width: 320px) and (max-width: 768px) {
  .product-custom-row .col {
    width: 50% !important;
    max-width: 50% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .product-custom-row {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .product-box-area-infos>a {
    height: 129px !important;
  }

  .product-box-info-content {
    padding-left: 8px;
    padding-right: 8px;
  }

  .product-box-item-area {
    box-shadow: none;
    margin-bottom: 0;
    height: 100%;
  }

  .product-box-info-content h4 {
    font-size: 14px;
  }

  .product-custom-row .col:nth-child(1),
  .product-custom-row .col:nth-child(15),
  .product-custom-row .col:nth-child(14),
  .product-custom-row .col:nth-child(13),
  .product-custom-row .col:nth-child(12),
  .product-custom-row .col:nth-child(10),
  .product-custom-row .col:nth-child(9),
  .product-custom-row .col:nth-child(5),
  .product-custom-row .col:nth-child(6),
  .product-custom-row .col:nth-child(7),
  .product-custom-row .col:nth-child(8) {
    display: none;
    height: 0;
  }
}


@media(min-width: 768px) and (max-width: 992px) {
  .product-box-area-infos>a {
    height: 196px !important;
  }

  .product-custom-row .col {
    width: 33.33% !important;
    max-width: 33.33% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .product-custom-row {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .product-custom-row .col:nth-child(16),
  .product-custom-row .col:nth-child(15),
  .product-custom-row .col:nth-child(14),
  .product-custom-row .col:nth-child(13),
  .product-custom-row .col:nth-child(10),
  .product-custom-row .col:nth-child(9),
  .product-custom-row .col:nth-child(11),
  .product-custom-row .col:nth-child(12),
  .product-custom-row .col:nth-child(5),
  .product-custom-row .col:nth-child(6),
  .product-custom-row .col:nth-child(7),
  .product-custom-row .col:nth-child(8) {
    display: none;
    height: 0;
  }

}

@media(min-width: 450px) and (max-width: 750px) {
  .product-box-area-infos>a {
    height: 156px !important;
  }
}

@media(min-width: 750px) and (max-width: 872px) {
  .product-box-area-infos>a {
    height: 166px !important;
  }
}

@media(min-width: 750px) and (max-width: 1352px) {
  .product-page-column .product-box-area-infos>a {
    height: 140px !important;
  }
}

@media(min-width: 872px) and (max-width: 1199px) {
  .product-box-area-infos>a {
    height: 186px !important;
  }
}

@media(min-width: 872px) and (max-width: 992px) {
  .product-box-area-infos>a {
    height: 196px !important;
  }

  .product-box-area-infos>a img.product-box-imgs {
    max-height: 232px;
  }
}

@media(min-width: 1130px) and (max-width: 1300px) {
  .product-box-area-infos>a {
    height: 196px !important;
  }

  .product-box-area-infos>a img.product-box-imgs {
    max-height: 238px;
  }
}

@media(min-width: 1299px) and (max-width: 1499px) {
  .product-box-area-infos>a {
    height: 192px !important;
  }
}


@media(min-width: 992px) and (max-width: 1299px) {
  /* .product-box-area-infos>a {
    height: 216px;
  } */

  .product-custom-row .col {
    width: 25% !important;
    max-width: 25% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .product-custom-row {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

}

.rel-pro-padding.default-slider .slick-track {
  padding-top: 2rem !important;
}

.rel-pro-padding h4 {
  min-height: 45px !important;
}

.rel-pro-padding.default-slider .slick-track .product-box-area-infos>a {
  height: 196px !important;
}

li.page-item {
  margin-left: 5px;
}

a.page-link {
  text-align: center;
  font-size: 16px;
  background: #ebebeb !important;
  color: #666;
}


.page-item.active .page-link,
a.page-link:hover {
  background: #e0c77a !important;
  color: #ffffff;
  border-color: #e0c77a;
  border-radius: 3px;
}

li.page-item.page-link :hover {
  background: #e0c77a !important;
  color: #ffffff;
}

.page-pagination {
  margin-top: 0 !important;
  border: none !important;
}

@media(min-width: 320px) and (max-width: 767px) {
  .page-item:first-child .page-link, .page-item.active .page-link, a.page-link {
    font-size: 11px;
    padding: 0px 1px;
    width: 20px;
    text-align: center;
    display: block;
    height: 20px;
  }
  .page-pagination{
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .page-item{
    margin-left: 1px;
  }
  .page-pagination nav{
    width: 100%;
  }
  .pagination{ 
    width: 100%;
    margin-left: -10px;
  } 
  .product-box-item-area{
    margin: 0;
  }
}





.main-slider,
.thumbnail-slider {
	width: 80%;
	margin: 0 auto;
}



/* Custom Arrow Styling */
.slick-prev,
.slick-next {
	font-size: 24px;
	color: #fff;
	background: #333 !important;
	border: 1px solid #fff;
	border-radius: 50%;
	padding: 10px;
	z-index: 1;
}

.slick-prev {
	left: -40px;
}

.slick-next {
	right: -40px;
}

.product-gallery-box img.pro-thumb{
	height: 400px!important;
	object-fit: cover!important;
}

.thumbnail-slider img.small-img { 
	aspect-ratio: 1/1!important;
	object-fit: cover!important;
  cursor: pointer;
}

.thumbnail-slider .slick-slide {
	width: 80px!important;
	margin-right: 4px;
}


.cartAlert {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease, visibility 0.5s ease;
}

.cartAlert.show {
	opacity: 1;
	visibility: visible;
}


.cart-page-popup {
    position: relative;
	width: 32%;
}
.cart-page-popup h5 {
    font-size: 25px;
}
.cart-page-popup .close {
	position: absolute;
	right: -8px;
	color: white;
	background: #5e4848;
	width: 28px;
	height: 28px;
	top: -12px;
	border-radius: 52%;
	justify-content: center;
	align-items: center;
	display: flex;
	font-size: 13px;
	cursor: pointer;
}