body,html {
  width: 100%;
  height: 100%;
  color: #363636;
  font-size: 12px;
  font-family: tajawal,sans-serif
}

body {
  overflow-x: hidden
}
.box-1-1 .content {
  position:relative;
}

.overflowH {
  overflow: hidden
}

.w-img img {
  width: 100%;
}

a.wishList {
  position: relative;
    top: 2px;
}

.product-buttons .add-to-wishlist .btn-add-to-cart:hover,
.product-buttons .add-to-wishlist .btn-add-to-cart:focus,
.product-buttons .add-to-wishlist .btn-add-to-cart {
  color:#fff;
  background-color:#000
}

.product-buttons .add-to-wishlist .btn-add-to-cart.filled:hover,
.product-buttons .add-to-wishlist .btn-add-to-cart.filled:focus,
.product-buttons .add-to-wishlist .btn-add-to-cart.filled{
  background-color:#f25f5f;
}

.product-buttons .add-to-wishlist a {
  font-family: inherit;
}
.product-buttons .add-to-wishlist a:before {
  font: normal 12px / 16px FontAwesome;
  margin-left: 5px;
  font-size: inherit;
  display: inline-block;
}

.product-buttons .add-to-wishlist .loader {
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid #f0f0f0;
  background: var(--white-color);
  font-size: 13px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  color: #d3d3d3;
  position: relative;
}

a.wishList .cart-badge {
  top: calc(100% - 22px);
}


.product-attributes .noUi-target {
  background: #ced4da;
  border: 0;
  box-shadow: unset;
  height: 2px;
  margin-top: 24px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

.product-attributes .noUi-connect {
  background: #000;
}

.product-attributes .noUi-horizontal .noUi-handle {
  width: 22px;
  height: 22px;
  top: -10px;
  border-radius: 50%;
  box-shadow: unset;
  border: 0;
  background: #000;
  cursor: grab;
}

.product-attributes .noUi-horizontal .noUi-handle.noUi-active {
  cursor: grabbing;
}

.product-attributes .noUi-horizontal .noUi-handle::after,
.product-attributes .noUi-horizontal .noUi-handle::before {
  display: none;
}

.products-slider .empty {
  padding:50px 0;
  font-weight:600;
  text-align:center;
  width:100%;
}



a {
  transition: all .3s ease 0s;
  color: var(--text-color-primary-bg);
  text-decoration: none
}



.loyalty_button_footer {
  z-index:300!important;
}

.loyalty_footer_btn {
  color:#fff!important;
  position: fixed!important;
  bottom: 15px!important;
  left:15px!important;
  padding-right: 15px !important;
  padding-left: 15px !important;
  font-weight:700!important;
  gap:5px!important;
}

.loyalty-rewards-popup__rewards_row {
  margin-top: 30px!important;
  border-radius: 0px!important;
  border: 2px solid #f9f9f9!important;
}

.loyalty-points-section {
  border: 1px solid #f5f5f5!important;
  border-radius: 5px!important;
  padding: 10px 15px!important;
  margin-bottom: 15px!important;
}


.loyalty-points-section .loyalty-points-redemption-form select {
  border:1px solid #f5f5f5!important;
}

.loyalty-points-section .loyalty-points__info {
  margin-bottom:30px!important;
}

.loyalty-points-section .loyalty-points-redemption-form select, .loyalty-points-section .loyalty-points-redemption-form button {
  height:45px!important;
  border-radius: 5px!important;
}

.loyalty-points-products-section {
  margin-bottom:15px!important;
  border:1px solid #dee2e7!important;
  border-radius:15px!important;
  margin-top:0!important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.loyalty-points-products-section .loyalty-points-rewards-logo {
  width:30px!important;
}

.loyalty-points-expected-section .flex-shrink-0 {
  font-weight:700;
  text-align:left
}


.loyalty-points-section .loyalty-points__points-text {
  font-weight:700;
}

.user-points {
  border-radius: 15px;
  background-color: #f8f8f8;
  padding: 25px;
  text-align: center;
  display: flex
;
  flex-direction: column;
  max-width: 350px;
  margin: 0 auto 40px;
}

.user-points img {
  width:64px;
  height:64px;
  margin:0 auto 20px;
}

.user-points .content span {
  color:var(--primary-color)
}

.user-points .content .title {
  margin-bottom:15px;
}

.user-points .content h3 {
  font-size:2rem;
  margin-bottom:15px;
}



.pswp__button--arrow--right,.pswp__button--arrow--left {
  background: 0 0!important
}

.dropdown-menu {
  top: 100%!important;
  right: 0;
  left: unset!important;
  transform: none!important;
  text-align: right
}

.row.row-reverse {
  flex-direction: row-reverse
}

.form-control {
  border: 1px solid #f1f1f1;
  border-radius: 0;
  padding-right: 15px;
  padding-left: 15px;
  min-height: 45px
}

.prefix {
  display: none
}

a:hover {
  text-decoration: none
}

.header {
  position: relative
}

.slickNext,.slickPrev {
  transition: all .3s ease 0s
}

.app {
  width: 100%;
  min-height: 100%
}

.fixedHeader.sticky {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%
}

.app-content-padded {
  padding-top: 100px
}

button.more-button,a.more-button {
  display: inline-block;
  position: relative;
  z-index: 1;
  margin-top: 50px;
  border: 1px solid var(--text-color-primary-bg);
  background-color: transparent;
  padding: 0 25px;
  min-width: 200px;
  height: 50px;
  color: var(--text-color-primary-bg);
  font-weight: 600;
  font-size: 16px;
  line-height: 48px
}

button.more-button::before,a.more-button::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  transition: all .3s ease-out 0s;
  background-color: var(--text-color-primary-bg);
  width: 100%;
  height: 0;
  content: ""
}

.row-slide {
  overflow-x: hidden;
  scroll-behavior: smooth
}

.main-navigation {
  background-color: #dedede
}

.navbar-items {
  padding: 15px;
  font-weight: var(--font-weight-sizeOne);
  font-size: 15px
}

.navbar-items .nav-item .nav-link {
  margin-left: 30px;
  color: #6b6b6b
}

.slider .carousel-inner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: var(--text-color-primary-bg);
  width: 100%;
  height: 100%
}

.slider .carousel-item {
  background-size: cover
}

.slider .carousel-indicators li {
  cursor: pointer;
  border-radius: 50%;
  height: 8px;
  color: var(--text-color-primary-bg)
}

.main-slider {
  box-sizing: content-box;
  width: 100%
}

.main-slider img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index:-2;
}

.main-slider .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.5;
  background-color: #000;
}

.main-slider .mobileImg {
  display: none!important
}

.main-slider .slideContent {
  display: flex;
  align-items: center;
  z-index: 2;
  padding: 50px 70px;
  width: 100%;
  height: 100vh;
  min-height: 700px;
  color: #fff;
  text-align: right
}

.ParentMainSlider .container.mainContainer {
  max-width:1500px;
}

@media(min-width:992px) {
  .container .main-slider .slideContent
  {
    height:auto;
    min-height:600px;
  } 
}

.main-slider .title {
  margin-bottom: 30px;
  color: var(--text-color-primary-bg);
  font-weight: 600;
  font-size: 6rem!important;
  text-shadow: #fff 3px 0
}

.main-slider .subtitle {
  margin-bottom: 0;
  color: #fff;
  font-weight: 500;
  font-size: 4rem!important;
  line-height: 80px
}

.main-slider .sliderBtn {
  position: relative;
  transition: all .3s ease-in-out 0s;
  border: none;
  border-radius: 0;
  background: #fff;
  padding: 13px 25px;
  width: 220px;
  max-width: 100%;
  color: var(--text-color-primary-bg);
  font-weight: 500;
  font-size: 16px;
  line-height: 33px;
  letter-spacing: 0;
  text-align: right
}

.main-slider .sliderBtn i {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 30px
}

.main-slider .slick-dots {
  bottom: 105px
}

.slick-dots li button {
  opacity: .7;
  transition: all .3s ease 0s;
  border-radius: 0;
  background-color: var(--text-color-primary-bg);
  width: 10px;
  height: 10px
}

.animateIntro {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%
}

.animateIntro .snow {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .5;
  animation: 70s linear 0s infinite normal none running snowAnim;
  transition: all .3s ease 0s;
  background-size: 35%;
  width: 100%;
  height: 100%
}

@keyframes snowAnim {
  0% {
      background-position: 0 0
  }

  100% {
      background-position: 100px 1000px
  }
}

@-webkit-keyframes snowAnim {
  0% {
      background-position: 0 0
  }

  100% {
      background-position: 100px 1000px
  }
}

.slick-prev::before,.slick-next::before {
  opacity: 1;
  color: #fff;
  font-size: 40px
}

.slick-prev,.slick-next {
  z-index: 10;
  color: #fff;
  font-size: 16px
}

.slick-prev:hover,.slick-next:hover {
  opacity: 1;
  color: #fff
}

[dir=rtl] .slick-next {
  left: 20px;
  direction: ltr
}

[dir=rtl] .slick-prev {
  right: 20px
}

.announcement-bar {
  position: relative;
  background: #1f1f1f;
  height: 46px;
  overflow: hidden
}

.announcement-bar .content {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.availability-bar {
  background-color: #1f1f1f
}

.announcement-bar a {
  display: block;
  position: relative
}

.announcement-bar.slideActive a {
  animation: 7.5s ease 0s infinite normal none running text-move
}

@keyframes text-move {
  0% {
      top: 0
  }

  25% {
      top: -50px
  }

  50% {
      top: -95px
  }

  75% {
      top: -50px
  }

  100% {
      top: 0
  }
}

@-webkit-keyframes text-move {
  0% {
      top: 0
  }

  25% {
      top: -55px
  }

  50% {
      top: -100px
  }

  100% {
      top: 0
  }
}

.availability-bar .announcement-text,.announcement-bar .announcement-text {
  color: #fff;
  font-size: 1.2rem;
  line-height: 24px;
  padding-left: 45px;
  padding-right: 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.announcement-bar .close-announcement {
  position: absolute;
  top: 10px;
  left: 15px;
  transition: all .3s ease 0s;
  cursor: pointer;
  border-radius: 2px;
  padding-top: 0;
  width: 25px;
  height: 25px;
  color: var(--primary-color);
  font-size: 22px;
  text-align: center
}

.account-lang-currency {
  border-bottom: .5px solid #f1f1f1;
  padding: 8px 0
}

.language-currency {
  border: 1px solid var(--header-text-color-primary-bg);
  border-radius: 5px;
  background-color: transparent!important;
  max-height: 30px;
  overflow: hidden
}

.loginBtn {
  transition: all .3s ease 0s;
  cursor: pointer;
  outline: none!important;
  border: none;
  border-radius: 30px;
  background: 0 0;
  padding: 0 20px;
  height: 30px;
  color: var(--header-text-color-primary-bg);
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 30px
}

.btn-style511 {
  position: relative;
  border-color: transparent;
  background-color: transparent;
  overflow: hidden
}

.btn-style511::before,.btn-style511::after {
  position: absolute;
  left: -1px;
  z-index: 1;
  transition: all .25s ease 0s;
  background-color: var(--primary-color);
  width: 100%;
  height: 50%;
  content: ""
}

.btn-style511::before {
  top: 0;
  transform: translate(-100%,0px)
}

.btn-style511::after {
  bottom: 0;
  transform: translate(105%,0px)
}

.btn-style511:hover::before,.btn-style511:hover::after {
  left: 0;
  transform: translate(0px,0px)
}

.header-left {
  display: flex;
  top: 3px;
  flex-direction: row-reverse;
  gap: 20px;
  padding-top: 0
}

.header-left i {
  color: var(--header-text-color-primary-bg);
  font-size: 21px
}

.header-left i.pe-7s-global {
  font-size: 24px
}

.header-left button,.header-left a {
  position: relative;
  cursor: pointer;
  outline: 0;
  border: 0;
  background: 0 0;
  padding: 0
}

.header-left button.langCurrecyModal {
  top: -1px
}

.header-left a.cart-toggle-btn {
  margin-top: 2px
}

.header-left .mini-cart .cart-count {
  font-size: 12px
}

.header-left .headerSearch button {
  cursor: pointer;
  margin-top: 1px
}

.header-left .headerSearch .form-group {
  display: none;
  position: absolute!important;
  top: -10px;
  left: 36px;
  z-index: 1001;
  border: 0;
  width: 250px
}

.search-input-input {
  border: 1px solid var(--primary-color);
  border-radius: 0;
  padding: 0 15px;
  max-width: 100%;
  height: 40px
}

.search-input-input::placeholder {
  color: var(--header-text-color-primary-bg);
  font-weight: 600
}

.autocomplete-items {
  border-top: none;
  max-height:245px;
  overflow:auto;
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  border-image: initial;
  background: #fff;
  padding: 0
}

.autocomplete-items a {
  padding: 0 15px;
  height: 35px;
  color: var(--text-color-primary-bg);
  line-height: 34px
}

.autocomplete-items a:hover {
  padding-right: 20px;
  color: var(--primary-color)
}

.autocomplete-items div:not(:last-of-type) a {
  border-bottom: 1px solid #f1f1f1
}

.cart-items-counter {
  transform: translate(5px,-5px);
  border: 1px solid #ab0000;
  border-radius: 50%;
  background-color: #ab0000;
  width: 17px;
  height: 17px;
  color: #fff;
  font-size: .857rem;
  line-height: 16px
}

.cart-section .cart-icon-section {
  display: grid;
  gap: 15px
}

.cart-section .cart-icon-section * {
  grid-area: 1/1
}

.cart-total-price {
  color: #fff;
  font-size: 1.286rem;
  line-height: 33px
}

.categories-list {
  overflow: scroll hidden;
  list-style: none;
  word-break: keep-all
}

.header .header-left,.header .account-area {
  position: relative;
  right: 0;
  visibility: visible;
  opacity: 1;
  transition: all .5s ease 0s
}

.header.toggleIcons .header-left,.header.toggleIcons .account-area {
  right: -70px;
  visibility: hidden;
  opacity: 0
}

.fixedHeader {
  position: relative;
  z-index: 1000!important;
  transition: all .3s ease 0s;
  box-shadow: 0 6px 5px -3px rgba(0,0,0,.06);
  background-color: var(--header-primary-color);
  min-height: 100px
}

.fixedHeader .cartBox {
  padding: 0
}

.fixedHeader.sticky .cartBox {
  top: 100%
}

.header .giftBox.disabled {
  visibility: hidden!important;
  opacity: 0!important
}

.fixedHeader .cart-empty .cart-icon {
  display: block;
  margin-bottom: 10px
}

.fixedHeader .cart-empty h1 {
  margin-bottom: 0
}

.fixedHeader .container {
  transition: all .5s ease 0s
}

.fixedHeader.scrollUp {
  top: -80px;
  visibility: hidden;
  opacity: 0
}

.menu-header {
  padding-left: 150px
}

.menu-header .image-logo {
  padding: 0;
  max-width: 100%
}

.menu-header ul.main-nav {
  justify-content: initial!important
}

.menu-header ul.main-nav>li>a {
  display: block;
  transition: all .35s linear 0s;
  background: 0 0;
  padding: 0 9px;
  height: 100px;
  color: var(--header-text-color-primary-bg);
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 100px
}

.menu-header ul.main-nav>li>a:hover {
  color: var(--primary-color)
}

.menu-header ul.main-nav>li>a .fa-angle-down {
  position: relative;
  top: 4px;
  margin-right: 5px;
  font-size: 17px
}

.ic.menu {
  display: none
}

ul.main-nav {
  display: block;
  position: relative
}

ul.main-nav>li>div.sub-menu-block {
  position: absolute;
  top: calc(100% + 1px);
  right: 0;
  transform: rotateX(90deg);
  transform-origin: center top;
  visibility: hidden;
  opacity: 0;
  z-index: 3;
  transition: all .4s ease 0s;
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: rgba(0,0,0,.06) 0 6px 7px 0;
  background-color: #f9f9f9;
  width: 200px;
  color: var(--header-text-color-primary-bg);
  font-size: 16px
}

ul.main-nav>li>div.sub-menu-block a {
  display: block;
  padding: 0 15px;
  width: 100%;
  height: 45px;
  position:relative;
  color: var(--header-text-color-primary-bg);
  font-weight: 500;
  font-size: 1.16rem;
  overflow:hidden;
  line-height: 44px
}

ul.main-nav>li:not(:last-of-type)>div.sub-menu-block a {
  border-bottom: 1px solid #f9f9f9
}

ul.main-nav>li:hover>div.sub-menu-block {
  transform: rotateX(0deg);
  visibility: visible;
  opacity: 1;
  background-color: #fff
}

ul.main-nav>li>div.sub-menu-block * {
  transition-duration: .4s;
  transition-property: all;
  margin: 0
}

.categories-list li.menu {
  padding: 10px 40px;
  color: #fff;
  font-size: 1.286rem;
  white-space: nowrap
}

.fixedHeader.sticky .profileMenu .giftBox {
  visibility: hidden;
  opacity: 0
}

.profileMenu {
  position: absolute;
  bottom: calc(50% - 19px);
  left: 30px;
  flex-direction: row-reverse;
  gap: 15px;
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease 0s
}

.fixedHeader.sticky .profileMenu {
  left: 40px;
  visibility: visible;
  opacity: 1
}

.profileMenu .mini-cart i {
  font-size: 21px;
  color: var(--header-text-color-primary-bg);
}

.profileMenu .mini-cart .cart-toggle-btn {
  position: relative;
  top: 2px
}

.profileMenu .mini-cart button {
  cursor: pointer;
  margin-top: -1px;
  outline: none;
  border: none;
  background: 0 0;
  padding: 0;
  color: var(--header-text-color-primary-bg)
}

.profileMenu .mini-cart button .avatar {
  font-size: 28px
}

.profileMenu .langCurrecyModal {
  cursor: pointer;
  margin: -2px 0 0;
  border: none;
  background: 0 0;
  padding: 0;
  height: 23px;
  color: var(--header-text-color-primary-bg);
  font-size: 25px
}

.header .langCurrecyModal i {
  display: inline-block;
  transition: all .5s ease 0s
}

.header .langCurrecyModal:hover i {
  transform: rotateY(190deg)
}

.profileMenu .loginBtn {
  margin-top: -4.5px;
  background-color: #1f1f1f;
  color: #fff
}

.profileMenu .loginBtn:hover {
  background: 0 0
}

.giftStyle .giftIcon svg path {
  stroke: var(--primary-color)
}

.giftBox {
  position: absolute;
  top: 36px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 1001;
  transition: all .3s ease 0s;
  box-shadow: rgba(0,0,0,.06) 0 0 6px 3px;
  border-top: none;
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  border-image: initial;
  background: #fff;
  color: var(--header-text-color-primary-bg)
}

.header .mini-cart .giftBox p {
  font-weight: 700
}

.header .mini-cart .giftBox .giftButton a {
  border-radius: 30px;
  background-color: var(--header-text-color-primary-bg);
  padding: 0;
  width: 85px;
  height: 30px;
  color: #fff!important;
  font-weight: 600;
  line-height: 30px
}

.form-icon {
  position: absolute;
  z-index: 5;
  padding: 1.25rem;
  pointer-events: none;
  color: var(--secondary-color-alt1);
  font-size: 1.5rem
}

.form-input {
  position: relative;
  z-index: 3;
  height: 3.833rem
}

.input-group {
  width: 600px
}

.cart-items {
  width: 400px
}

.cart-title {
  padding: 10px;
  color: var(--primary-color);
  text-align: right
}

.cart-content {
  margin: 10px;
  border: 1px solid;
  border-radius: 5px;
  padding: 10px
}

.cart-content p {
  font-size: 1rem;
  text-decoration: underline
}

.cart-content .cart-price {
  color: var(--primary-color);
  font-weight: 600;
  font-size: 1.167rem
}

.cart-show {
  color: var(--primary-color);
  font-weight: var(--font-weight-sizeOne);
  font-size: 1.333rem;
  text-align: center
}

.footer-horizontal-line {
  margin-top: 100px;
  border-top: 0.5px solid var(--footer-text-color-primary-bg,var(--text-color-primary-bg))
}

.store-section img {
  display: block;
  margin-bottom: 20px;
  width: 140px
}

.store-section .footer-about-us-div h1 {
  margin-top: 0;
  margin-bottom: 15px
}

.store-section h1 {
  display: inline-block;
  position: relative;
  z-index: 1;
  margin-top: 15px;
  margin-bottom: 25px;
  font-weight: 600;
  font-size: 1.3rem
}

.store-section h1::after {
  position: absolute;
  right: 0;
  bottom: 7px;
  transform: skew(-10deg,0deg);
  z-index: -1;
  transition: all .6s ease 0s;
  background: var(--primary-color);
  width: 8px;
  height: 20px;
  content: ""
}

.store-section .footer-about-us-links-div:hover h1::after {
  right: 0;
  bottom: -13px;
  transform: skew(0deg,0deg);
  animation: 3s ease 0s infinite normal none running move-servicesLine;
  border-radius: 50%;
  width: 13px;
  height: 13px
}

@keyframes move-servicesLine {
  0% {
      right: 0;
      bottom: 2px;
      transform: skew(10deg,0deg);
      border-radius: 0%;
      width: 10px;
      height: 31px
  }

  25% {
      right: 0;
      bottom: -13px;
      transform: skew(0deg,0deg);
      border-radius: 50%;
      width: 13px;
      height: 13px
  }

  50% {
      right: 100%;
      bottom: -13px;
      transform: skew(0deg,0deg);
      border-radius: 50%;
      width: 13px;
      height: 13px
  }

  75% {
      right: 100%;
      bottom: 100%;
      transform: skew(0deg,0deg);
      border-radius: 50%;
      width: 13px;
      height: 13px
  }

  90% {
      right: 0;
      bottom: 100%;
      border-radius: 50%;
      width: 13px;
      height: 13px
  }

  100% {
      right: 0;
      bottom: 2px;
      transform: skew(10deg,0deg);
      border-radius: 0%;
      width: 10px;
      height: 31px
  }
}

.store-section p {
  margin-bottom: 20px;
  max-width: 302px
}

.store-section .contactFooter {
  position: relative;
  display:block;
  margin-bottom: 15px;
  padding-right: 33px;
  line-height: 22px
}

.store-section .contactFooter i {
  position: absolute;
  top: 1px;
  right: 0;
  width: 20px;
  color: var(--primary-color);
  font-size: 18px;
  text-align: center
}

.store-section .contactFooter i.fa-map-marker {
  top: 3px;
  font-size: 22px
}

.store-section .contactFooter i.fa-envelope-o {
  top: 2px;
  font-size: 16px
}

.store-section .contactFooter i.fa-mobile {
  top: -1px;
  font-size: 22px
}

.store-section .contactFooter a {
  display: inline-block;
  font-weight: 700;
  direction: ltr
}

.store-section a {
  cursor: pointer;
  color: var(--footer-link-color-primary);
  font-size: 1rem;
  text-decoration: none
}

.footer-section-2 {
  padding-top: 50px
}

.subscribe-bar {
  border: 1px solid #ddd7d7;
  border-radius: 5px;
  background: var(--primary-color);
  width: 100%;
  max-width: 490px
}

#subscribe-input {
  border: none;
  border-radius: 5px;
  background: var(--primary-color);
  padding: 5px;
  height: 60px;
  color: #fff
}

#subscribe-input:focus {
  outline: none
}

.subscribe-bar button {
  border-radius: 5px;
  background: #fff!important;
  width: 70px;
  height: 30px;
  color: var(--primary-color)
}

.footer-store-section {
  background: var(--footer-primary-color);
  padding-top: 35px;
  padding-bottom: 35px;
  color: var(--footer-text-color-primary-bg)
}

.footer-store-section-bars {
  border: none;
  padding: 10px 0 15px
}

.footer .logistics-pay-icons {
  margin-right: -8px;
  margin-left: -8px
}

.footer .icons a,.footer .logistics-pay-icons a {
  padding: 5px 8px
}

.vat-crn-sections span {
  font-size: .929rem
}

.vat-crn-sections .footer-logo {
  width:110px;
}

.vat-crn-sections .footer-logo img {
  width:100%;
}

.footervattext.fw-bold {
  font-weight:700;
}

.vat-crn-sections>div {
  padding-right: 5px;
  padding-left: 5px
}

.footer-title {
  color: #6b6b6b;
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 1.16667rem
}

.footer-text {
  padding-right: 0;
  list-style-type: none
}

.footer-text a {
  color: #6b6b6b;
  font-weight: var(--font-weight-sizeOne);
  font-size: 14px
}

.footer-sub-text {
  padding: 10px 0 10px 10px;
  color: #6b6b6b;
  font-weight: var(--font-weight-sizeOne);
  font-size: 14px
}

.gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover
}



.gallery .video {
  margin-top: 83px;
  position:relative;
}

.video .fa-play-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  color: var(--primary-color);
  z-index: 1;
  cursor: pointer;
}

.video .fa-play-circle:after {
  content:"";
  position:absolute;
  width:30px;
  height:30px;
  z-index:-1;
  background-color:#fff;
  left:10px;
  bottom:10px;
  border-radius:50%
}

.product-images-carousel-thumbs .video .fa-play-circle {
  font-size:30px;
  pointer-events:none;
}

.product-images-carousel-thumbs .video .fa-play-circle:after {
  content: "";
  position: absolute;
  width: 19px;
  height: 19px;
  z-index: -1;
  background-color: #fff;
  left: 3px;
  bottom: 4px;
  border-radius: 50%;
}

.gallery .video iframe {
  height:350px;
  border:none;
}

.category-section {
  background-color: #363636
}

.category-image h3 {
  padding-top: 10px;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  text-align: center
}

.products-slider .nextArrowSection,.products-slider .prevArrowSection {
  position: absolute;
  top: -38px;
  left: 0;
  z-index: 1;
  cursor: pointer;
  margin-left: 13px;
  border: 1px solid var(--text-color-primary-bg);
  border-radius: 0;
  background-color: var(--text-color-primary-bg);
  padding: 0;
  width: 35px;
  height: 35px;
  color: #fff;
  font-size: 20px;
  line-height: 31px;
  text-align: center
}

.products-slider .prevArrowSection {
  left: 38px
}

.product-title {
  color: #363636;
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 48px
}

.sub-title {
  padding: 15px;
  color: #494949;
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 16px
}

.image-gallery {
  margin: 20px
}

.testimonials-customer-card {
  position: relative;
  margin: 10px 15px 8px;
  outline: none;
  box-shadow: rgba(0,0,0,.07) 0 0 15px 0;
  border-radius: 8px;
  background-color: #fff;
  padding: 20px;
  width: auto;
  min-width: 0;
  min-height: 140px;
  overflow-wrap: break-word
}

.testimonials-slider .slick-dots li button::before {
  font-size: 14px
}

.testimonials-customer-icon {
  color: var(--secondary-color-alt9);
  font-size: 45px;
  line-height: initial
}

.testimonials-customer-name {
  margin-top: 9px;
  margin-bottom: 9px;
  margin-left: 6px;
  font-size: 16px
}

.testimonials-customer-date {
  margin-top: 9px;
  margin-left: auto
}

.partners-item {
  margin: 10px 15px
}

.partners-slider.slick-slider .slick-track {
  display: flex
}

.partners-slider .slick-track .slick-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto
}

.product-item .mask {
  position: relative;
  background-color: #f9f9f9;
  overflow: hidden;
}

.product-item .mask.no-image {
  display: flex;
  align-items: center;
  justify-content: center
}

.product-item .mask .product-card-bundle-offer {
  display: inline-block;
  position: absolute;
  left: -100%;
  bottom: 15px;
  transition: all .3s ease 0s;
  box-shadow: rgba(0,0,0,.03) 0 0 6px 3px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #f25f5f;
  padding: 0 10px;
  height: 25px;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  z-index: 1;
  line-height: 25px;
  display: none
}

.product-item .mask .product-card-bundle-offer.bundle-offer-product-tag {
  display: block
}

.product-item:hover .mask .product-card-bundle-offer {
  left: 0
}

.home-products-section.style3 .mask .product-card-bundle-offer {
  left: 0
}

.home-products-section.style3 .mask.no-image {
  justify-content: initial
}

.home-products-section.style3 .mask.no-image .noImageLink {
  align-items: center;
  width: 50%
}

.product-item .mask .imagesSlider .slickPrev,.product-item .mask .imagesSlider .slickNext {
  position: absolute;
  top: calc(50% - 17.5px);
  right: 10px;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
  box-shadow: rgba(0,0,0,.2) 0 0 6px 3px;
  border-radius: 50%;
  background-color: #fff;
  width: 35px;
  height: 35px;
  color: var(--text-color-primary-bg);
  font-size: 20px;
  line-height: 35px;
  text-align: center
}

.testimonials-slider .slick-dots li button,.testimonials-slider .slick-dots li button::before {
  margin: 0 auto;
  font-size: 0
}

.testimonials-slider .slick-dots li:hover button,.testimonials-slider .slick-dots li.slick-active button {
  background: var(--primary-color)
}

.product-item:hover .mask .imagesSlider .slickPrev,.product-item:hover .mask .imagesSlider .slickNext {
  opacity: .5
}

.product-item .mask .imagesSlider .slickNext {
  right: auto;
  left: 10px
}

.product-item .mask .image img {
  width: 100%;
  height: 300px;
  object-fit: cover
}

.product-item .mask .labels {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 1;
  text-align: left
}

.product-item .mask .labels .out-of-stock-label {
  display: block;
  margin-bottom: 10px;
  box-shadow: rgba(0,0,0,.03) 0 0 6px 3px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #fff;
  padding: 0 15px;
  height: 25px;
  color: #f25f5f;
  font-weight: 600;
  font-size: 10px;
  line-height: 25px
}

.product-item .mask .labels .product-discount {
  display: inline-block;
  position: relative;
  left: -100%;
  transition: all .3s ease 0s;
  box-shadow: rgba(0,0,0,.03) 0 0 6px 3px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #f25f5f;
  padding: 0 5px 0 9px;
  height: 25px;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  line-height: 25px
}

.product-item:hover .mask .labels .product-discount {
  left: 0
}

.product-item .mask .addCart.addCart-wishlist {
  right: 45px;
}

.product-item .add-to-wishlist {
  background: var(--white-color);
  overflow:hidden;
  position:relative;
  width:35px;
  height:30px;
  box-shadow: rgba(0, 0, 0, .1) 0 0 6px 3px;
}

.product-item .add-to-wishlist .loader,
.product-item .add-to-wishlist a.filled {
  background: var(--primary-color)!important;
  color: var(--white-color)!important;
  border-color: var(--primary-color)!important;
}

.product-item .add-to-wishlist .loader {
  position:absolute!important;
  width: 100px;
  height: 100px;
  left: -33px;
  top: -34px;
}

.product-item .add-to-wishlist a.filled:before {
  content:"\f004"
}


.product-item .mask .addCart {
  display: flex;
  position: absolute;
  bottom: -100%;
  left: 0;
  justify-content: right;
  align-items: center;
  gap: 5px;
  z-index: 1;
  transition: all .3s ease 0s;
  padding: 0 10px 10px;
  width: 100%
}

.product-item:hover .mask .addCart {
  bottom: 0
}

.product-item .mask .addCart .btn-product-card {
  display: inline-block;
  transition: all .3s ease 0s;
  cursor: pointer;
  box-shadow: rgba(0,0,0,.1) 0 0 6px 3px;
  border: none;
  border-radius: 0;
  background-color: #fff;
  padding: 0 10px;
  height: 30px;
  color: var(--text-color-primary-bg);
  font-weight: 600;
  font-size: 15px;
  line-height: 34px;
  position: relative;
  z-index: 1;
}

.product-item .mask .addCart .btn-product-card img {
  background: #fff;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 6px;
}

.product-item .mask .options {
  display: flex;
  position: absolute;
  top: 10px;
  right: 10px;
  flex-direction: column;
  gap: 5px;
  z-index: 1
}

.product-item .mask .options small {
  display: inline-block;
  position: relative;
  right: -100%;
  opacity: 0;
  transition: all .3s ease 0s;
  border: 1px solid var(--labels-border);
  border-radius: 0;
  background-color: var(--labels-bg);
  padding: 3px 10px;
  color: var(--labels-text);
  font-size: 9px
}

.product-item .mask .options small:last-of-type {
  transition: all .3s ease-in-out 0s
}

.product-item:hover .mask .options small {
  right: 0;
  opacity: 1
}

.product-item .content {
  padding: 15px;
  min-height: 88px;
  text-align: center
}

.product-item .content .title {
  -webkit-box-orient: vertical;
  margin-bottom: 5px;
  max-width: 100%;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: 600;
  font-size: 15px
}

.home-products-section.style3 .product-item .content .title {
  overflow: unset;
  white-space: normal
}

.product-item .content .title a:hover {
  color: var(--primary-color)
}

.product-item .content .rating-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px
}

.product-item .content .rating-wrapper .rating-count {
  display: inline-block;
  margin-top: -2px;
  margin-right: 5px;
  color: #b9b9b9
}

.price {
  margin-bottom: 6px
}

.price .salePrice {
  color: var(--primary-color);
  font-weight: 700;
  font-size: 15px
}

.price .oldPrice {
  color: #d6d6d6;
  font-size: 11px;
  display:inline-block;
  text-decoration: line-through
}

.availability-bar .ab-close,.announcement-bar .ab-close {
  position: absolute;
  top: 10px;
  right: 0;
  cursor: pointer;
  width: 32px;
  height: 32px;
  font-weight: 700;
  font-size: 16px
}

.availability-bar .ab-close {
  color: #97564c
}

.store-section .social-icons span {
  position: relative;
  z-index: 1;
  box-shadow: rgba(0,0,0,.03) 0 0 6px 3px;
  border-radius: 50%;
  background: #fff;
  padding: 5px;
  width: 35px;
  height: 35px;
  overflow: hidden;
  color: var(--text-color-primary-bg);
  font-size: 14px
}

.store-section .social-icons span::after {
  position: absolute;
  opacity: 0;
  z-index: -1;
  transition: all .3s ease-in-out 0s;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  content: ""
}

.store-section .social-icons a {
  margin: 0 4.5px 5px
}

.cart-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  transition: all .5s ease 0s;
  background: #fff;
  width: 0;
  height: 100%
}

.cart-sidebar-header {
  color: var(--primary-color);
  font-size: 2.25rem
}

.empty-cart-title {
  color: #494949;
  font-size: 1.285rem
}

.cart-item {
  justify-content: space-around;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  padding: 8px 0
}

.cart-item-img {
  background: #585858;
  width: 46px;
  height: 46px
}

div.light nav {
  background-color: var(--secondary-color-alt1)
}

.main-nav-wrapper {
  height: 41px;
  overflow: hidden scroll;
  scrollbar-width: none
}

ul.main-nav {
  margin: 0;
  padding: 0;
  max-width: 100%;
  font-size: 0;
  list-style-type: none
}

ul.main-nav>li {
  display: inline-block;
  position: relative;
  padding: 0
}

ul.main-nav>li ul.sub-menu-lists {
  display: block;
  position: absolute;
  top: 0;
  right: calc(100% + 5px);
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease 0s;
  margin: 0;
  box-shadow: rgba(0,0,0,.06) 0 6px 7px 0;
  background: #fff;
  padding: 0;
  width: 200px;
  height: auto;
  list-style-type: none
}

ul.main-nav>li.static-filter {
  display: inline-block!important;
  position: relative;
  top: 6px;
  margin-right: 5px;
  margin-left: 5px
}

ul.main-nav>li.static-filter button {
  border: none;
  background: 0 0
}

ul.main-nav>li.static-filter a:hover~.wrapper--categories-dropdown-items,ul.main-nav>li.static-filter .wrapper--categories-dropdown-items:hover {
  visibility: visible;
  opacity: 1
}

ul.main-nav>li.static-filter .wrapper--categories-dropdown-items {
  position: absolute;
  top: calc(100% + 15px);
  right: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 100;
  transition: all .3s ease 0s;
  box-shadow: rgba(0,0,0,.06) 0 0 7px 0;
  background: #fff;
  padding: 0;
  width: 200px
}

ul.main-nav>li.static-filter .wrapper--categories-dropdown-items a {
  display: block;
  border-bottom: 1px solid #f9f9f9;
  padding: 0 15px;
  width: 100%;
  height: 45px;
  color: var(--header-text-color-primary-bg);
  font-weight: 500;
  font-size: 1.16rem;
  line-height: 44px
}

ul.main-nav>li.static-filter .wrapper--categories-dropdown-items a:hover {
  color: var(--primary-color)
}

.sub-menu-head a::after {
  speak: none;
  display: inline;
  position: absolute;
  top: 13px;
  left: 15px;
  content: "";
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: normal;
  font-family: pe-icon-7-stroke
}

.banners-area {
  margin-top: 1.16667rem;
  padding-top: 15px
}

.cards-wrapper {
  display: flex;
  justify-content: center
}

.card img {
  max-width: 100%;
  max-height: 100%
}

.card-slider {
  margin: 0 .5em;
  border: none;
  border-radius: 0
}

.card-img-top {
  margin-right: -15px;
  width: 100%
}

.star-rate {
  margin-right: 5px
}

.carousel-control-prev,.carousel-control-next {
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #e1e1e1;
  width: 5vh;
  height: 5vh
}

.card-title {
  color: var(--secondary-color-alt3);
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 1.333rem
}

.card-price {
  color: var(--primary-color);
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 1.333rem
}

.card-text {
  color: var(--secondary-color-alt6);
  font-weight: var(--font-wieght-sizeOne);
  font-size: 1.333rem
}

.filter-allResult {
  margin-right: 200px;
  color: var(--secondary-color-alt3);
  font-weight: var(--font-weight-sizeOne);
  font-size: 1.167rem
}

.btn-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 42px;
  transition: all .3s;
  cursor: pointer;
  border: .5px solid #f1f1f1;
  border-radius: 0;
  background-color: var(--white-color);
  padding: 10px 15px
}

.btn-filter svg {
  fill: #cbcbcb
}

.btn-filter:hover,.btn-filter.active {
  border-color: var(--primary-color)
}

.btn-filter.active svg {
  fill: var(--primary-color)
}

.count-products {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  font-size: 13px
}

.products-filter .count-products .cols {
  display: flex
}

.products-filter .count-products .cols button {
  cursor: pointer;
  margin-left: 5px;
  padding: 10px 0;
  width: 40px
}

.products-filter .count-products .cols .threeCol svg {
  position: relative;
  top: 2px
}

.dropdown-menu {
  border: 1px solid #f1f1f1;
  border-radius: 0
}

.dropdown-orderEvent {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  border: .5px solid var(--secondary-color-alt4);
  border-radius: 5px;
  background-color: var(--white-color)
}

.dd-input:checked+.order-menu {
  display: block;
  width: 110px
}

.modal .modal-body {
  border-radius: 0;
  padding: 20px
}

.modal-header .close {
  right: auto;
  left: 20px
}

.btn-cancel {
  margin-left: 10px;
  border-color: var(--secondary-color-alt7);
  background-color: transparent;
  padding: 5px 20px
}

.btn-save {
  background-color: var(--primary-color);
  padding: 5px 20px;
  color: var(--white-color)
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  border-radius: 50%;
  background-image: initial;
  background-position: initial;
  background-size: initial;
  background-repeat: initial;
  background-origin: initial;
  background-clip: initial;
  background-attachment: initial;
  background-color: var(--primary-color);
  color: #454545;
  font-weight: 400
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  background-color: var(--primary-color);
  height: 100%
}

.icon-404 {
  font-size: 288px
}

.four-title {
  color: var(--black-color);
  font-weight: var(--font-weight-sizeOne);
  font-size: 5.167rem
}

.card-accordion {
  display: flex;
  position: relative;
  flex-direction: column;
  margin-bottom: 20px;
  border: none;
  background-clip: border-box;
  background-color: #fff;
  min-width: 0;
  overflow-wrap: break-word
}

.icon-expand_more1::before {
  content: ""
}

.faqs-title {
  color: var(--primary-color);
  font-size: 1.833rem
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-top: 1px solid var(--primary-color);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-image: initial
}

.blog-title h1 {
  color: var(--primary-color);
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 2.833rem
}

.blog-text p {
  color: var(--secondary-color-alt11);
  font-weight: var(--font-wieght-sizeOne);
  font-size: 1.167rem
}

.blog-text>* {
  max-width: 100%;
  overflow-wrap: break-word
}

.shipping-nav {
  background-color: var(--secondary-color-alt4);
  padding: 5px
}

.shipping-nav-title {
  color: var(--primary-color);
  font-weight: var(--font-wieght-sizeOne);
  font-size: 1.167rem
}

.shipping-tabs {
  background-color: var(--sub-primary-color)
}

.shipping-payment {
  margin: auto
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
  border-radius: 10px;
  background: rgba(255,255,255,.3)!important;
  width: 334px;
  height: 117px;
  color: var(--white-color)
}

.shipping-tabs a {
  color: var(--white-color)
}

.bank-account-tab {
  margin: 10px 20px;
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 1.333rem
}

.bank-account-sub-title {
  margin-right: 60px;
  font-size: 1rem
}

.icon-local_shipping,.icon-payments_black,.icon-account_balance {
  margin-top: 5px;
  font-size: 40px
}

.container-mobile {
  margin-right: auto;
  margin-left: auto;
  width: 100%
}

.card-mobile {
  background-color: var(--sub-primary-color);
  padding: 10px 30px;
  color: var(--white-color)
}

#accordion-mobile {
  margin-top: 10px;
  margin-right: 60px;
  color: var(--white-color)
}

.checkbox-label {
  color: var(--secondary-color-alt10);
  font-weight: var(--font-weight-sizeOne);
  font-size: 1.333rem
}

.checkbox-extra {
  margin-top: 3px;
  margin-right: 50px;
  color: var(--primary-color);
  font-weight: var(--font-weight-sizeOne);
  font-size: 1.167rem
}

.card-tard-icon {
  margin-right: 1.25rem
}

.shipping-section-title {
  color: var(--sub-primary-color);
  font-weight: var(--font-wieght-sizeOne);
  font-size: 1.333rem
}

.btn-primary {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  color: var(--text-color-primary-bg)
}

.btn-primary.disabled,.btn-primary:disabled {
  border-color: #ccc;
  background-color: #ccc
}

.form-control:focus {
  box-shadow: none!important;
  border-color: #ccc
}

.btn-primary:focus,.btn-primary.focus.btn-primary:focus,.btn-primary.focus,.btn-outline-primary:focus,.btn-outline-primary.focus {
  box-shadow: none!important
}

.btn-outline-primary {
  border-color: var(--primary-color);
  color: var(--primary-color)
}

.btn-outline-primary:hover {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  color: #fff
}

.div-dropdown label {
  display: block;
  color: var(--primary-color)
}

.div-dropdown select {
  display: block;
  appearance: none;
  border-color: #ccc;
  border-radius: 3px;
  padding: 10px 5px;
  width: 100%
}

.div-dropdown>div.form-group>div::after {
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #ccc;
  padding: 5px 8px;
  width: 40px;
  height: 40px;
  pointer-events: none;
  content: "";
  color: var(--text-color-primary-bg);
  font-size: 20px
}

.row-language-currency {
  margin-right: -7.5px;
  margin-left: -7.5px
}

.row-language-currency>div {
  padding-right: 7.5px;
  padding-left: 7.5px;
  width: 50%
}

#langCurrecyModal button {
  padding: 5px 25px;
  font-size: 1.1rem
}

#langCurrecyModal .close {
  position: absolute;
  top: 10px;
  right: 4px;
  width: 44px;
  height: 22px
}

.theme-bg-primary {
  background-color: var(--primary-color)
}

.theme-bg-primary-dark-1 {
  filter: brightness(80%);
  background-color: var(--header-primary-color,var(--primary-color))
}

.footer-theme-bg-primary-dark-1 {
  filter: brightness(80%);
  background-color: var(--footer-primary-color,var(--primary-color))
}

.theme-bg-primary-dark-2 {
  filter: brightness(120%);
  background-color: var(--header-primary-color,var(--primary-color));
  color: var(--white-color)
}

.theme-title-primary {
  color: var(--primary-color)!important
}

.theme-border-primary {
  border-color: var(--primary-color)!important
}

.header-theme-text-primary {
  color: var(--header-primary-color,var(--primary-color))
}

.menu-header-theme-bg-primary {
  filter: var(--header-primary-brightness);
  background-color: var(--menu-header-primary-color,var(--primary-color))
}

.menu-header-theme-bg-primary-brightness-100 {
  filter: brightness(100%)
}

.menu-header-theme-text-primary {
  color: var(--menu-header-primary-color,var(--primary-color))
}

.menu-header-theme-text-for-primary-bg {
  color: var(--menu-header-text-color-primary-bg,var(--text-color-primary-bg))
}

.footer-theme-bg-primary {
  background-color: var(--footer-primary-color,var(--primary-color))
}

.footer-theme-text-primary {
  color: var(--footer-primary-color,var(--primary-color))
}

.footer-theme-text-for-primary-bg {
  color: var(--footer-text-color-primary-bg,var(--text-color-primary-bg))
}

.div-bg-absolute {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%
}

.footer-copyrights span {
  padding: 5px 0;
  color: inherit;
  font-size: .929rem
}

.footer-copyrights a {
  color: inherit
}

.blog-text img {
  display: inline-block;
  max-width: 100%!important;
  height: auto!important
}

.s-slider::-webkit-scrollbar {
  display: none!important
}

.product-card-rating-count {
  color: #8b8b8b
}

.product-card-rating>span {
  margin-right: 2.5px
}

.product-card-rating .rating-count {
  color: #b9b9b9
}

.product-card-rating .fa-star {
  color: #ffaa17;
  font-size: 14px
}

.product-card-rating .fa-star.deactive::before {
  color: #e6e6e6
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

.categories {
  padding: 60px 0
}

.categories.negative-margin {
  margin-top: -80px;
  padding-top: 0
}

.single-category .item {
  position: relative;
  z-index: 1;
  padding: 20px;
  height: 210px;
  overflow: hidden
}

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

.single-category .item img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover
}

.single-category .item .category-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all .5s ease 0s;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 2px;
  padding: 20px;
  height: 100%;
  text-align: center
}

.single-category:hover .item .category-content {
  border-color: rgba(0,0,0,.3)
}

.single-category .item .category-content h3 {
  transition: all .3s ease 0s;
  color: #fff;
  margin-bottom:0;
  font-weight: 600;
  font-size: 20px
}

.single-category .item .category-content p {
  transition: all .3s ease 0s;
  margin-bottom: 0;
  margin-top:10px;
  color: #fff;
  font-weight: 400;
  font-size: 16px
}

.single-category .item:hover .category-content h3,.single-category .item:hover .category-content p {
  color: var(--text-color-primary-bg)
}

.single-category .item .category-content a {
  display: block;
  opacity: .9;
  margin: 15px auto 0;
  border-radius: 2px;
  background: var(--text-color-primary-bg);
  padding: 0 15px;
  width: 150px;
  height: 40px;
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  line-height: 40px;
  text-align: center
}

.categories .arrow-right,.categories .arrow-left {
  display: block;
  position: absolute;
  top: 38px;
  right: -27px;
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  width: 40px;
  height: 40px;
  font-size: 35px;
  line-height: 40px;
  text-align: center
}

.categories .arrow-left {
  right: auto;
  left: -27px
}

.categories:not(.negative-margin) .arrow-right,.categories:not(.negative-margin) .arrow-left {
  top: auto;
  bottom: auto;
  background-color: var(--text-color-primary-bg);
  color: #fff
}

.categories:not(.negative-margin) .arrow-right {
  right: -25px;
  bottom: 100%
}

.categories:not(.negative-margin) .arrow-left {
  left: -25px
}

.footer-copyrights-vat-certificate {
  box-shadow: rgba(0,0,0,.01) 0 0 4px 3px;
  min-height: 79px;
  display: flex;
  align-items: center;
}

.footer-copyrights-vat-certificate .footer-copyrights {
  margin-bottom: 0;
  color: #a4a4a4;
  font-size: 13px
}

.features-section {
  padding: 30px 0 0;
  text-align: center
}

.features-section .feature {
  margin-bottom: 30px
}

.features-section .feature img {
  margin-bottom: 10px;
  width: 50px
}

.features-section .feature .title {
  margin-top: 10px;
  margin-bottom: 10px;
  color: var(--text-color-primary-bg);
  font-weight: 600;
  font-size: 18px
}

.features-section .feature .des {
  margin: 0 auto;
  max-width: 300px;
  color: #ccc;
  font-size: 14px
}

.footer-companies {
  background-color: var(--footer-payment-color-primary);
  padding: 15px 0 0;
  text-align: center
}

.footer-companies .icons {
  display: inline-block;
  margin-top: -40px;
  margin-bottom: 15px;
  box-shadow: rgba(0,0,0,.02) 0 0 6px 3px;
  border-radius: 3px;
  background-color: #fff
}

.footer-companies .icons a {
  position: relative;
  z-index: 1;
  padding-right: 15px;
  padding-left: 15px
}

.footer-companies .icons a:not(:first-of-type)::after {
  position: absolute;
  top: 8px;
  right: 0;
  background-color: #f1f1f1;
  width: 1px;
  height: 15px;
  content: ""
}

.header-logo,.header-cart {
  margin-left: 20px;
  width: 150px;
  min-height: 100px
}

.header-cart {
  flex-grow: unset
}

.cart-badge {
  position: absolute;
  top: calc(100% - 16px);
  right: 2.1px;
  animation: 1.5s ease-in-out 0s infinite normal none running rotateAndScale;
  border-radius: 50%;
  background: var(--primary-color);
  width: 17px;
  height: 17px;
  color: var(--text-color-primary-bg);
  font-weight: 600;
  font-size: .866667rem;
  line-height: 17px;
  text-align: center
}

.top-main-menu-wrapper {
  margin-right: -22px;
  margin-left: -22px
}

.ic.menu {
  position: relative;
  right: 4px;
  text-align: left
}

.ic.menu,.sm-search-icon {
  margin-right: 20px
}

.icon-menu-top {
  margin-right: 10px!important
}

.sm-search-div {
  display: none;
  position: absolute;
  left: 0;
  transform: translateY(-100%);
  visibility: hidden;
  z-index: 1;
  transition: all .3s ease 0s;
  background-color: var(--header-primary-color,var(--primary-color));
  padding: 0 15px 20px;
  width: 100%
}

.sm-search-div.show {
  transform: translateY(0%);
  visibility: visible
}

.footer .apps-social-icons:nth-child(2) {
  padding-left: 0
}

.footer .google-app-stores {
  margin-right: -4px;
  margin-left: -4px
}

.slick-next.slick-arrow>span,.slick-prev.slick-arrow>span {
  color: var(--primary-color);
  font-size: 3.3rem
}

.categoriesStyle {
  padding: 50px 0;
  overflow: hidden
}

.categoriesStyle .slickPrev,.categoriesStyle .slickNext {
  position: absolute;
  bottom: calc(50% - 17.5px);
  left: calc(50% - 55px);
  z-index: 1;
  cursor: pointer;
  border: 1px solid var(--text-color-primary-bg);
  border-radius: 50%;
  background-color: var(--text-color-primary-bg);
  padding: 0;
  width: 35px;
  height: 35px;
  color: #fff;
  font-size: 20px;
  line-height: 33px;
  text-align: center
}

.categoriesStyle .container .slickPrev {
  right: -15px
}

.categoriesStyle .container .slickNext {
  left: -15px
}

.categoriesStyle .full-width .slickPrev {
  right: 10px
}

.categoriesStyle .full-width .slickNext {
  left: 10px
}

.category-item .img,.category-item img {
  display: block;
  background-color: #fdfdfd;
  width: 100%;
  height: 100%;
  object-fit: cover;
  text-align: center
}

.category-item .parentItem {
  display: block;
  border: 2px solid #f8f8f8;
  border-radius: 5px;
  padding: 25px 15px
}

.cat-style2.categoriesStyle .category-item .parentItem {
  border-color:  rgba(255, 255, 255, 0.8)

}

.categories-slider .cat-col.style2 .category-item .parentItem {
  background-color: #fff;
  padding-top: 35px;
  padding-bottom: 35px;
  position:relative;
}

.categories-slider .cat-col.style2 .category-item .parentItem .img {
  width: 120px;
  height: 120px
}

.category-item .parentItem:hover {
  border-color: var(--primary-color);
  background-color: #f9f9f9
}

.category-item .parentItem .img {
  margin: 0 auto 15px;
  border: 2px solid #f1f1f1;
  border-radius: 50%;
  background-color: #f9f9f9;
  width: 100px;
  max-width: 100%;
  height: 100px;
  overflow: hidden
}

.category-item .parentItem:hover img {
  border-color: #fff
}

.category-item h3,.category-item .title {
  margin-top: 15px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 1.3rem;
  text-align: center;
  white-space: break-spaces
}

.categories-slider .category-item {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 200px;
  height: 100%
}

.categories-slider .cat-col.style2 .category-item {
  margin: 20px auto;
  padding: 20px;
  max-width: 270px
}

.slider-container {
  padding-right: 15px;
  padding-left: 15px
}

.section-title {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
  padding-bottom: 25px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 2.271rem;
  text-align: right
}

.section-title .underTitle {
  position: absolute;
  top: 100%;
  right: 0;
  border-top: 1px solid var(--text-color-primary-bg);
  width: 130px;
  height: 9px
}

.section-title.center .underTitle {
  right: calc(50% - 70px)
}

.section-title .underTitle::after {
  position: absolute;
  top: -6px;
  right: calc(50% - 6px);
  transform: rotate(133deg);
  border: 1px solid var(--primary-color);
  background: #fff;
  width: 11px;
  height: 11px;
  content: ""
}

.section-title .underTitle.show-flower::after {
  display:none;
}

.section-title .underTitle.show-flower .flower {
  width: 30px;
  height: 30px;
  transform: none;
  top: -12px;
  border: none;
  z-index: 999;
  background: #fff;
  padding: 4px;
  border-radius: 50%;
  right: calc(50% - 14px);
  top: calc(50% - 20px);
  fill: var(--primary-color);
  position: absolute;
}

.section-title .underTitle i::before,.section-title .underTitle i::after {
  position: absolute;
  bottom: 2px;
  left: 0;
  animation: 1.5s ease-in-out 0s infinite normal none running toggleWidth;
  border-bottom: 1px solid var(--text-color-primary-bg);
  width: 30%;
  height: 1px;
  content: ""
}

@keyframes toggleWidth {
  0% {
      width: 30%
  }

  50% {
      width: 40%
  }

  100% {
      width: 30%
  }
}

.section-title .underTitle i::after {
  top: -7px;
  right: 0;
  left: unset
}

.home-products-section {
  padding: 30px 0
}

.products-slider .prod-col,.categories-slider .cat-col {
  display: block;
  width: auto;
  position:relative;
}

.home-products-section:not(.style3) .section-title {
  margin-bottom: 70px
}

.home-products-section.style2 .products-slider,.home-products-section.style3 .products-slider {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 30px
}

.style2 .products-slider .prod-col {
  width: 31.5322%
}

.home-products-section.style3 .prod-col {
  border: 2px solid #f8f8f8;
  width: 48.5856%;
  overflow: hidden
}

.home-products-section.style3 .prod-col .product-item .mask .labels {
  left: 50%
}

.home-products-section.style3 .prod-col .product-item .mask .labels .product-discount {
  left: 0
}

.home-products-section.style3 .prod-col .product-item .mask .options {
  top: unset;
  right: unset;
  bottom: 10px;
  left: 10px
}

.home-products-section.style3 .prod-col .product-item .mask .options small {
  right: unset;
  left: -100%
}

.home-products-section.style3 .prod-col .product-item:hover .mask .options small {
  left: 0
}

.home-products-section.style3 .prod-col .product-item .content {
  display: flex;
  position: absolute;
  top: 0;
  left: -1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #f8f8f8;
  background-color: #fff;
  padding: 15px;
  width: 50%;
  height: 100%;
  min-height: 133px;
  text-align: center
}

.home-products-section.style3 .prod-col .product-item .mask .addCart {
  top: auto;
  bottom: -100%
}

.home-products-section.style3 .prod-col .product-item:hover .mask .addCart {
  top: auto;
  bottom: 0
}

.home-products-section.style3 .product-item .mask .image img {
  width: 50%
}

.home-products-section.style3 .product-item .mask .imagesSlider .slickNext {
  left: calc(50% + 10px)
}

.category-page-slider .products-slider .prod-col,.categories-slider .cat-col {
  transition: all .5s ease 0s;
  padding-right: 15px;
  padding-left: 15px
}

.category-page-slider .home-categories-section {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 40px
}

.categories-slider .cat-col.style3 {
  padding-top: 30px
}

.home-categories-section:not(.cat-style2) .categories-slider .slick-list {
  margin-right: -15px;
  width: calc(100% + 30px)
}

.categories-slider .cat-col.style3:nth-of-type(2n+1) a {
  margin-top: -30px
}

.categories-slider .cat-col.style2:not(.slick-center) {
  transform: scale(.7)
}

.cat-style2.categoriesStyle .slickPrev {
  right: 120px
}

.cat-style2.categoriesStyle .slickNext {
  left: 120px
}

.categories-slider .cat-col.style2 .category-item::before {
  position: absolute;
  top: calc(25%);
  left: 0;
  transform: rotate(25deg);
  z-index: -1;
  transition: all .8s ease-in-out 0s;
  border-radius: 30px;
  background-color: #f3f3f3;
  width: 100%;
  height: 50%;
  content: ""
}


.categories-slider .cat-col.style2 .category-item::after {
  position: absolute;
  top: 0;
  left: calc(25%);
  transform: rotate(25deg);
  z-index: -1;
  transition: all 2s ease 0s;
  border-radius: 30px;
  background-color: #f3f3f3;
  width: 50%;
  height: 100%;
  content: ""
}

.categories-slider .cat-col.style2:hover .category-item::before,.categories-slider .cat-col.style2:hover .category-item::after,.categories-slider .cat-col.style2.slick-center .category-item::before,.categories-slider .cat-col.style2.slick-center .category-item::after {
  transform: rotate(-25deg);
  background-color: var(--primary-color)
}

.categories-slider .cat-col.style2.show-flower .category-item {
  margin-top:50px;
  margin-bottom:50px;
}

.categories-slider .cat-col.style2.show-flower .category-item:before,
.categories-slider .cat-col.style2.show-flower .category-item:after
{
  display:none;
}

.categories-slider .cat-col.style2.show-flower .flower {
  position: absolute;
  top: calc(50% - 175px);
  left: calc(50% - 175px);
  fill: var(--primary-color);
  transform: rotate(-180deg);
  transition: all 0.8s ease-in-out 0s;
  width: 350px;
  height: 350px;
  opacity: 1;
}

.categories-slider .cat-col.style2.show-flower .category-item .parentItem { 
  background:rgba(255,255,255,0.8)
}

.categories-slider .cat-col.style2.show-flower.slick-center .flower,
.categories-slider .cat-col.style2.show-flower:hover .flower {
  transform: rotate(0deg);
}

.products-list .prod-col,.bundle-offer-products .prod-col {
  margin-bottom: 15px;
  padding: 15px;
  width: 33.3333%
}

.select-dropdown .dropdown-item {
  padding-top: 7.5px;
  padding-bottom: 7.5px
}

.select-dropdown .dropdown-item:hover,.select-dropdown .dropdown-item:focus {
  background-color: var(--primary-color);
  color: var(--text-color-primary-bg)
}

#products-list-filter-form-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px
}

.products-pagination {
  margin-bottom: 24px;
  padding: 0 15px
}

.products-pagination .page-link {
  display: block;
  margin: 0 5px!important;
  border: 1px solid #f1f1f1;
  border-radius: 0!important;
  background-color: #fff;
  padding: 0;
  width: 45px;
  height: 45px;
  color: var(--text-color-primary-bg);
  font-size: 1.2rem;
  line-height: 45px;
  text-align: center
}

.products-pagination .page-link:hover,.products-pagination li.active .page-link {
  border-color: var(--primary-color);
  background-color: #fff
}

.products-pagination .page-link.active {
  border-color: var(--primary-color);
  color: var(--text-color-primary-bg)
}

.products-container.flex-grow-1.pt-4 {
  width: 100%
}

.products-container .products-list {
  justify-content: center;
  margin-bottom: 24px
}

.products-container .products-list.style3 {
  gap: 30px;
  margin-bottom: 0
}

.products-container .products-list.style3 .prod-col {
  padding: 0;
  width: 47.5856%
}

.cart-header-total {
  margin-right: 10px;
  color: var(--header-text-color-primary-bg,var(--text-color-primary-bg));
  font-size: 1.6rem
}

.box-1-1.ratio2_1::before {
  padding-top: 50%
}

.box-1-1.ratio1_2::before {
  padding-top: 200%
}

.box-1-1.ratio4_3::before {
  padding-top: 75%
}

.box-1-1.ratio16_9::before {
  padding-top: 56.25%
}

.box-1-1.ratio21_9::before {
  padding-top: 42.85%
}

.product-item-out-of-stock img {
  filter: grayscale(1)
}

.sm-search-div .autocomplete-items,.lg-search-div .autocomplete-items {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 99;
  border-top: none;
  border-right: 1px solid #d4d4d4;
  border-bottom: none;
  border-left: 1px solid #d4d4d4;
  border-image: initial
}

.sm-search-div .autocomplete-items div,.lg-search-div .autocomplete-items div {
  border-bottom: 1px solid #d4d4d4;
  background-color: #fff
}

.sm-search-div .autocomplete-items div:hover,.lg-search-div .autocomplete-items div:hover {
  background-color: #e9e9e9
}

.sm-search-div .autocomplete-items div a,.lg-search-div .autocomplete-items div a {
  display: block;
  cursor: pointer;
  padding: 10px;
  color: inherit
}

.ic-menu-back {
  margin-right: 16px;
  font-weight: 700;
  font-size: 22px
}

.gift-popover-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 115px;
  max-width: 100%;
  height: 140px
}

.popover {
  top: 40px
}

.popover .arrow {
  top: -.5rem;
  left: 5px
}

.popover .arrow::before {
  top: 0;
  border-width: 0 .5rem .5rem;
  border-bottom-color: #fff
}

.popover .arrow ::after {
  top: 1px;
  border-width: 0 .5rem .5rem;
  border-bottom-color: #fff
}

.video-section {
  padding: 35px 0
}

.video-section .section-title {
  margin-bottom: 40px
}

.video-section video {
  border: 2px dashed #f1f1f1;
  padding: 10px;
  width: 100%
}

.ggallery .gallery:not(.gallery-1) .section-title {
  margin-bottom: 20px
}

.ggallery .gallery .gallery-item {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  overflow: hidden;
  color: var(--text-color-primary-bg)
}

.ggallery .gallery .gallery-item .mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  min-width: 100%;
  min-height: 100%
}

.ggallery .gallery .gallery-item .mask::after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
  transition: all .5s ease 0s;
  background-color: rgba(255,255,255,.5);
  width: 100%;
  height: 100%;
  content: ""
}

.ggallery .gallery .gallery-item .mask.show-bg::after {
  opacity: 1!important
}

.ggallery .gallery .gallery-item.white .mask::after {
  background-color: rgba(0,0,0,.5)
}

.ggallery .gallery .gallery-item .mask img {
  transition: all 2s ease 0s;
  min-width: 100%;
  height: auto!important;
  min-height: 100%;
  position: absolute
}

.ggallery .gallery .gallery-item:hover .mask img {
  transform: scale(1.05);
  filter: blur(3px)
}

.ggallery .gallery .gallery-item .content {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
  z-index: 2;
  padding: 30px 40px;
  min-height: 334px;
  text-align: right
}

.ggallery .gallery .gallery-item .content h2 {
  -webkit-box-orient: vertical;
  margin: 0;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: 600;
  font-size: 2.5rem;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ggallery .gallery .gallery-item .content p {
  margin: 0;
  font-size: 1.2rem
}

.ggallery .gallery .gallery-item .content a {
  display: inline-block;
  position: relative;
  transition: all .3s ease-in-out 0s;
  border-radius: 0;
  background: #fff;
  padding: 7px 25px;
  width: 220px;
  color: var(--text-color-primary-bg);
  font-weight: 500;
  font-size: 16px;
  line-height: 33px;
  letter-spacing: 0;
  text-align: center
}

.ggallery .gallery .gallery-item .content a::after,.ggallery .gallery .gallery-item .content a::before {
  position: absolute;
  bottom: 6px;
  left: 6px;
  transition: all .9s ease 0s;
  border-bottom: 1px solid var(--text-color-primary-bg);
  border-left: 1px solid var(--text-color-primary-bg);
  width: 10px;
  height: 10px;
  content: ""
}

.ggallery .gallery .gallery-item .content a::before {
  top: 6px;
  right: 6px;
  bottom: 5px;
  left: unset;
  border-top: 1px solid var(--text-color-primary-bg);
  border-right: 1px solid var(--text-color-primary-bg);
  border-bottom: none;
  border-left: none
}

.ggallery .gallery .gallery-item .content a:hover {
  background: var(--text-color-primary-bg);
  color: #fff
}

.ggallery .gallery .gallery-item .content a:hover::before,.ggallery .gallery .gallery-item .content a:hover::after {
  border-color: var(--primary-color);
  width: calc(100% - 12px);
  height: calc(100% - 12px)
}

.ggallery .gallery .gallery-item .content i {
  position: absolute;
  top: 7px;
  left: 15px;
  font-size: 30px
}

.gallery-section .gallery.gallery-3 .col-md-6:nth-of-type(2) .gallery-item .content h2 {
  font-size: 1.8rem
}

.gallery-section .gallery.gallery-3 .col-md-6:nth-of-type(2) .gallery-item .content p {
  font-size: 1rem
}

.gallery-section .gallery.gallery-4 .col-md-6:nth-of-type(1) .gallery-item .content {
  padding-top: 100px;
  padding-bottom: 100px
}

.gallery-section .gallery.gallery-4 .col-md-6:nth-of-type(2) .gallery-item .content h2 {
  font-size: 1.5rem
}

.gallery-section .gallery.gallery-4 .col-md-6:nth-of-type(2) .gallery-item .content p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 1rem
}

.partners {
  padding: 70px 0
}

.partners .partners-item {
  border-radius: 5px;
  background-color: #f9f9f9;
  padding: 25px 0
}

.partners .slickNext,.partners .slickPrev {
  position: absolute;
  top: calc(50% - 17.5px);
  left: 0;
  z-index: 1;
  cursor: pointer;
  border: 1px solid var(--text-color-primary-bg);
  border-radius: 50%;
  background-color: var(--text-color-primary-bg);
  padding: 0;
  width: 35px;
  height: 35px;
  color: #fff;
  font-size: 20px;
  line-height: 31px;
  text-align: center
}

.partners .slickPrev {
  right: 0
}

.whatsChat {
  position: fixed;
  right: 20px;
  bottom: 14px;
  z-index: 999;
  font-family: tajawal
}

.whatsChat .whatsTitle {
  display: block;
  position: relative;
  cursor: pointer;
  margin-top: 11px;
  border-radius: 50px;
  width: 54px;
  height: 55px;
  color: var(--text-color-primary-bg);
  line-height: 60px;
  text-align: center
}

.whatsChat .whatsTitle i {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 50%;
  background: var(--primary-color);
  width: 45px;
  height: 45px;
  font-size: 24px;
  line-height: 45px
}

.circle-svg__spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  animation: 10s linear 0s infinite normal none running spin;
  width: 55px;
  height: 55px
}

.circle-svg__spin circle {
  stroke-width: 2px;
  fill: none
}

@keyframes spin {
  0% {
      stroke-dasharray: 10
  }

  50% {
      stroke-dasharray: 50
  }

  100% {
      stroke-dasharray: 10;
      transform: rotate(360deg)
  }
}

.whatsChat .angleDown {
  position: absolute;
  right: -70px;
  bottom: 67px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease 0s;
  box-shadow: rgba(0,0,0,.1) 0 0 10px 3px;
  border-radius: 15px;
  width: 320px;
  z-index:99;
}

.whatsChat .angleDown.active {
  right: 0;
  visibility: visible;
  opacity: 1
}

.whatsChat .angleDown::after {
  position: absolute;
  right: 17px;
  bottom: -20px;
  content: "";
  color: #fff;
  font: 34px/1 FontAwesome
}

.whatsChat .content .head {
  position: relative;
  z-index: 1;
  cursor: pointer;
  box-shadow: rgba(0,0,0,.09) 0 3px 3px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  background-color: #fff;
  padding: 11px 20px;
  direction: rtl
}

.whatsChat .content .head .details {
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 15px
}

.whatsChat .content .head .details .imgStyle span.circle {
  position: absolute;
  top: 1px;
  right: 1px;
  border-radius: 50%;
  background-color: var(--primary-color);
  width: 10px;
  height: 10px
}

.whatsChat .content .head .details img {
  border-radius: 50%;
  width: 40px;
  height: 40px
}

.whatsChat .content .head .details .Name {
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 14px
}

.whatsChat .content .bodyMsgs {
  padding: 20px;
  height: 300px;
  overflow: auto
}

.whatsChat .content .bodyMsgs .messageStyle {
  position: relative;
  right: -50px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease 0s;
  margin-right: 0;
  margin-left: auto;
  max-width: 93%;
  text-align: right
}

.whatsChat .content .bodyMsgs.active .messageStyle {
  right: 0;
  visibility: visible;
  opacity: 1
}

.whatsChat .content .bodyMsgs .messageStyle:not(:last-of-type) {
  margin-bottom: 15px
}

.whatsChat .content .bodyMsgs .messageStyle .message {
  display: inline-block;
  box-shadow: rgba(0,0,0,.09) 0 3px 3px;
  border-radius: 10px;
  background-color: #fff;
  padding: 10px 15px;
  color: var(--text-color-primary-bg);
  font-weight: 500;
  font-size: 12px;
  line-height: 22px
}

.whatsChat .content .bodyMsgs .messageStyle .message::before {
  position: absolute;
  right: -13px;
  bottom: 10px;
  border-width: 13px;
  border-style: solid;
  border-color: transparent transparent #fff;
  width: 0;
  height: 0;
  content: ""
}

.whatsChat .content .bodyMsgs .messageStyle .message .desc {
  font-weight: 500
}

.whatsChat .content .footerWhats {
  position: relative;
  z-index: 2;
  box-shadow: rgba(0,0,0,.09) 0 -3px 3px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  background-color: #fff;
  padding: 15px;
  width: 100%;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 12px;
  text-align: center
}

.whatsChat .content .footerWhats a {
  display: inline-block;
  margin-right: 5px;
  color: var(--primary-color);
  font-size: 13px;
  direction: ltr
}

.custom-scroll {
  scroll-behavior: smooth
}

.custom-scroll::-webkit-scrollbar-track {
  box-shadow: #f9f9f9 0 0 6px inset
}

.custom-scroll::-webkit-scrollbar {
  width: 5px
}

.custom-scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--primary-color)
}

.back-to-top {
  display: none;
  z-index: 99;
  cursor: pointer;
  margin: 0 auto;
  box-shadow: rgba(0,0,0,.1) 0 0 5px;
  background-color: #fff;
  width: 40px;
  height: 40px;
  color: var(--text-color-primary-bg);
  font-size: 24px;
  line-height: 40px;
  text-align: center
}

.loader {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  background-color: var(--primary-color);
  width: 100%;
  height: 100%;
  overflow: hidden
}

.loader .loadProgress {
  position: relative;
  transition: all .5s ease 0s;
  margin: 0 auto;
  background-color: var(--text-color-primary-bg);
  width: 2px;
  max-width: 100%;
  height: 250px;
  overflow: hidden
}

body.loaded .loader .loadProgress {
  background-color: #fff;
  height: 100%
}

.loader .loadProgress .lineStyle {
  position: absolute;
  top: 0;
  left: 0;
  animation: 1s linear 0s infinite normal none running move-progress;
  background-color: #fff;
  width: 100%;
  height: 80px
}

@keyframes move-progress {
  0% {
      top: -100%
  }

  100% {
      top: 100%
  }
}

@-webkit-keyframes move-progress {
  0% {
      top: 0
  }

  100% {
      top: 100%
  }
}

body.loaded .loader .loadProgress .lineStyle {
  opacity: 0
}

.testimonials {
  border-radius: 5px;
  background-color: #f9f9f9;
  padding: 80px 15px;
  overflow: hidden
}

.testimonials .item {
  padding: 30px
}

.testimonials .testimonials-customer .text-style {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  box-shadow: rgba(0,0,0,.03) 0 0 6px 3px;
  border-radius: 15px;
  background-color: #fff;
  padding: 30px;
  min-height: 166px;
  text-align: center
}

.testimonials .testimonials-customer .text-style::before {
  position: absolute;
  right: 43px;
  bottom: -20px;
  content: "";
  color: #fff;
  font: 34px/1 FontAwesome
}

.testimonials .item:nth-of-type(2n) .testimonials-customer .text-style::before {
  right: unset;
  left: 43px
}

.testimonials .testimonials-customer .text-style .stars {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 15px;
  color: #ffaa17;
  font-size: 14px
}

.testimonials .testimonials-customer .text-style .date {
  display: block;
  margin-bottom: 5px;
  color: #757575
}

.testimonials .testimonials-customer .customerInfo {
  align-content: center;
  gap: 10px;
  margin-top: 25px;
  margin-right: 30px;
  margin-left: auto
}

.testimonials .item:nth-of-type(2n) .testimonials-customer .customerInfo {
  flex-direction: row-reverse;
  margin-right: auto;
  margin-left: 30px;
  text-align: left
}

.testimonials .testimonials-customer .customerInfo img {
  margin-top: -5px;
  border-radius: 50%;
  width: 45px;
  height: 45px
}

.testimonials .testimonials-customer .customerInfo .customer-details {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.testimonials .testimonials-customer .customerInfo .name {
  margin-bottom: 5px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 13px
}

.testimonials .testimonials-customer .customerInfo .job {
  margin: 0;
  color: #757575
}

.testimonials .position-relative {
  z-index: 1
}

.testimonials .blockquote {
  position: absolute;
  bottom: calc(50% - 374px);
  left: calc(50% - 400px);
  transform: rotate(30deg);
  opacity: .02;
  z-index: -1;
  width: 700px;
  height: 700px;
  text-align: center
}

.testimonials .blockquote img {
  max-width: 100%
}

.testimonials .section-title {
  margin-right: 30px;
  margin-bottom: 20px;
  margin-left: 30px
}

.slick-disabled {
  opacity: .6
}

.testimonials .slickNext,.testimonials .slickPrev {
  position: absolute;
  bottom: 35px;
  left: calc(50% - 55px);
  z-index: 1;
  cursor: pointer;
  margin: 0 15px;
  border: 1px solid var(--text-color-primary-bg);
  border-radius: 50%;
  background-color: var(--text-color-primary-bg);
  padding: 0;
  width: 35px;
  height: 35px;
  color: #fff;
  font-size: 20px;
  line-height: 31px;
  text-align: center
}

.testimonials .slickPrev {
  right: calc(50% - 55px);
  left: unset
}

.productsAd {
  padding: 50px 0
}

.productsAd .ggallery .gallery .gallery-item img {
  width: auto!important;
  height: 100%!important
}

.productsAd .product-item .mask .image img {
  height: 350px
}

button,.btn:focus,.btn:active,.page-link:focus,.page-link:active {
  outline: none!important;
  box-shadow: none
}

button.more-button:hover,a.more-button:hover,.availability-bar .announcement-text,.announcement-bar .close-announcement:hover,.btn-style511:hover,.ggallery .gallery .gallery-item.white {
  color: #fff
}

button.more-button:hover::before,a.more-button:hover::before,.productsAd .ggallery,.productsAd .ggallery .gallery,.productsAd .ggallery .gallery .gallery-item,.productsAd .ggallery .gallery .gallery-item .content {
  height: 100%
}

.disable-scroll,.whatsChat .content {
  overflow: hidden
}

.main-slider .sliderBtn:hover,.categoriesStyle .slickPrev:hover,.categoriesStyle .slickNext:hover {
  background-color: var(--text-color-primary-bg);
  color: #fff
}

.slick-dots li button:hover,.slick-dots li.slick-active button,.products-section,.header-theme-bg-primary {
  background-color: var(--header-primary-color)
}

.availability-bar .announcement-text,.announcement-bar h1,.footer .icons div {
  padding: 10px 15px
}

.loginBtn span,.btn-style511 span {
  position: relative;
  z-index: 2
}

.header-left a,.dd-input:checked+.dd-menu {
  display: block
}

.header-left .headerSearch,nav,.div-dropdown>div.form-group>div,.home-products-section.style3 .prod-col .product-item,.whatsChat .content .head .details .imgStyle {
  position: relative
}

.cart-section:hover,.menu-section li {
  cursor: pointer
}

.fixedHeader.sticky .profileMenu .giftIcon:hover~.giftBox,
.fixedHeader .profileMenu .giftBox:hover,
.giftStyle .giftIcon:hover~.giftBox,.giftStyle .giftBox:hover,
ul.main-nav>li .sub-menu-head:hover .sub-menu-lists,
ul.main-nav>li ul.sub-menu-lists:hover {
  visibility: visible;
  opacity: 1
}

.submenu .dropitems,.dd-input,.dd-input+.dd-menu,.menu-icon,#cart-items,.main-nav-wrapper::-webkit-scrollbar,.dd-input+.order-menu,#shippingAndPaymentMobile,.products-filters-attribute-form .attribute-group:last-child button {
  display: none
}

.products-filter {
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 30px
}

.products-filter .btns button {
  margin-left: 15px;
  height: 40px
}

.dd-button,.order-button {
  display: inline-block;
  cursor: pointer;
  padding: 10px 30px 10px 20px;
  white-space: nowrap
}

.dd-menu,.order-menu {
  position: absolute;
  top: 100%;
  z-index: 3;
  margin: 2px 0 0;
  box-shadow: rgba(0,0,0,.1) 0 0 6px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  padding: 0;
  width: 400px;
  list-style-type: none
}

.dd-menu li,.order-menu li {
  cursor: pointer;
  padding: 10px 20px;
  white-space: nowrap
}

.dd-menu li:hover,.order-menu li:hover {
  background-color: #f6f6f6
}

.dd-menu li a,.order-menu li a {
  display: block;
  margin: -10px -20px;
  padding: 10px 20px
}

.dd-menu li.divider,.order-menu li.divider {
  border-bottom: 1px solid #ccc;
  padding: 0
}

.footer-pages div p:last-child,.ic.menu .line-last-child,.slick-dotted.slick-slider,.testimonials .testimonials-customer .text-style p {
  margin-bottom: 0
}

.vat-crn-sections,.store-section .social-icons {
  margin-right: -5px;
  margin-left: -5px
}

.footer-bar span,.category-image {
  padding: 5px
}

.gallery .gallery-item.bottom-row,.categories-slider .cat-col.style3:nth-of-type(2n) a {
  margin-top: 30px
}

.testimonials-customer-card .card-body,.categories .container,.footer .icons-wrapper,.products-pagination ul,.gallery-section .container,.productsAd .home-products-section.style1 .products-slider .prod-col {
  padding: 0
}

.product-item,.partners .partners-item img,body.loaded .loader.loadedLoader .loadProgress {
  width: 100%
}

.product-item .mask .imagesSlider:hover .slickPrev,
.product-item .mask .imagesSlider:hover .slickNext,
.store-section .social-icons span:hover::after,
.single-category .item:hover .category-content a,
.ggallery .gallery .gallery-item:hover .mask::after {
  opacity: 1!important;
}

.product-item .mask .imagesSlider .slickPrev,
.product-item .mask .imagesSlider .slickNext,
.product-item .mask .imagesSlider .slickPrev.slick-disabled,
.product-item .mask .imagesSlider .slickNext.slick-disabled {
  opacity: 0.5!important;
}

.filter-result,.filter-order {
  color: var(--secondary-color-alt3);
  font-weight: var(--font-weight-sizeOne);
  font-size: 1.167rem
}

.icon-filter_alt_black_24dp,.icon-sort_filter {
  color: var(--primary-color);
  font-size: 1.333rem
}

.theme-icon-primary,.theme-text-for-primary-bg {
  color: var(--text-color-primary-bg)
}

.header-theme-text-for-primary-bg,.header-theme-icon-primary {
  color: var(--header-text-color-primary-bg)
}

.single-category,.home-products-section.style1 .products-slider .prod-col {
  padding: 0 15px
}

.single-category .item .category-content a:hover,.partners .slickPrev:hover,.partners .slickNext:hover {
  background-color: #fff;
  color: var(--text-color-primary-bg)
}

.icon-shopping_cart_black_36dp-1-1,.sm-search-icon>span,.icon-menu-top>span {
  font-size: 32px
}

.icon-shopping_cart_black_36dp-1-1 .path1::before,.icon-shopping_cart_black_36dp-1-1 .path2::before,.icon-language_black_24dp .path1::before,.icon-menu_open_black_24dp-1::before {
  color: unset
}

.section-title.center,.ggallery .gallery .gallery-item.content-center .content {
  text-align: center
}

.category-page-slider .categories-slider.s-slider,.gallery-section .gallery.gallery-4 .col-md-6 .row {
  margin-right: -15px;
  margin-left: -15px
}

.ggallery .gallery .gallery-item.content-center .content a,.testimonials .testimonials-customer {
  margin: 0 auto
}

.gallery-section .gallery.gallery-3 .col-md-6:nth-of-type(2) .gallery-item .content,.gallery-section .gallery.gallery-4 .col-md-6:nth-of-type(2) .gallery-item .content {
  gap: 13.5px;
  padding: 20px;
  min-height: 152px
}

.gallery-section .gallery.gallery-3 .col-md-6:nth-of-type(2) .gallery-item .content a,.gallery-section .gallery.gallery-4 .col-md-6:nth-of-type(2) .gallery-item .content a {
  padding: 4px 0;
  width: 170px;
  font-size: 13px
}

@media(max-width: 767px) {
  .hide-mobile {
      display:none!important
  }
}

@media(max-width: 480px) {
  .whatsChat .content .footerWhats {
      font-size:13px
  }

  .whatsChat .angleDown {
      width: 319px
  }

  .whatsChat .content .bodyMsgs .messageStyle {
      max-width: 95%
  }
}

@media(max-width: 320px) {
  .whatsChat .angleDown {
      width:270px
  }
}

.cartBox {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 1002;
  transition: all .3s ease 0s;
  background-color: #fff;
  padding: 10px 0 35px;
  width: 350px;
  max-height: calc(-120px + 100vh);
  overflow: auto;
  max-width: 100%
}

.cartBox .refresh.fa-spin {
}

.cartBox.active {
  visibility: visible;
  opacity: 1;
  box-shadow: rgba(0,0,0,.03) 0 0 6px 3px
}

.cartBox .img {
  border: 1px solid #f8f8f8;
  width: 60px;
  height: 60px
}

.cartBox .img img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.cartBox .details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  padding-right: 20px;
  max-width: calc(100% - 97px);
  text-align: right
}

.cartBox .items {
  padding: 0 20px;
  max-height: 303px;
  overflow: auto!important;
  direction: ltr
}

.cartBox .items .item {
  position: relative;
  border-bottom: 1px solid #f3f3f3;
  padding: 20px 0;
  direction: rtl
}

.cartBox .items .item {
  display: flex
}

.cartBox .items .item .details .title {
  -webkit-box-orient: vertical;
  display: inline-block;
  max-width: 100%;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: var(--text-color-primary-bg);
  font-weight: 500;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.cartBox .items .item .details .title:hover {
  color: var(--primary-color)
}

.cartBox .items .item .details .price {
  display: block;
  margin: 0;
  color: #868686;
  font-size: 15px
}

.cartBox .items .item .details .count {
  margin-bottom: 0;
  color: #868686;
  font-size: 11px
}

.cartBox .items .item .details .remove {
  position: absolute;
  top: 20px;
  left: 0;
  opacity: 0;
  transition: all .3s ease 0s;
  cursor: pointer;
  border: none;
  background: 0 0;
  color: var(--text-color-primary-bg);
  font-size: 13px
}

.cartBox .items .item:hover .details .remove {
  opacity: 1
}

.cartBox .total span {
  float: left;
  font-weight: 700
}

.checkBtn,.gift-card button {
  display: block;
  border-radius: 0!important;
  background-color: var(--text-color-primary-bg);
  padding: 0;
  height: 45px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 45px;
  text-align: center
}

.gift-card {
  border-radius: 0!important
}

.gift-card button {
  background-color: var(--primary-color)!important;
  color: var(--text-color-primary-bg)!important
}

.cartBox .viewBag {
  display: inline-block;
  margin-top: 20px;
  border-bottom: 1px solid var(--text-color-primary-bg);
  padding-bottom: 2px;
  color: var(--text-color-primary-bg);
  font-size: 15px
}

.cartBox .footerSub {
  padding: 15px 20px 40px
}

.cartBox .footerSub .checkBtn {
  margin-top: 15px
}

.message-coupon {
  position: relative;
  background-color: #f8f8f8;
  padding: 15px 15px 15px 35px;
  color: #f25f5f;
  font-weight: 600
}

.message-coupon .removeCoupon {
  position: absolute;
  top: 9px;
  left: 15px;
  background: 0 0!important;
  padding: 0!important;
  width: auto;
  height: auto;
  color: #000!important;
  font-size: 23px
}

.coupon-form h4 {
  margin-bottom: 15px;
  color: var(--text-color-primary-bg);
  font-weight: 600;
  font-size: 16px
}

.coupon-form input {
  border: 1px solid #f1f1f1;
  border-radius: 0
}

.coupon-form input:focus {
  outline: none;
  border-color: #f1f1f1
}

.coupon-form button {
  cursor: pointer;
  margin: 0;
  border-top: 1px solid #f8f8f8;
  border-right: none!important;
  border-bottom: 1px solid #f8f8f8;
  border-left: 1px solid #f8f8f8;
  border-radius: 0;
  border-image: initial;
  background: var(--primary-color)!important;
  padding: 13px 10px !important;
  width: 100px;
  height: 100%;
  color: #fff;
  font-weight: 700
}

.header-wrapper {
  margin-bottom: 25px;
  border-radius: 3px;
  background-color: #f8f8f8;
  padding: 15px;
  color: var(--text-color-primary-bg);
  font-weight: 600;
  font-size: 16px
}

.section-cart-products-row,.cart-product-row {
  margin-right: -5px;
  margin-left: -5px;
  width: 100%
}

.section-cart-products-col-1,.section-cart-products-col-2,.section-cart-products-col-3,.section-cart-products-col-4,.section-cart-products-col-5,.cart-product-delete,.cart-products-action,.cart-product-prices,.cart-product-col-details,.cart-product-col-img {
  padding-right: 5px;
  padding-left: 5px
}

.section-cart-products-col-1,.cart-product-delete {
  flex-shrink: 0;
  width: 6%
}

.section-cart-products-col-2 {
  width: 40%
}

.section-cart-products-col-3,.cart-products-action {
  flex-shrink: 0;
  width: 15%
}

.section-cart-products-col-4,.cart-product-prices {
  flex-shrink: 0;
  width: 22%
}

.cart-product-row {
  display: flex;
  align-items: center;
  padding: 15px;
  width: 100%
}

.cart-product-col-img {
  box-shadow: rgba(0,0,0,.03) 0 0 6px 3px;
  border: 1px solid #f8f8f8;
  padding: 0!important;
  width: 60px;
  height: 60px
}

.cart-product-col-img img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.cart-product-col-details {
  flex-grow: 1
}

.icon-delete::before {
  content: "\f00d";
  font-weight: 700;
  font-size: 16px;
  font: normal normal normal 14px/1 FontAwesome
}

.cart-product-col-details {
  display: flex;
  align-items: center;
  padding: 10px
}

.cart-product-col-details a {
  font-size: 14px
}

.cart-products-action .form-group {
  margin: 0
}

.cart-product-delete a {
  cursor: pointer
}

.cart-product-row-wrapper {
  margin-top: 10px;
  border: 1px solid #f8f8f8;
  border-radius: 3px;
  padding: 5px 15px
}

.cart-product-col-details h1 {
  font-size: 1.4rem
}

.cart-product-col-details h1 a {
  color: inherit
}

.cart-product-prices .totals {
  color: var(--primary-color);
  font-weight: 700;
  font-size: 1.12rem
}

.prefix {
  display: none!important
}

.custom-field-row * {
  display: inline-block
}

.cart-product-total-before-price {
  display: block;
  color: #ccc;
  font-size: 11px
}

.cart-product-total-price {
  display: inline-block
}

.section-cart-totals-row {
  padding-right: 5px;
  padding-left: 5px;
  font-size: 16px
}

.section-cart-totals-row>* {
  padding-right: 7px;
  padding-left: 7px
}

.cart-totals-row-wrapper {
  display: flex;
  border-radius: 0;
  padding: 10px 15px
}

.cart-totals-row-wrapper .flex-shrink-0 {
  font-weight: 700;
  text-align: left
}

.cart-product-quantity-dropdown label {
  display: none
}

.cart-product-quantity-dropdown select {
  outline: none;
  border: 2px solid #f8f8f8;
  border-radius: 0;
  padding: 0 15px;
  min-width: 55px;
  height: 35px;
  cursor: pointer
}

.message-coupon>* {
  display: inline-block
}

.cart-discount-rule-wrapper {
  margin-top: 10px;
  border: 1px solid #f1f1f1;
  padding: 10px
}

.cart-discount-rule-wrapper .message {
  color: #000;
  font-size: 1.2rem;
  margin-bottom: 15px;
  font-weight: 700
}

.cart-discount-rule-wrapper .progress-bar {
  border-radius: 30px
}

.cart-totals-div {
  font-size: 1.1rem
}

.header-wrapper {
  display: block
}

.cart-product-error-messages {
  margin: 10px;
  border-radius: 3px;
  background-color: #f8f8f8;
  padding: 10px 15px 15px;
  color: #f25f5f;
  font-weight: 700;
  text-align: center
}

.cart-product-price-each>span {
  display: inline-block
}

.btn-disabled {
  border-color: #ccc;
  background-color: #ccc
}

.cart-product-delete a {
  color: inherit
}

.discount-progress .text-color-primary {
  color: var(--primary-color)
}

.discount-progress .border-color-primary {
  border-color: var(--primary-color)
}

.cart-gift-card {
  margin-top: 1rem;
  border-radius: 8px;
  background-color: #f1f1f1;
  padding: 1rem
}

.cart-products-with-totals .gift-card .gift-card__button {
  background-color: var(--text-color-primary-bg)!important;
  padding: 0 15px!important;
  height: 35px!important;
  color: #fff!important;
  font-weight: 600;
  line-height: 30px
}

.gift-card .gift-card__button.btn-outline-primary:hover,.gift-card .gift-card__button.btn-outline-primary.active {
  border: 2px solid var(--text-color-primary-bg)!important;
  color: var(--text-color-primary-bg)!important
}

.paddingPage {
  padding: 70px 0
}

.cart-empty {
  padding-top: 26px;
  padding-bottom: 48px;
  text-align: center
}

.cart-empty .cart-icon img {
  margin-bottom: 25px;
  width: 150px
}

.header .cart-empty .cart-icon img {
  width: 90px
}

.cart-empty h1 {
  margin-bottom: 35px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 18px
}

.cart-empty .btnEmpty {
  background-color: var(--text-color-primary-bg);
  padding: 13px 50px 15px;
  color: #fff;
  font-weight: 600
}

.cartBox .loading {
  padding: 50px 0;
  text-align: center
}

.cartBox .loading .spinner img {
  width: 50px
}

.adModal .modal-dialog {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  margin: 0;
  width: 100%;
  max-width: 100%;
  height: 100%
}

.adModal .modal-content {
  border-radius: 0;
  max-width: 800px
}

.adModal .modal-content .close {
  position: absolute;
  top: -35px;
  left: 0;
  opacity: 1;
  z-index: 99;
  color: #fff;
  font-size: 25px
}

.adModal .modal-content .close:hover,.adModal .modal-content .close:focus {
  color: #fff
}

.adModal .ggallery .gallery .gallery-item {
  margin-bottom: 0
}

.adModal .ggallery .gallery .gallery-item .content {
  gap: 25px;
  margin-bottom: 0px;
  min-height: 450px;
  text-align: right;
}

.adModal .ggallery .gallery .gallery-item.content-center .content {
  align-items: center;
  text-align: center;
}

.adModal .ggallery .gallery .gallery-item .content h2 {
  font-size: 3rem;
  overflow: unset;
  text-overflow: ellipsis;
  white-space: normal;
}

.breadcrumb-section {
  background: var(--bread-bg);
  padding: 60px 0;
  position:relative;
  z-index:1;
  min-height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.breadcrumb-section.withBg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-section.withBg:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  z-index:-1;
}

.breadcrumb-section .container {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  text-align: center
}

.breadcrumb-section img {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  display: block;
  margin: 0 auto 20px
}

.breadcrumb-section .bread-title {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 66px;
  color: var(--bread-text-color);
  font-weight: 600;
  font-size: 27px
}

.breadcrumb-section .bread-title:after,.breadcrumb-section .bread-title:before {
  position: absolute;
  top: calc(50% + 2px);
  right: 0;
  animation: 3s infinite toggleBread1;
  background-color: var(--primary-color);
  width: 15px;
  height: 2px;
  content: ""
}

.breadcrumb-section .bread-title:after {
  right: unset;
  bottom: 5px;
  left: 0;
  width: 25px
}

@keyframes toggleBread1 {
  0% {
      width: 25px
  }

  50% {
      width: 50px
  }

  100% {
      width: 25px
  }
}

.breadcrumb-section .des {
  margin: 20px auto 0;
  max-width: 420px;
  font-size: 14px
}

.breadcrumb-section.withBg .des {
  color:var(--bread-text-color-with-bg)
}

.breadcrumb-section.withBg .bread-title {
  color:var(--bread-text-color-with-bg)
}

.breadcrumb-section .subTitle-detail {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  margin-top:20px;
}

.breadcrumb-section .subTitle-detail li {
  list-style-type: none
}

.breadcrumb-item+.breadcrumb-item::before {
  padding: 0 10px;
  color: var(--bread-text-color)
}

.breadcrumb-section .subTitle-detail li a {
  margin: 0;
  padding: 0;
  color: var(--bread-text-color)
}

.breadcrumb-section.withBg .breadcrumb-item+.breadcrumb-item::before {
  color:var(--bread-text-color-with-bg)
}

.breadcrumb-section.withBg .subTitle-detail li a {
  color:var(--bread-text-color-with-bg)
}

.breadcrumb-section .breadcrumb-item.active {
  color: var(--bread-text-color);
  font-weight: 600
}

.breadcrumb-section.withBg .breadcrumb-item.active {
  color:var(--bread-text-color-with-bg)
}

.categoriesPage {
  padding-top: 100px
}

.categoriesPage .categories-slider .category-item {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  width: 100%;
  max-width: 100%
}

.categoriesPage .categories-slider .category-item .parentItem {
  align-content: center;
  border-color: #f1f1f1;
  background-color: #fdfdfd;
  padding: 25px 15px;
  width: 100%;
  height: 100%
}

.categoriesPage .categories-slider .category-item:hover .parentItem {
  border-color: var(--primary-color)
}

.categoriesPage .categories-slider .category-item .parentItem .title {
  display: inline-block;
  margin: 0;
  width: 100%
}

.categoriesPage .categories-slider .category-item .parentItem .sub-cat {
  padding: 0;
  text-align: right
}

.categoriesPage .categories-slider .category-item .parentItem .sub-cat p {
  display: inline-block;
  position: relative;
  margin: 5px;
  padding-right: 10px;
  text-align: right
}

.categoriesPage .categories-slider .category-item .parentItem .sub-cat p:hover {
  color: var(--primary-color)
}

.categoriesPage .categories-slider .category-item .parentItem .sub-cat p:before {
  position: absolute;
  top: 2px;
  right: 0;
  transition: all .3s;
  content: "\f104";
  font: normal normal normal 14px/1 FontAwesome
}

.form-products-filter .title {
  display: block;
  margin-bottom: 15px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 15px
}

.form-products-filter .btns button {
  border: 1px solid var(--text-color-primary-bg);
  border-radius: 0;
  background: var(--text-color-primary-bg);
  padding: 0 20px;
  padding-bottom: 2px;
  height: 35px;
  color: #fff
}

.form-products-filter .btns button:hover {
  background-color: #fff;
  color: var(--text-color-primary-bg)
}

.selectStyle {
  position: relative;
  cursor: pointer;
  margin: 10px 0;
  padding-right: 25px;
  overflow: hidden;
  color: var(--text-color-primary-bg);
  font-size: 14px
}

.selectStyle input {
  display: inline;
  position: absolute;
  right: -100%;
  margin-bottom: 5px;
  width: auto;
  height: auto
}

.selectStyle input:checked+.custom-checkmark:after {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 15px;
  height: 15px;
  content: "\f00c";
  color: var(--primary-color);
  font: normal 12px/16px FontAwesome;
  text-align: center
}

.selectStyle .custom-checkmark {
  display: block;
  position: absolute;
  top: 3px;
  right: 0;
  outline: none;
  border: 2px solid var(--primary-color);
  background: #fff;
  width: 15px;
  height: 15px
}

.products-container .empty {
  padding: 50px 0 0;
  text-align: center
}

.products-container .empty img {
  max-width: 100%
}

.products-container .empty span {
  display: block;
  margin-top: 25px;
  font-weight: 700;
  font-size: 20px
}

.products-filters-attribute-form .attribute-group {
  margin-bottom: 15px;
  border: 1px solid #f1f1f1;
  border-radius: 0;
  padding-bottom: 10px
}

.filtration-header,.filtration-header,.product-attributes,.product-attributes-light-box {
  position: relative!important
}

.filtration-header span {
  display: block;
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 8px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 15px
}

.filtration-header span:before {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: var(--text-color-primary-bg);
  width: 20px;
  height: 2px;
  content: ""
}

.products-filters-attribute-form .form-group label {
  display: block;
  min-height: 23px
}

.attributes-submit {
  padding-left: 0!important
}

.attributes-submit button {
  border: 1px solid var(--text-color-primary-bg);
  border-radius: 0;
  background: var(--text-color-primary-bg);
  padding: 0 20px;
  padding-bottom: 2px;
  width: 100%;
  height: 40px;
  color: #fff;
  margin-bottom:15px;
  cursor: pointer;
  font-size: 14px
}

.attributes-submit button:hover {
  background-color: #fff;
  color: var(--text-color-primary-bg)
}

.fullfilter {
  position: relative
}

.product-attributes {
  padding-left: 0!important;
  width: 100%!important
}

.fullfilter .count-products {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 1
}

.fullfilter .count-products .cols {
  display: flex;
  gap: 5px
}

.fullfilter .count-products .cols button {
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px
}

#modal-select-destination-city .modal-select-destination-city-content {
  border: none!important
}

#modal-select-destination-city .modal-dialog {
  max-width: 450px
}

#modal-select-destination-city .dropdwn .destination-shipping-language {
  display: block;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 16px
}

#modal-select-destination-city .dropbtn {
  position: relative;
  cursor: pointer;
  background-color: #f9f9f9!important;
  text-align: right
}

#modal-select-destination-city .dropbtn::after {
  top: 23px!important
}

#modal-select-destination-city .dropdwn-content {
  top: calc(100% + 5px);
  border-color: #f1f1f1!important;
  background-color: #f9f9f9!important
}

#modal-select-destination-city .dropdwn-content span {
  cursor: pointer;
  border-color: #f1f1f1!important;
  background: #f9f9f9
}

#modal-select-destination-city #modal-select-destination-city-save {
  transition: all .3s;
  margin: 10px 0 30px;
  background: var(--text-color-primary-bg);
  width: 100%;
  max-width: 100%;
  height: 40px;
  color: #fff;
  font-weight: 700;
  font-size: 14px
}

#modal-select-destination-city #modal-select-destination-city-save:hover {
  background: var(--primary-color);
  color: var(--text-color-primary-bg)
}

.pageStyle {
  padding: 70px 0
}

.shippingPage {
  padding: 70px 0
}

.shippingPage .profile-section {
  background-color: #fff!important;
  padding-top: 0!important
}

.shippingPage .shippingFlex {
  gap: 30px
}

.shippingPage .profile-section .profile-item {
  cursor: pointer;
  padding: 0
}

.shippingPage .profile-section .profile-item .profile-row {
  margin: 0;
  border-bottom: 1px solid #e9e9e9;
  border-radius: 0;
  padding: 30px
}

.shippingPage .profile-section .profile-item .profile-row.active {
  boder-color: var(--primary-color);
  background-color: #f9f9f9
}

.shippingPage .profile-section .profile-item .profile-item-image {
  display: none
}

.shippingPage .profile-section .profile-item .profile-item-title {
  display: block;
  margin-bottom: 5px!important;
  font-weight: 700;
  font-size: 14px
}

.shippingPage .profile-section .profile-item .profile-item-description,.shippingPage .profile-section .profile-item .profile-item-description p,.shippingPage .account-content,.shippingPage .tab-content-shipping .card-table {
  margin: 0
}

.shippingPage .card-table {
  border: 1px solid #f1f1f1;
  width: 100%
}

.shippingPage .card-table thead th {
  background-color: #f9f9f9
}

.shippingPage .card-table thead th {
  margin-bottom: 15px;
  border-radius: 0;
  color: var(--text-color-primary-bg);
  font-weight: 600
}

.shippingPage .card-table thead th,.shippingPage .card-table tbody td {
  border-bottom: 1px solid #f1f1f1;
  padding: 15px;
  text-align: center
}

.shippingPage .card-table tbody .name {
  color: var(--text-color-primary-bg);
  font-weight: 700
}

.shippingPage .card-table tbody .name img {
  display: block!important;
  margin: 0 auto 10px
}

.profilePage .flex-grow-1 {
  border: 1px solid #e9e9e9;
  padding: 25px
}

.profilePage .bread-title {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 20px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 17px
}

.profilePage .bread-title:after {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: var(--primary-color);
  width: 25px;
  height: 3px;
  content: ""
}

.profilePage h2 {
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 17px
}

.profilePage .mazeed-badge {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 50px auto 0;
  padding: 20px;
  max-width: 100%
}

.mazeed-badge .mazeed-description {
  padding: 0!important
}

.profilePage hr {
  margin: 20px 0;
  border-top-color: #e9e9e9
}

.profilePage .aaddress-personal-btn,.profilePage button {
  border: none;
  border-radius: 30px;
  background-color: #1f1f1f;
  padding: 0 35px;
  height: 38px;
  color: #fff;
  font-weight: 700;
  line-height: 38px
}

.profilePage button:hover,.profilePage button:focus {
  background-color: var(--primary-color)!important;
  color: var(--text-color-primary-bg)!important
}

.profilePage .logout button,.profilePage #btn_profile_delete_account {
  margin-right: auto;
  width: 100%;
  height: 45px;
  line-height: 45px
}

.profilePage .card-personal {
  transition: all .3s;
  border-radius: 0;
  padding: 20px
}

.profilePage .card-personal:hover {
  border-color: var(--primary-color)
}

.profilePage .card-table-header {
  background-color: #f9f9f9;
  padding: 15px;
  color: var(--text-color-primary-bg);
  font-weight: 700
}

.ZoomContainer {
  z-index: 98!important
}

.zoomLens {
  border-color: #f1f1f1!important
}

.zoomWindow {
  margin: 0 5px;
  border-color: #f1f1f1!important
}

#related-products.products-slider .out-of-stock-label {
  left: -100%;
  min-width: 84px;
  transition: .3s ease;
  position: relative;
  top: auto;
  right: auto;
}

#related-products.products-slider .product-item:hover .out-of-stock-label {
  left: 0
}

.products-details-page .out-of-stock-label {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
  border-bottom-right-radius: 0;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  line-height: 32px;
  text-align: center;
  font-weight: 700;
  background-color: #fff;
  color: #f25f5f
}

.product-features .bundle-offer-section .bundle-offer-title {
  padding: 0 10px;
  border-radius: 20px;
  height: 30px;
  background-color: #f25f5f;
  color: #fff;
  font-weight: 700;
  display: inline-block;
  line-height: 30px
}

.product-features .bundle-offer-section .bundle-offer-title i {
  color: #fff;
  font-size: 16px;
  margin-left: 5px;
  position: relative;
  top: 1px
}

.prodPage {
  padding-top: 70px;
  padding-bottom: 0
}

.products-details-page .carousel {
  position: relative
}

.products-details-page .products-details {
  margin-top: 3rem
}

.products-details-page #product-images-slick img {
  cursor: pointer;
  min-width: 100%;
  max-height: 600px;
  object-fit: cover
}

.products-details-page #carousel-thumbs {
  padding: 0 50px
}

.products-details-page #carousel-thumbs img:hover {
  opacity: 100%
}

.products-details-page #carousel-thumbs img {
  opacity: 80%;
  cursor: pointer;
  border: 3px solid transparent
}

.products-details-page #carousel-thumbs .selected img {
  opacity: 100%
}

.products-details-page .carousel-control-prev,.products-details-page .carousel-control-next {
  width: 44px;
  height: 44px
}

.products-details-page .carousel-fullscreen-icon {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 4;
  background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjgwKScgIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZD0nTTEuNSAxYS41LjUgMCAwIDAtLjUuNXY0YS41LjUgMCAwIDEtMSAwdi00QTEuNSAxLjUgMCAwIDEgMS41IDBoNGEuNS41IDAgMCAxIDAgMWgtNHpNMTAgLjVhLjUuNSAwIDAgMSAuNS0uNWg0QTEuNSAxLjUgMCAwIDEgMTYgMS41djRhLjUuNSAwIDAgMS0xIDB2LTRhLjUuNSAwIDAgMC0uNS0uNWgtNGEuNS41IDAgMCAxLS41LS41ek0uNSAxMGEuNS41IDAgMCAxIC41LjV2NGEuNS41IDAgMCAwIC41LjVoNGEuNS41IDAgMCAxIDAgMWgtNEExLjUgMS41IDAgMCAxIDAgMTQuNXYtNGEuNS41IDAgMCAxIC41LS41em0xNSAwYS41LjUgMCAwIDEgLjUuNXY0YTEuNSAxLjUgMCAwIDEtMS41IDEuNWgtNGEuNS41IDAgMCAxIDAtMWg0YS41LjUgMCAwIDAgLjUtLjV2LTRhLjUuNSAwIDAgMSAuNS0uNXonIC8+PC9zdmc+);
  width: 1.75rem;
  height: 1.75rem
}

.products-details-page .carousel-fullscreen-icon:hover {
  background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J3JnYigyNTUsMjU1LDI1NSknIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZD0nTTEuNSAxYS41LjUgMCAwIDAtLjUuNXY0YS41LjUgMCAwIDEtMSAwdi00QTEuNSAxLjUgMCAwIDEgMS41IDBoNGEuNS41IDAgMCAxIDAgMWgtNHpNMTAgLjVhLjUuNSAwIDAgMSAuNS0uNWg0QTEuNSAxLjUgMCAwIDEgMTYgMS41djRhLjUuNSAwIDAgMS0xIDB2LTRhLjUuNSAwIDAgMC0uNS0uNWgtNGEuNS41IDAgMCAxLS41LS41ek0uNSAxMGEuNS41IDAgMCAxIC41LjV2NGEuNS41IDAgMCAwIC41LjVoNGEuNS41IDAgMCAxIDAgMWgtNEExLjUgMS41IDAgMCAxIDAgMTQuNXYtNGEuNS41IDAgMCAxIC41LS41em0xNSAwYS41LjUgMCAwIDEgLjUuNXY0YTEuNSAxLjUgMCAwIDEtMS41IDEuNWgtNGEuNS41IDAgMCAxIDAtMWg0YS41LjUgMCAwIDAgLjUtLjV2LTRhLjUuNSAwIDAgMSAuNS0uNXonIC8+PC9zdmc+)
}

.products-details-page .pause .carousel-pause-icon {
  position: absolute;
  top: 3.75rem;
  left: 1rem;
  z-index: 4;
  background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjgwKScgIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZD0nTTE2IDhBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgMHpNNi4yNSA1QzUuNTYgNSA1IDUuNTYgNSA2LjI1djMuNWExLjI1IDEuMjUgMCAxIDAgMi41IDB2LTMuNUM3LjUgNS41NiA2Ljk0IDUgNi4yNSA1em0zLjUgMGMtLjY5IDAtMS4yNS41Ni0xLjI1IDEuMjV2My41YTEuMjUgMS4yNSAwIDEgMCAyLjUgMHYtMy41QzExIDUuNTYgMTAuNDQgNSA5Ljc1IDV6JyAvPjwvc3ZnPg==);
  width: 1.75rem;
  height: 1.75rem
}

.products-details-page .pause .carousel-pause-icon:hover {
  background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J3JnYigyNTUsMjU1LDI1NSknICB2aWV3Qm94PScwIDAgMTYgMTYnPjxwYXRoIGQ9J00xNiA4QTggOCAwIDEgMSAwIDhhOCA4IDAgMCAxIDE2IDB6TTYuMjUgNUM1LjU2IDUgNSA1LjU2IDUgNi4yNXYzLjVhMS4yNSAxLjI1IDAgMSAwIDIuNSAwdi0zLjVDNy41IDUuNTYgNi45NCA1IDYuMjUgNXptMy41IDBjLS42OSAwLTEuMjUuNTYtMS4yNSAxLjI1djMuNWExLjI1IDEuMjUgMCAxIDAgMi41IDB2LTMuNUMxMSA1LjU2IDEwLjQ0IDUgOS43NSA1eicgLz48L3N2Zz4=)
}

.products-details-page .play .carousel-pause-icon {
  position: absolute;
  top: 3.75rem;
  left: 1rem;
  z-index: 4;
  background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjgwKScgIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZD0nTTE2IDhBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgMHpNNi43OSA1LjA5M0EuNS41IDAgMCAwIDYgNS41djVhLjUuNSAwIDAgMCAuNzkuNDA3bDMuNS0yLjVhLjUuNSAwIDAgMCAwLS44MTRsLTMuNS0yLjV6JyAvPjwvc3ZnPg==);
  width: 1.75rem;
  height: 1.75rem
}

.products-details-page .play .carousel-pause-icon:hover {
  background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J3JnYigyNTUsMjU1LDI1NSknICB2aWV3Qm94PScwIDAgMTYgMTYnPjxwYXRoIGQ9J00xNiA4QTggOCAwIDEgMSAwIDhhOCA4IDAgMCAxIDE2IDB6TTYuNzkgNS4wOTNBLjUuNSAwIDAgMCA2IDUuNXY1YS41LjUgMCAwIDAgLjc5LjQwN2wzLjUtMi41YS41LjUgMCAwIDAgMC0uODE0bC0zLjUtMi41eicgLz48L3N2Zz4=)
}

.products-details-page #carousel-thumbs .carousel-control-prev-icon {
  background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J3JnYmEoMCwwLDAsLjYwKScgdmlld0JveD0nMCAwIDggOCc+PHBhdGggZD0nTTUuMjUgMGwtNCA0IDQgNCAxLjUtMS41LTIuNS0yLjUgMi41LTIuNS0xLjUtMS41eicvPjwvc3ZnPg==)!important
}

.products-details-page #carousel-thumbs .carousel-control-next-icon {
  background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J2AwMDAnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGQ9J00yLjc1IDBsLTEuNSAxLjUgMi41IDIuNS0yLjUgMi41IDEuNSAxLjUgNC00LTQtNHonLz48L3N2Zz4=)!important
}

.products-details-page .modal-content {
  border: none
}

.products-details-page #lightbox-container-image img {
  width: auto;
  max-height: 520px
}

.products-details-page .lg-thumbs {
  margin-right: -7.5px;
  margin-bottom: 25px;
  margin-left: -7.5px
}

.products-details-page .lg-thumbs a {
  cursor: pointer
}

.products-details-page .lg-thumbs img,.carousel-img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain
}

.products-details-page .lg-thumbs .col-3 {
  flex: 0 0 20%;
  margin-top: 15px;
  padding-right: 7.5px;
  padding-left: 7.5px;
  max-width: 20%
}

.products-details-page .lg-thumbs .row {
  margin-right: 7.5px;
  margin-left: 7.5px
}

.products-details-page .carousel-fullscreen-control {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background-color: #e1e1e1;
  width: 44px;
  height: 44px
}

.products-details-page h4 {
  font-size: 1.3rem
}

.products-details-page h4 del {
  color: #868686
}

#product-custom-user-dropdown-fields label {
  display: block;
  color: var(--text-color-primary-bg)
}

#product-custom-user-dropdown-fields select,.select-quantity-div select {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  appearance: none;
  cursor: pointer;
  outline: none;
  border-color: #f1f1f1;
  border-radius: 3px;
  background-color: transparent;
  padding: 10px 15px;
  width: 100%;
  height: auto
}

#product-custom-user-dropdown-fields>div.form-group>div,.select-quantity-div>div.form-group>div {
  position: relative
}

#product-custom-user-dropdown-fields>div.form-group>div:after,.select-quantity-div>div.form-group>div:after {
  position: absolute;
  bottom: 0;
  left: 0;
  border-right: 1px solid #f1f1f1;
  padding: 5px 8px;
  width: 40px;
  height: 40px;
  pointer-events: none;
  content: "\f107";
  color: #333;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  line-height: 35px;
  text-align: center
}

.select-quantity-div div.form-group>div:after {
  right: unset;
  left: 0;
  border-right: 1px solid #f1f1f1;
  border-left: 0
}

.select-quantity-div>div.form-group {
  width: 100px
}

.select-quantity-div>div.form-group>div:after {
  top: 0
}

.tooltip-info-icon {
  color: var(--secondary-color-alt3);
  font-size: 1.5rem
}

.card-table {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 72px
}

.card-table-header {
  background-color: var(--secondary-color-alt4);
  color: var(--secondary-color-alt3);
  font-weight: var(--font-weight-sizeOne);
  font-size: 1.167rem
}

.card-text-color {
  color: var(--secondary-color-alt3);
  font-weight: var(--font-weight-sizeOne);
  font-size: 1.333rem
}

.card-price {
  margin: 10px 20px;
  color: var(--primary-color);
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 1.333rem
}

.card-body {
  padding: 10px
}

.variant-image-wrapper {
  margin-right: 10px;
  width: 60px
}

.variant-image-wrapper img {
  object-fit: contain
}

.add-review-btn {
  margin-left: 15px
}

.icon-star1,.icon-border-star {
  margin-top: 1px;
  margin-right: 2px;
  margin-left: 2px
}

.icon-star1.deactive:before {
  color: #ccc
}

.rating_count_5,.rating_count_4,.rating_count_3,.rating_count_2,.rating_count_1 {
  width: 25px
}

.user-review-date {
  margin-left: auto
}

.card-name-customer {
  margin: 0 2px;
  font-size: 1.22rem
}

.user-review-text {
  margin-left: 50px;
  color: #484848
}

.card-review .icon-account_circle {
  width: 40px;
  color: #a8a8a8;
  font-size: 40px
}

.card-review .card-name {
  margin-left: 10px
}

.product-social i {
  color: var(--primary-color);
  font-size: 20px
}

.product-social {
  margin-right: -7.5px;
  margin-left: -7.5px
}

.product-social a {
  padding: 0 7.5px
}

.add-review-btn {
  background-color: var(--primary-color);
  color: var(--text-color-primary-bg)
}

.btn-add-to-cart {
  border-radius: 5px;
  background-color: var(--primary-color);
  padding: 10px;
  width: 100%;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 1.4rem;
  cursor: pointer;
}

.border-product {
  margin-top: 20px
}

.options-table .col {
  flex-basis: 0
}

.options-table .m-col {
  margin: 5px 0
}

.rating-section {
  margin-top: 15px;
  margin-bottom: 15px
}

.rating-section-top {
  margin-top: 0;
  margin-bottom: 0
}

.rating-section h4 {
  margin: 0;
  margin-left: 4px;
  font-weight: 400;
  font-size: 1rem
}

.review-details .rating-section {
  margin-left: 15px
}

.rating-average {
  margin: 0;
  min-width: 80px;
  font-size: 2rem!important
}

.product-features {
  margin-right: -7.5px;
  margin-bottom: 15px;
  margin-left: -7.5px
}

.product-features>div {
  padding-right: 7.5px;
  padding-left: 7.5px
}

.form-notify-me {
  border: 1px solid var(--primary-color);
  border-radius: 3px;
  padding: 15px
}

.btn-send-notify {
  width: 100px;
  border-radius:0!important;
  height:60px;
  font-weight:700;
}

.products-details-page .slick-dots {
  display: none!important
}

.products-details-page .slick-arrow {
  opacity: .5;
  z-index: 2;
  border-radius: 50%;
  background-color: rgba(204,204,204,.7)
}

.products-details-page .slick-next.slick-arrow>span,.products-details-page .slick-prev.slick-arrow>span {
  color: #fff
}

.products-details-page .slick-prev {
  left: 0
}

[dir=rtl] .products-details-page .slick-prev {
  right: 0;
  left: auto
}

.products-details-page .slick-next {
  right: 0
}

[dir=rtl] .products-details-page .slick-next {
  right: auto;
  left: 0
}

.col-product-info {
  padding-top: 0
}

.col-product-info-single-image {
  padding-top: 0
}

.col-product-image-wrapper {
  padding-right: 15px;
  padding-left: 15px
}

#product-custom-user-input-fields .file-label {
  margin-bottom: 0
}

#product-custom-user-input-fields .icon-close::after {
  cursor: pointer;
  content: "\f05c";
  font-size: 18px
}

.product-images-carousel-init {
  overflow: hidden
}

.size-box #product-variants-options ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.size-box #product-variants-options ul li {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 10px;
  margin-left: 10px;
  border: 1px solid #efefef;
  padding: 5px 10px;
  width: auto;
  text-align: center
}

.size-box #product-variants-options ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #222;
  font-size: 18px
}

.size-box #product-variants-options ul li.active {
  border: 1px solid var(--primary-color);
  color: var(--primary-color)
}

.tabby-product-widget .tabby-promo-snippet {
  font-family: inherit
}

.tableDetails {
  border-bottom: 1px solid #ebebeb;
  padding-top: 50px
}

.tableDetails .tab-btns {
  margin-bottom: 0;
  padding-right: 0
}

.tableDetails .tab-btns li {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  float: right;
  transition: all .3s;
  cursor: pointer;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color: #f9f9f9;
  padding: 0 35px;
  height: 55px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 17px;
  line-height: 50px;
  list-style: none;
  text-align: center
}

.tableDetails .tab-btns li:not(:last-of-type) {
  margin-left: 15px
}

.tableDetails .tab-btns li.active {
  background-color: var(--primary-color);
  color: var(--text-color-primary-bg)
}

.tableDetails .table {
  margin-bottom: 0;
  background-color: #f9f9f9;
  padding: 50px 0
}

.tableDetails .table .tab:not(:first-of-type) {
  display: none
}

.tableDetails .table .tab p {
  margin-bottom: 20px;
  color: var(--text-color-primary-bg);
  font-size: 15px;
  line-height: 25px;
  text-align: justify
}

.tableDetails .table .tab p.customer {
  text-align: right
}

.tableDetails .table table {
  display: table;
  border: 1px solid #e2e2e2;
  background-color: #fff;
  width: 100%
}

.tableDetails .table table thead {
  border-bottom: 1px solid #e2e2e2
}

.tableDetails .table table thead th {
  border-top: none;
  padding: 20px 0;
  color: var(--text-color-primary-bg);
  font-size: 17px;
  text-align: center
}

.tableDetails .table table thead th:not(:last-of-type) {
  border-left: 1px solid #e2e2e2
}

.tableDetails .table .parg {
  width: 40%
}

.tableDetails .table table tbody td {
  vertical-align: middle;
  padding: 20px;
  color: var(--text-color-primary-bg);
  font-size: 15px;
  text-align: center
}

.tableDetails .table table tbody td:not(:last-of-type) {
  border-left: 1px solid #e2e2e2
}

.tableDetails .table table .variant-image-wrapper {
  display: inline-block;
  cursor: pointer;
  margin: 0 5px
}

.tableDetails .table table .images img {
  width: 50px;
  height: auto;
  object-fit: contain
}

.tableDetails .table table .tags span {
  display: inline-block;
  margin: 0 5px 5px;
  border: 1px solid var(--primary-color);
  padding: 5px 7px;
  font-size: 12px
}

.tableDetails .addHead {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  border: 1px solid #f1f1f1;
  background-color: #fff;
  padding: 50px
}

.tableDetails .addHead .rightSection {
  display: flex;
  align-items: center;
  width: 33.3333%
}

.tableDetails .addHead .rightSection .circleRate {
  display: block;
  margin-left: 15px;
  border: 1px solid #f1f1f1;
  border-radius: 50%;
  background-color: #fff;
  width: 95px;
  height: 95px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 25px;
  line-height: 95px;
  text-align: center
}

.tableDetails .addHead .rightSection .details {
  display: flex;
  flex-direction: column;
  float: right;
  gap: 10px
}

.tableDetails .addHead .rightSection .details .rateOff {
  margin-bottom: 5px
}

.tableDetails .addHead .rightSection .details .rateOff img {
  width: 23px
}

.tableDetails .addHead .rightSection .details span {
  display: inline-block;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 16px
}

.tableDetails .addHead .rightSection .details span.fa {
  color: #ffaa17
}

.tableDetails .addHead .rightSection .details span.totalRate {
  display: block;
  color: var(--text-color-primary-bg);
  font-size: 16px
}

.tableDetails .addHead .centerSection {
  width: 33.3333%
}

.tableDetails .addHead .centerSection .progressDiv {
  display: flex;
  align-items: center;
  margin-bottom: 5px
}

.tableDetails .addHead .centerSection .progressDiv .stars {
  display: block;
  margin-right: 15px;
  width: 25%;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 14px
}

.tableDetails .addHead .centerSection .progressDiv .progress {
  border: none;
  border-radius: 30px;
  background-color: #efefef;
  width: 48%
}

.tableDetails .addHead .centerSection .progressDiv .numb {
  width: 17%;
  color: #868686;
  font-weight: 700;
  font-size: 16px;
  text-align: center
}

.tableDetails .addHead .centerSection .progress {
  height: 15px
}

.tableDetails .addHead .centerSection .progress-bar {
  box-shadow: none;
  background-color: #fead00
}

.tableDetails .addHead .leftSection {
  width: 33.33333%;
  text-align: center
}

.tableDetails .addHead .leftSection .titleRate {
  margin-bottom: 20px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 23px
}

.tableDetails .addHead .leftSection .add-review {
  transition: all .3s;
  cursor: pointer;
  border: none;
  border-radius: 30px;
  background-color: var(--text-color-primary-bg);
  width: 150px;
  height: 40px;
  color: #fff;
  font-weight: 700
}

.tableDetails .addHead .leftSection .add-review:hover {
  background-color: var(--primary-color);
  color: vart(--text-color-primary-bg)
}

.tableDetails .addHead .leftSection .rateComment img {
  width: 38px
}

.tableDetails .rateContainer {
  margin-bottom: 10px;
  border: 1px solid #f1f1f1;
  background-color: #fff;
  padding: 30px
}

.tableDetails .rateContainer .titleContainer {
  margin-bottom: 30px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 25px
}

.tableDetails .rateContainer .comment:not(:last-of-type) {
  border-bottom: 1px solid #ccc
}

.all-reviews-btn {
  background-color: transparent;
  padding-right: 0;
  padding-left: 0;
  color: var(--primary-color);
  text-decoration: underline
}

.reviewPage .tableDetails {
  padding-top: 30px
}

.reviewPage .prodPreview {
  display: flex;
  align-items: center;
  gap: 20px;
  border: 1px solid #f1f1f1;
  background-color: #f9f9f9;
  padding: 20px
}

.reviewPage .tableDetails .addHead {
  background-color: #f9f9f9
}

.reviewPage .tableDetails .reviewStyle {
  background-color: #f9f9f9
}

.reviewPage .prodPreview img {
  border: 1px solid #f1f1f1;
  background-color: #fff;
  width: 100px;
  height: 100px;
  object-fit: cover
}

.reviewPage .prodPreview h1 {
  font-weight: 700;
  font-size: 20px
}

.reviews-break-down-empty span {
  display: block;
  border: 1px solid #f9f9f9;
  padding: 20px;
  font-size: 14px
}

.reviewStyle {
  margin-bottom: 15px;
  border: 1px solid #f1f1f1;
  padding: 20px
}

.reviewStyle .customer {
  margin-bottom: 0!important;
  font-weight: 700;
  font-size: 16px
}

.reviewStyle .customer .date {
  display: inline-block;
  margin-bottom: 0;
  color: #868686;
  font-weight: 400;
  font-size: 12px
}

.reviewStyle .text {
  margin-top: 5px;
  color: var(--text-color-primary-bg);
  font-size: 15px;
  line-height: 25px
}

.prodPage .slickParentNext,.prodPage .slickParentPrev {
  position: absolute;
  top: -38px;
  left: 0;
  opacity: 1;
  z-index: 1;
  cursor: pointer;
  margin-left: 20px;
  border: 1px solid var(--text-color-primary-bg);
  border-radius: 0;
  background-color: var(--text-color-primary-bg);
  padding: 0;
  width: 35px;
  height: 35px;
  color: #fff;
  font-size: 20px;
  line-height: 31px;
  text-align: center
}

.prodPage .slickParentNext.slick-disabled,.prodPage .slickParentPrev.slick-disabled {
  opacity: .5
}

.prodPage .slickParentPrev {
  left: 38px
}

.modal-comment-content {
  -ms-flex-direction: column;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  outline: 0;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: .3rem;
  background-clip: padding-box;
  background-color: #fff;
  width: 100%;
  pointer-events: auto
}

.modal-product-header {
  -ms-flex-align: start;
  -ms-flex-pack: justify;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-top-right-radius: .3rem;
  border-top-left-radius: .3rem;
  padding: 1rem
}

.modal-comment-content .title {
  margin-bottom: 10px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 23px;
  text-align: center
}

#exampleModalCenter .review-remaining-count {
  margin-top: 5px;
  text-align: right
}

#exampleModalCenter textarea {
  resize: none
}

#exampleModalCenter button {
  padding: 7px 15px
}

#exampleModalCenter button.btn-primary,#exampleModalCenter button.btn-primary:hover,#exampleModalCenter button.btn-primary:focus {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  color: var(--text-color-primary-bg)
}

#exampleModalCenter .modal-body {
  padding: 30px
}

.btnrating.active>i:before {
  color: #edb900
}

.btnrating>i:before,.btnrating.deactive>i:before {
  color: #ccc
}

.btnrating {
  cursor: pointer;
  font-size: 18px
}

.div-btnrating {
  margin-left: auto;
  text-align: center
}

.description-title {
  margin-bottom: 25px;
  color: var(--secondary-color-alt3);
  font-weight: 700;
  font-size: 18px
}

#related-products.products-slider .prod-col {
  padding: 0 20px
}

.relatedSection {
  padding-top: 70px;
  padding-bottom: 70px
}

.relatedSection .section-title {
  margin-bottom: 70px
}

.product-price {
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 15px
}

.bundle-offer-title-description {
  font-size: 1rem
}

.bundle-offer-more {
  text-align: right
}

.bundle-offer-more>a {
  cursor: pointer;
  color: var(--primary-color);
  font-size: 1.2rem;
  text-decoration: underline
}

.bundle-offer-products-dialog .bundle-offer-title,.bundle-offer-products-dialog .bundle-offer-title-description {
  margin-right: 40px
}

.bundle-offer-details-products {
  flex-wrap: wrap;
  overflow-x: visible
}

.prodPage .products-details .slickPrev,.prodPage .products-details .slickNext {
  position: absolute;
  top: calc(50% - 17.5px);
  right: 10px;
  opacity: 1;
  z-index: 99;
  cursor: pointer;
  box-shadow: rgba(0,0,0,.03) 0 0 6px 3px;
  border-radius: 50%;
  background-color: #fff;
  width: 35px;
  height: 35px;
  color: var(--text-color-primary-bg);
  font-size: 20px;
  line-height: 35px;
  text-align: center
}

.prodPage .products-details .slickNext {
  right: auto;
  left: 10px
}

.product-images-carousel-thumbs {
  margin-top: 20px;
  margin-right: -10px;
  margin-left: -10px
}

.product-images-carousel-thumbs .content {
  padding: 0 5px
}

.product-images-carousel-thumbs a {
  display: block;
  cursor: pointer;
  max-height: 100px;
  border: 1px solid #e7e7e7;
  align-items: center;
  justify-content: center;
  position:relative; 
  overflow:hidden;
  height:100px!important;
}

.product-images-carousel-thumbs img {
  margin: 0 auto;
  width: 100%;
  object-fit: cover;
  height: 100%;
  display: block;
}

.product-images-carousel-thumbs .slickParentNext,.product-images-carousel-thumbs .slickParentPrev {
  top: calc(50% - 17px);
  left: -24px;
  margin: 0;
  border: none;
  background: 0 0;
  color: var(--text-color-primary-bg);
  font-size: 30px
}

.product-images-carousel-thumbs .slickParentPrev {
  right: -24px;
  left: auto
}

.products-details-page .product-formatted-price-discount {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  border-bottom-right-radius: 0;
  background-color: #f25f5f;
  width: 70px;
  height: 30px;
  color: #fff;
  font-weight: 400;
  line-height: 32px;
  text-align: center
}

.col-product-info h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: vart(--text-color-primary-bg);
  font-weight: 700;
  font-size: 22px
}

.col-product-info .price {
  margin-bottom: 10px
}

.col-product-info .price .salePrice,.col-product-info .price .oldPrice {
  margin: 0
}

.col-product-info .price .salePrice {
  font-size: 27px
}

.col-product-info .product-card-rating .fa-star {
  font-size: 19px
}

.col-product-info #product-description-a {
  color: var(--primary-color)
}

.col-product-info p {
  font-size: 14px;
  line-height: 23px
}

.col-product-info .skuTitle span {
  font-weight: 400
}

.optionsBox {
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  padding: 20px
}

.optionsBox label .text-color-primary,.optionsBox #product-variants-options label {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 14px
}

#product-custom-user-option-fields .form-group .checkbox-container {
  margin-left: 10px;
  border-color: #f1f1f1
}

#product-custom-user-option-fields .form-group label {
  display: block;
  appearance: none;
  margin-bottom: 10px;
  border: 1px solid #f1f1f1;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #fff;
  padding: 10px;
  width: 100%;
  font-weight: 600;
  font-size: 14px
}

#product-custom-user-option-fields .form-group label span {
  font-weight: 400
}

#product-custom-user-option-fields,.add-review-form-checkbox {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  margin-bottom: 10px
}

.add-review-form-checkbox .checkbox-container {
  margin-left: 5px
}

#product-custom-user-option-fields .form-group,.add-review-form-checkbox .form-group {
  width: 100%
}

#product-custom-user-option-fields input+span,.add-review-form-checkbox input+span {
  display: inline-block;
  position: relative;
  top: 4px;
  right: 2px;
  cursor: pointer;
  border: 1px solid #ced4da;
  border-radius: 3px;
  width: 18px;
  height: 18px
}

.add-review-form-checkbox input+span {
  right: 0!important
}

#product-custom-user-option-fields input:checked+span:after,.add-review-form-checkbox input:checked+span:after {
  position: absolute;
  top: 2px;
  right: 1px;
  content: "\f00c";
  color: var(--primary-color);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px
}

#product-custom-user-option-fields input,.add-review-form-checkbox input {
  display: none
}

#product-custom-user-input-fields .file-label>* {
  margin-left: 10px
}

#product-custom-user-input-fields .file-label button {
  cursor: pointer;
  border: none;
  border-radius: 30px;
  padding: 5px 15px
}

#product-custom-user-input-fields .form-control {
  margin-bottom: 20px
}

.shareProduct {
  margin-top: 30px;
  border-top: 1px solid #f1f1f1;
  padding-top: 20px
}

.shareProduct .social-icons {
  gap: 10px
}

.shareProduct .product-title {
  margin-bottom: 15px;
  color: var(--text-color-primary-bg)
}

.shareProduct .social-icons a {
  position: relative;
  z-index: 1;
  border-radius: 50%;
  background: #f1f1f1;
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: var(--text-color-primary-bg);
  font-size: 16px;
  line-height: 40px;
  text-align: center
}

.shareProduct .social-icons a::after {
  position: absolute;
  top: 4px;
  left: 4px;
  opacity: 0;
  z-index: -1;
  transition: all .3s ease-in-out 0s;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  background: #fff;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  content: ""
}

.shareProduct .social-icons a:hover::after {
  opacity: 1
}

.category-page-slider .slickNext,.category-page-slider .slickPrev {
  position: absolute;
  top: calc(50% - 17.5px);
  left: -30px;
  z-index: 1;
  cursor: pointer;
  margin-left: 13px;
  border: 1px solid var(--text-color-primary-bg);
  border-radius: 0;
  background-color: var(--text-color-primary-bg);
  padding: 0;
  width: 35px;
  height: 35px;
  color: #fff;
  font-size: 20px;
  line-height: 31px;
  text-align: center
}

.category-page-slider .slickPrev {
  right: -17px;
  left: auto
}

.openMenu {
  color: var(--text-color-primary-bg);
  height: 100%;
  font-size: 14px;
  display: none;
  border: 1px solid var(--text-color-primary-bg);
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  line-height: 29px;
  background: 0 0;
  margin-top: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  padding: 0;
  border-radius: 0
}

.header.header2.headerFixed .openMenu {
  color: var(--text-color-primary-bg);
  border-color: var(--text-color-primary-bg)
}

.transformPage {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.mobileMenu {
  display: none
}

.slide-menu {
  height: 100%;
  width: 320px!important;
  background-color: #fff;
  z-index: 9999
}

.menuHead {
  padding: 15px 15px 30px;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #f1f1f1
}

.menuHead .closeX {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 13px;
  color: var(--text-color-primary-bg);
  border: 1px solid var(--text-color-primary-bg);
  width: 25px;
  height: 25px;
  border-radius: 0;
  text-align: center;
  line-height: 23px;
  padding: 0;
  opacity: 1;
  border-radius: 50%;
  cursor: pointer;
  text-transform: uppercase;
  font-style: normal
}

.menuHead .logo {
  padding: 0;
  max-width: 120px;
  margin: 0 auto;
  max-width:100%;
}

.menuHead .logo img {
  max-width:100%;
  margin: 0 auto;
}

.slide-menu .slide-menu__slider {
  padding-bottom: 50px
}

.slide-menu .slide-menu__slider ul a {
  font-size: 1.2rem;
  color: inherit;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
  padding-right: 30px
}

.slide-menu .slide-menu__slider ul a:before {
  content: "\f104";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  top: 13px;
  font-size: 16px;
  color: var(--primary-color)
}

.slide-menu .slide-menu__slider .slide-menu__decorator {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  height: 100%;
  width: 40px;
  line-height: 55px;
  text-align: center;
  border-right: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  color: var(--primary-color)
}

.slide-menu .slide-menu__slider .slide-menu__decorator.active:before {
  transform: rotate(180deg)
}

.slide-menu a {
  padding: 15px;
  text-decoration: none
}

.slide-menu ul {
  padding-right: 0
}

.slide-menu-ul-li {
  border-top: .5px solid rgba(255,255,255,.08)
}

.slide-menu-ul-li:first-child,:not(.slide-menu-ul-li)+.slide-menu-ul-li {
  border-top: 0
}

.slide-menu .slide-menu__backlink {
  text-transform: uppercase
}

.slide-menu__decorator {
  float: right
}

.slide-menu-arrow {
  font-size: 20px
}

.slide-menu-arrow-back {
  position: relative;
  top: 3px;
  right: 5px;
  font-size: 20px
}

#test-menu-left p {
  font-size: 110%;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

#sidenav-overlay {
  background-color: rgba(0,0,0,.4);
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  transition: all .3s
}

#sidenav-overlay.active {
  opacity: 1;
  visibility: visible
}

.sidenav-open .sidenav {
  width: 250px
}

.sidenav-open #sidenav-overlay {
  width: 100%
}

.slide-menu ul ul {
  background-color: #fff;
  height: 100%;
  top: 0;
  display: block;
  z-index: 99;
  right: 100%;
  left: unset;
  transition: all .3s
}

.slide-menu ul ul.active {
  left: unset;
  right: 0
}

.slide-menu ul ul .slide-menu-arrow-back {
  position: absolute;
  top: -45px;
  text-align: center;
  height: 30px;
  line-height: 25px;
  left: 12px;
  right: auto;
  border: 2px solid #ddd;
  border-radius: 0;
  padding-right: 2px;
  width: 30px;
  border-radius: 5px;
  color: #8d8d8d;
  background-color: #fff
}

.slide-menu ul ul a {
  padding-right: 50px!important
}

.slide-menu ul ul a:before {
  right: 30px!important
}

#accordion .faq {
  background-color: #f9f9f9
}

#accordion .faq:not(:last-of-type) {
  margin-bottom: 20px
}

#accordion .faq .faqs-title {
  padding: 0 35px;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  padding: 20px 30px 20px 40px;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #f1f1f1
}

#accordion .faq .faqs-title:before {
  content: "\f067";
  font: normal normal normal 14px/1 FontAwesome;
  color: #000;
  position: absolute;
  left: 20px;
  top: 23px;
  border-radius: 50%;
  font-size: 15px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

#accordion .faq .faqs-title.collapsed {
  border-bottom: 1px solid #f2f3f8
}

#accordion .desc {
  margin: 0;
  padding: 25px;
  font-size: 14px;
  color: #000;
  line-height: 37px
}


.videos {
  padding:50px 0;
}

.videos .slickPrev,.videos .slickNext {
  position: absolute;
  bottom: calc(50% - 17.5px);
  left: -40px;
  z-index: 1;
  cursor: pointer;
  border: 1px solid var(--text-color-primary-bg);
  border-radius: 50%;
  background-color: var(--text-color-primary-bg);
  padding: 0;
  width: 35px;
  height: 35px;
  color: #fff;
  font-size: 20px;
  line-height: 33px;
  text-align: center
}

.videos .slickPrev {
  left:auto;
  right:-40px;
}

.videos .single-video {
  position: relative;
  padding: 0 15px;
}

.videos iframe {
  min-height: 430px;
  border-radius: 20px;
  width:100%;
  border:none;
}

.videos .slick-dots {
  margin-top:20px;
  position:static;
}

.videos .slick-dots li button:hover, 
.videos .slick-dots li.slick-active button {
  background-color: var(--primary-color);
}

.attributes-submit button.reset {
  margin-top: 15px;
  background-color: var(--white-color);
  color: #000;
  cursor: pointer;
  font-weight:600;
}


.questions-card-init {
  padding: 24px 15px 50px;
  background-color: #f9f9f9;
  border: 1px solid #e9ecef;
  border-radius: 15px;
}

.questions-card-init .image-box {
  margin-bottom: 18px;
}

.questions-card-init .content-box {
  margin-bottom: 18px;
}

.questions-card-init .content-box p{
  font-size: 16px; 
  color: #81808C;
  font-weight: 400;
}

.questions-card-preview {
  padding: 16px;
}

.questions-view_more a {
  color: var(--primary-color);
  font-size: 14px;
}

.questions-card-preview .customer-name {
  margin-bottom: 8px;
  color: #494949;
  font-weight: 400;
}

.questions-card-preview .question-box .question {
  font-size: 16px;
  font-weight: 500;
  color: #494949;
  margin-bottom: 24px;
}

.questions-card-preview .answer-box .answer {
  font-size: 16px;
  font-weight: 400;
  color: #494949;
}

.questions-pagination .page-item {
  font-size: 16px;
}

.questions-pagination .page-item .page-link {
  color: var(--primary-color);
}

.questions-pagination .page-item.selected a {
  background-color: var(--primary-color);
  color: #ffffff;
}


.comment-box {
  background: white;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  transition: transform 0.2s;
  border: 1px solid #e9ecef;
}

.comment-box {
  background: white;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  transition: transform 0.2s;
  border: 1px solid #e9ecef;
}

.comment-box .d-flex {
  align-items: center;
}

.user-avatar {
  width: 60px;
  height: 60px;
  background-color: #f8f8f8;
  padding: 12px;
  border-radius: 10px;
}
.comment-time {
  color: #adb5bd;
  font-size: 0.85rem;
}

.reply-section {
  margin-right: 60px;
}

.comment-box h6,
.reply-section h6 {
  font-weight: 700;
}

@media(max-width:767px) {
  .user-avatar { 
    width:40px;
    height:40px;
  }
  .reply-section {
    margin-right:15px;
  }
}



.comment-box {
  background: white;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  transition: transform 0.2s;
  border: 1px solid #e9ecef;
}

.comment-box .d-flex {
  align-items: center;
}

.user-avatar {
  width: 60px;
  height: 60px;
  background-color: #f8f8f8;
  padding: 12px;
  border-radius: 10px;
}

.comment-time {
  color: #adb5bd;
  font-size: 0.85rem;
}

.reply-section {
  margin-left: 60px;
}

.comment-box h6,
.reply-section h6 {
  font-weight: 700;
}

@media(max-width:767px) {
  .user-avatar { 
    width:40px;
    height:40px;
  }


  .reply-section {
    margin-left:15px;
  }
}



#product-grouped-details {
  padding: 20px;
  border: 1px solid #dee2e7;
  border-radius: 5px;
  background: #fff;
  margin-top:30px;
}

#product-grouped-details h4 {
  font-weight:700;
  color:#000
}

.grouped-product-col img {
  width: 65px!important;
  height:auto!important;
}

#product-grouped-details  img[alt="plus"] {
  max-width:30px;
  height: auto;
}

.grouped-product-table img {
  padding:5px!important
}


.noImageLink {
  justify-content: center !important;
  align-items: center;
  height: 100%;
  min-height:300px;
}



#cart-shipping {
  padding:0 20px;
  margin-bottom:20px;
  margin-top:30px;
}


.cart-goal-wrap{
  margin-top: 15px;
  width: 100%;
}

.progress-bar-wrap {
  position: relative;
  height: 6px;
  margin: 0 13px;
}

.minimog-progress .progress-bar-wrap:before {
  position: absolute;
  content: "";
  top: 0;
  left: -13px;
  right: -13px;
  height: 100%;
   border-radius: 0;
  background: #e1e1e1;
}

.minimog-progress .minimog-progress-bar {
  position: relative;
  border-radius: inherit;
  height: 100%;
  max-width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.minimog-progress .minimog-progress-bar:before {
  position: absolute;
  content: "";
  top: 0;
  left: -13px;
  right: -13px;
  height: 100%;
   border-radius: 0;
  background: var(--primary-color);
}

.minimog-progress .progress-value {
  position: absolute;
  top: 50%;
  left: 0;
  padding:5px;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 26px;
  height: 26px;
  background: #fff;
  color: var(--primary-color);
  fill: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  z-index: 1;
}

.free-shipping {
  margin-top: 20px;
  display: block;
  font-weight: 700;
  color: var(--primary-color);
  text-align: center
}


.grouped-product-row {
  flex-wrap: wrap!important;
}