/** Shopify CDN: Minification failed

Line 8240:11 Expected ":"
Line 10057:13 Expected ":"

**/
:root {
  --site-bg: #f4f2ee; /* main page background, used site-wide */
}

st/*------------------------------------------------------------------
Table of content
-------------------
1. Start Header Area
2. slider area start
3. features area css start
4. hot deals area css start
5. product
6. categories area
7. testimonial
8. blog
9. shop grid view
10. shop list view
11. product details
12. checkout
13. cart
14. wishlist
15. my account
16. compare
17. login register
18. about us
19. contact us
20. banner
21. modal
22. sidebar
23. footer
-------------------------------------------------------------------*/
/*------ Typography Style Start ------*/
body {
  color: #555555;
  line-height: 1.7;
  font-size: 14px;
  font-weight: 400;
  font-family: "Lato", sans-serif;
}

a {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

a:hover,
a:focus {
  outline: none;
  text-decoration: none;
}

p {
  margin-bottom: 8px;
}

p:last-child {
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lato", sans-serif;
  color: #222222;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0;
  line-height: 1.5;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 20px;
}

h5,
.h5 {
  font-size: 18px;
}

h6,
.h6 {
  font-size: 16px;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

strong,
b {
  font-weight: 700;
}

figure {
  margin: 0;
}

img {
  max-width: 100%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.bg-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.btn,
button {
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: transparent;
}

.btn:active,
.btn:focus,
button:active,
button:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

input,
textarea {
  resize: none;
}

input:focus,
textarea:focus {
  outline: none;
}

.form-control:focus {
  border-color: #c29958;
  -webkit-box-shadow: none;
  box-shadow: none;
}

::-moz-selection {
  color: #fff;
  background: #c29958;
}

::selection {
  color: #fff;
  background: #c29958;
}

::-webkit-input-placeholder {
  color: #999;
  font-size: 13px;
  opacity: 1;
}

::-moz-placeholder {
  color: #999;
  font-size: 13px;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #999;
  font-size: 13px;
  opacity: 1;
}

::-ms-input-placeholder {
  color: #999;
  font-size: 13px;
  opacity: 1;
}

::placeholder {
  color: #999;
  font-size: 13px;
  opacity: 1;
}

/* ----tab problem fix css ----*/
.tab-content .tab-pane {
  display: block;
  height: 0;
  max-width: 100%;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}

.tab-content .tab-pane.active {
  height: auto;
  opacity: 1;
  overflow: visible;
  visibility: visible;
}

/* ----tab problem fix css ----*/
/*------- modal fix start -------
.modal-dialog {
max-width: 1000px;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
.modal-dialog {
max-width: 800px;
}
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
.modal-dialog {
max-width: 700px;
}
}
*/

.modal {
  display: block !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -99;
}

.modal.show {
  height: 100%;
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  z-index: 99999999;
  -webkit-animation: slideInDown 0.4s forwards;
  animation: slideInDown 0.4s forwards;
}

.modal .modal-header {
  padding: 0 10px;
  border-bottom: none;
}

.modal .modal-header .close {
  color: #222222;
  font-size: 34px;
  opacity: 1;
  display: block;
  position: absolute;
  padding: 0;
  width: 30px;
  height: 30px;
  margin: 0;
  right: 10px;
  top: 10px;
  font-weight: 500;
  z-index: 999;
  line-height: 30px;
  border-radius: 50%;
}

.modal .modal-body {
  padding: 20px 20px 20px 20px;
}

@media only screen and (max-width: 479.98px) {
  .modal .modal-body {
    padding: 10px;
  }
}

/*------- modal fix end -------*/
/* ---- Sick Slider arrow style start ----*/
.slick-slider .slick-slide>div>div {
  box-shadow: 1px 2px 6px #0000004f;
  margin-top: 4px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 5px;
  aspect-ratio: 1 / 1.2;
}
.section-related-product .slick-slider .slick-slide>div>div {
  aspect-ratio: 1 / 2.1;
}
.testimonial-content-wrapper .slick-slider .slick-slide>div>div {
  aspect-ratio: 0 / 0;
}
.slick-slider .slick-slide>div>div:hover {
  box-shadow: 0px 4px 8px #0000008f;
}

.slick-arrow-style button.slick-arrow {
  top: 50%;
  left: 0;
  font-size: 70px;
  color: #777777;
  cursor: pointer;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.slick-arrow-style button.slick-arrow.slick-next {
  left: auto;
  right: 0;
}

.slick-arrow-style button.slick-arrow:hover {
  color: #c29958;
}

.slick-arrow-style:hover button.slick-arrow {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.slick-arrow-style:hover button.slick-arrow.slick-prev {
  left: -60px;
  right: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1499.98px),
  only screen and (min-width: 992px) and (max-width: 1199.98px),
  only screen and (min-width: 768px) and (max-width: 991.98px),
  only screen and (max-width: 767.98px) {
    .slick-arrow-style:hover button.slick-arrow.slick-prev {
      left: -20px;
    }
  }

.slick-arrow-style:hover button.slick-arrow.slick-next {
  left: auto;
  right: -60px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499.98px),
  only screen and (min-width: 992px) and (max-width: 1199.98px),
  only screen and (min-width: 768px) and (max-width: 991.98px),
  only screen and (max-width: 767.98px) {
    .slick-arrow-style:hover button.slick-arrow.slick-next {
      right: -20px;
    }
  }

.slick-arrow-style_hero button.slick-arrow {
  font-size: 60px;
  left: 0;
  width: inherit;
  height: inherit;
  background-color: transparent;
  z-index: 1;
}

.slick-arrow-style_hero button.slick-arrow.slick-next {
  right: 0;
}

.slick-arrow-style_hero button.slick-arrow:hover {
  color: #c29958;
  background-color: transparent;
}

.slick-arrow-style_hero:hover button.slick-arrow.slick-next {
  right: 15px;
}

.slick-arrow-style_hero:hover button.slick-arrow.slick-prev {
  left: 15px;
}

.slick-append {
  background-color: #fff;
  z-index: 2;
  margin-top: -2px;
}

.slick-append button {
  font-size: 30px;
  line-height: 1;
  position: inherit;
  display: inline-block;
  background-color: transparent;
  color: #555555;
}

.slick-append button:hover {
  color: #c29958;
}

/*--------- slick slider dot style start -------*/
.slick-dot-style ul.slick-dots {
  bottom: 15px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.slick-dot-style ul.slick-dots li {
  display: inline-block;
  margin-right: 10px;
}

.slick-dot-style ul.slick-dots li:last-child {
  margin-right: 0;
}

.slick-dot-style ul.slick-dots li button {
  width: 14px;
  height: 14px;
  padding: 0;
  border: none;
  display: block;
  text-indent: -5000px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border: 2px solid #777777;
  background-color: transparent;
}

.slick-dot-style ul.slick-dots li.slick-active button {
  border-color: #c29958;
  background-color: #c29958;
}

.slick-row-3 .slick-list {
  margin: 0 -3px;
}

.slick-row-3 .slick-list .slick-slide {
  margin: 0 3px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-3 .slick-list {
    margin: 0 -3px !important;
  }

  .slick-sm-row-3 .slick-list .slick-slide {
    margin: 0 3px !important;
  }
}

.slick-row-4 .slick-list {
  margin: 0 -4px;
}

.slick-row-4 .slick-list .slick-slide {
  margin: 0 4px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-4 .slick-list {
    margin: 0 -4px !important;
  }

  .slick-sm-row-4 .slick-list .slick-slide {
    margin: 0 4px !important;
  }
}

.slick-row-5 .slick-list {
  margin: 0 -5px;
}

.slick-row-5 .slick-list .slick-slide {
  margin: 0 5px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-5 .slick-list {
    margin: 0 -5px !important;
  }

  .slick-sm-row-5 .slick-list .slick-slide {
    margin: 0 5px !important;
  }
}

.slick-row-6 .slick-list {
  margin: 0 -6px;
}

.slick-row-6 .slick-list .slick-slide {
  margin: 0 6px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-6 .slick-list {
    margin: 0 -6px !important;
  }

  .slick-sm-row-6 .slick-list .slick-slide {
    margin: 0 6px !important;
  }
}

.slick-row-7 .slick-list {
  margin: 0 -7px;
}

.slick-row-7 .slick-list .slick-slide {
  margin: 0 7px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-7 .slick-list {
    margin: 0 -7px !important;
  }

  .slick-sm-row-7 .slick-list .slick-slide {
    margin: 0 7px !important;
  }
}

.slick-row-8 .slick-list {
  margin: 0 -8px;
}

.slick-row-8 .slick-list .slick-slide {
  margin: 0 8px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-8 .slick-list {
    margin: 0 -8px !important;
  }

  .slick-sm-row-8 .slick-list .slick-slide {
    margin: 0 8px !important;
  }
}

.slick-row-9 .slick-list {
  margin: 0 -9px;
}

.slick-row-9 .slick-list .slick-slide {
  margin: 0 9px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-9 .slick-list {
    margin: 0 -9px !important;
  }

  .slick-sm-row-9 .slick-list .slick-slide {
    margin: 0 9px !important;
  }
}

.slick-row-10 .slick-list {
  margin: 0 -10px;
}

.slick-row-10 .slick-list .slick-slide {
  margin: 0 10px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-10 .slick-list {
    margin: 0 -10px !important;
  }

  .slick-sm-row-10 .slick-list .slick-slide {
    margin: 0 10px !important;
  }
}

.slick-row-11 .slick-list {
  margin: 0 -11px;
}

.slick-row-11 .slick-list .slick-slide {
  margin: 0 11px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-11 .slick-list {
    margin: 0 -11px !important;
  }

  .slick-sm-row-11 .slick-list .slick-slide {
    margin: 0 11px !important;
  }
}

.slick-row-12 .slick-list {
  margin: 0 -12px;
}

.slick-row-12 .slick-list .slick-slide {
  margin: 0 12px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-12 .slick-list {
    margin: 0 -12px !important;
  }

  .slick-sm-row-12 .slick-list .slick-slide {
    margin: 0 12px !important;
  }
}

.slick-row-13 .slick-list {
  margin: 0 -13px;
}

.slick-row-13 .slick-list .slick-slide {
  margin: 0 13px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-13 .slick-list {
    margin: 0 -13px !important;
  }

  .slick-sm-row-13 .slick-list .slick-slide {
    margin: 0 13px !important;
  }
}

.slick-row-14 .slick-list {
  margin: 0 -14px;
}

.slick-row-14 .slick-list .slick-slide {
  margin: 0 14px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-14 .slick-list {
    margin: 0 -14px !important;
  }

  .slick-sm-row-14 .slick-list .slick-slide {
    margin: 0 14px !important;
  }
}

.slick-row-15 .slick-list {
  margin: 0 -15px;
}

.slick-row-15 .slick-list .slick-slide {
  margin: 0 15px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-15 .slick-list {
    margin: 0 -15px !important;
  }

  .slick-sm-row-15 .slick-list .slick-slide {
    margin: 0 15px !important;
  }
}

.slick-slider .slick-slide>div {
  margin-bottom: 30px;
}

.slick-slider .slick-slide>div:last-child {
  margin-bottom: 0;
}

/* ----scroll to top css start ----*/
.scroll-top {
  bottom: 50px;
  cursor: pointer;
  height: 50px;
  position: fixed;
  right: 20px;
  text-align: center;
  width: 50px;
  z-index: 9999;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
  background-color: #c29958;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 767.98px) {
  .scroll-top {
    display: none;
  }
}

.scroll-top i {
  line-height: 50px;
  color: #fff;
  font-size: 25px;
}

.scroll-top.not-visible {
  bottom: -50px;
  visibility: hidden;
  opacity: 0;
}

.scroll-top:hover {
  background-color: #222222;
}

/* ----scroll to top css end ----*/
.row-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.row-0>[class*="col"] {
  padding-left: 0px;
  padding-right: 0px;
}

.row-1 {
  margin-left: -0.5px;
  margin-right: -0.5px;
}

.row-1>[class*="col"] {
  padding-left: 0.5px;
  padding-right: 0.5px;
}

.row-2 {
  margin-left: -1px;
  margin-right: -1px;
}

.row-2>[class*="col"] {
  padding-left: 1px;
  padding-right: 1px;
}

.row-3 {
  margin-left: -1.5px;
  margin-right: -1.5px;
}

.row-3>[class*="col"] {
  padding-left: 1.5px;
  padding-right: 1.5px;
}

.row-4 {
  margin-left: -2px;
  margin-right: -2px;
}

.row-4>[class*="col"] {
  padding-left: 2px;
  padding-right: 2px;
}

.row-5 {
  margin-left: -2.5px;
  margin-right: -2.5px;
}

.row-5>[class*="col"] {
  padding-left: 2.5px;
  padding-right: 2.5px;
}

.row-6 {
  margin-left: -3px;
  margin-right: -3px;
}

.row-6>[class*="col"] {
  padding-left: 3px;
  padding-right: 3px;
}

.row-7 {
  margin-left: -3.5px;
  margin-right: -3.5px;
}

.row-7>[class*="col"] {
  padding-left: 3.5px;
  padding-right: 3.5px;
}

.row-8 {
  margin-left: -4px;
  margin-right: -4px;
}

.row-8>[class*="col"] {
  padding-left: 4px;
  padding-right: 4px;
}

.row-9 {
  margin-left: -4.5px;
  margin-right: -4.5px;
}

.row-9>[class*="col"] {
  padding-left: 4.5px;
  padding-right: 4.5px;
}

.row-10 {
  margin-left: -5px;
  margin-right: -5px;
}

.row-10>[class*="col"] {
  padding-left: 5px;
  padding-right: 5px;
}

.row-11 {
  margin-left: -5.5px;
  margin-right: -5.5px;
}

.row-11>[class*="col"] {
  padding-left: 5.5px;
  padding-right: 5.5px;
}

.row-12 {
  margin-left: -6px;
  margin-right: -6px;
}

.row-12>[class*="col"] {
  padding-left: 6px;
  padding-right: 6px;
}

.row-13 {
  margin-left: -6.5px;
  margin-right: -6.5px;
}

.row-13>[class*="col"] {
  padding-left: 6.5px;
  padding-right: 6.5px;
}

.row-14 {
  margin-left: -7px;
  margin-right: -7px;
}

.row-14>[class*="col"] {
  padding-left: 7px;
  padding-right: 7px;
}

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

.row-15>[class*="col"] {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.row-16 {
  margin-left: -8px;
  margin-right: -8px;
}

.row-16>[class*="col"] {
  padding-left: 8px;
  padding-right: 8px;
}

.row-17 {
  margin-left: -8.5px;
  margin-right: -8.5px;
}

.row-17>[class*="col"] {
  padding-left: 8.5px;
  padding-right: 8.5px;
}

.row-18 {
  margin-left: -9px;
  margin-right: -9px;
}

.row-18>[class*="col"] {
  padding-left: 9px;
  padding-right: 9px;
}

.row-19 {
  margin-left: -9.5px;
  margin-right: -9.5px;
}

.row-19>[class*="col"] {
  padding-left: 9.5px;
  padding-right: 9.5px;
}

.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}

.row-20>[class*="col"] {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

.row-21 {
  margin-left: -10.5px;
  margin-right: -10.5px;
}

.row-21>[class*="col"] {
  padding-left: 10.5px;
  padding-right: 10.5px;
}

.row-22 {
  margin-left: -11px;
  margin-right: -11px;
}

.row-22>[class*="col"] {
  padding-left: 11px;
  padding-right: 11px;
}

.row-23 {
  margin-left: -11.5px;
  margin-right: -11.5px;
}

.row-23>[class*="col"] {
  padding-left: 11.5px;
  padding-right: 11.5px;
}

.row-24 {
  margin-left: -12px;
  margin-right: -12px;
}

.row-24>[class*="col"] {
  padding-left: 12px;
  padding-right: 12px;
}

.row-25 {
  margin-left: -12.5px;
  margin-right: -12.5px;
}

.row-25>[class*="col"] {
  padding-left: 12.5px;
  padding-right: 12.5px;
}

.row-26 {
  margin-left: -13px;
  margin-right: -13px;
}

.row-26>[class*="col"] {
  padding-left: 13px;
  padding-right: 13px;
}

.row-27 {
  margin-left: -13.5px;
  margin-right: -13.5px;
}

.row-27>[class*="col"] {
  padding-left: 13.5px;
  padding-right: 13.5px;
}

.row-28 {
  margin-left: -14px;
  margin-right: -14px;
}

.row-28>[class*="col"] {
  padding-left: 14px;
  padding-right: 14px;
}

.row-29 {
  margin-left: -14.5px;
  margin-right: -14.5px;
}

.row-29>[class*="col"] {
  padding-left: 14.5px;
  padding-right: 14.5px;
}

.row-30 {
  margin-left: -15px;
  margin-right: -15px;
}

.row-30>[class*="col"] {
  padding-left: 15px;
  padding-right: 15px;
}

/*------- short classes start -------*/
.section-padding {
  padding-top: 0px;
  padding-bottom: 80px;
  background: var(--shopify-editor-setting-breadcrumb_banner_bg);
  background: var(--site-bg);
}

@media only screen and (max-width: 767.98px) {
  .section-padding {
    margin-top: -6px;
    padding-bottom: 63px;
    background: var(--shopify-editor-setting-breadcrumb_banner_bg);
    background: var(--site-bg);
  }
}

.mb-30 {
  margin-bottom: 30px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mtn-20 {
  margin-top: -20px;
}

.mbn-30 {
  margin-bottom: -30px;
}

.mtn-30 {
  margin-top: -30px;
}

.ptb-30 {
  padding-top: 20px;
}

/*------- short classes end -------*/
/*----------- header top area start -----------*/
@media only screen and (min-width: 1600px) {
  .header-wide {
    padding: 0 85px;
  }
}

@media only screen and (min-width: 1200px) {
  .header-wide .container {
    max-width: 100%;
  }
}

.header-top {
  padding: 10px 0;
  border-bottom: 1px solid #efefef;
}

.header-top-settings ul li {
  color: #555555;
  cursor: pointer;
  font-size: 14px;
  position: relative;
  margin-left: 40px;
  position: relative;
  margin-left: 20px;
  padding-left: 20px;
}

.header-top-settings ul li:before {
  top: 50%;
  left: 0;
  width: 1px;
  height: 15px;
  content: "";
  position: absolute;
  background-color: #efefef;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-top-settings ul li:first-child {
  padding-left: 0;
  margin-left: 0;
}

.header-top-settings ul li:first-child:before {
  display: none;
}

.header-top-settings ul li .dropdown-list {
  top: 100%;
  right: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  padding: 15px 15px 20px;
  width: 150px;
  z-index: 9;
  text-align: left;
  background-color: #fff;
  pointer-events: none;
  border: 1px solid #efefef;
}

.header-top-settings ul li .dropdown-list li {
  margin-left: 0;
  padding: 0;
}

.header-top-settings ul li .dropdown-list li a {
  color: #555555;
  font-size: 13px;
  display: block;
  padding: 5px 0 3px;
  text-transform: capitalize;
}

.header-top-settings ul li .dropdown-list li a:hover {
  color: #c29958;
}

.header-top-settings ul li .dropdown-list li a img {
  vertical-align: inherit;
}

.header-top-settings ul li .dropdown-list li:before {
  display: none;
}

.header-top-settings ul li:hover .dropdown-list {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.welcome-message p {
  color: #555555;
  font-size: 14px;
  line-height: 1;
}

/*----------- header top area end -----------*/
/*---------- header mini cart start ----------*/
.header-configure-area {
  padding-right: 10px;
}

.header-configure-area ul li {
  display: inline-block;
  margin-left: 25px;
  line-height: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1499.98px) {
  .header-configure-area ul li {
    margin-left: 14px;
  }
}

.header-configure-area ul li a {
  font-size: 26px;
  line-height: 1;
  color: #222222;
  position: relative;
}

.header-configure-area ul li a .notification {
  top: -8px;
  right: -6px;
  position: absolute;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 10px;
  color: #fff;
  border-radius: 50%;
  background-color: #c29958;
}

.header-configure-area ul li a:hover {
  color: #c29958;
}

.header-configure-area ul li:first-child {
  margin-left: 0;
}

.header-configure-area ul li.user-hover {
  position: relative;
}

.header-configure-area ul li.user-hover .dropdown-list {
  position: absolute;
  top: 100%;
  right: 0;
  width: 150px;
  padding: 20px;
  background-color: #fff;
  z-index: 11;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
  border: 1px solid #efefef;
}

.header-configure-area ul li.user-hover .dropdown-list li {
  display: block;
  margin-left: 0;
}

.header-configure-area ul li.user-hover .dropdown-list li a {
  color: #555555;
  font-size: 13px;
  line-height: 1;
  display: block;
  padding: 8px 0;
  text-transform: capitalize;
}

.header-configure-area ul li.user-hover .dropdown-list li a:hover {
  color: #c29958;
}

.header-configure-area ul li.user-hover:hover .dropdown-list {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

/*----------- header minicart area end -----------*/
/*------- header search area start -------*/
.header-search-container {
  margin-right: 25px;
  position: relative;
}

.header-search-box {
  position: relative;
}

.header-search-box:hover .header-search-btn {
  color: #c29958;
}

.header-search-btn {
  font-size: 25px;
  line-height: 1;
  left: 10px;
  top: 50%;
  width: 30px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-search-field {
  border: none;
  background-color: #f7f7f7;
  border-radius: 30px;
  padding: 10px 20px 10px 50px;
  width: 100%;
}

.search-trigger {
  font-size: 26px;
  color: #222222;
}

.search-box-open {
  top: 100%;
  right: 0;
  width: 300px;
  position: absolute;
  z-index: 5;
  display: block !important;
}

.search-box-open .header-search-field {
  height: 44px;
  border: 1px solid #ddd;
}

/*------- header search area end -------*/
/*-------- header social link start --------*/
.header-social-link a {
  color: #777777;
  font-size: 17px;
  display: inline-block;
  line-height: 1;
  margin-right: 20px;
}

.header-social-link a:last-child {
  margin-right: 0;
}

.header-social-link a:hover {
  color: #c29958;
}

.main {
 padding: 1%;
}

/*-------- header social link end --------*/
/*---------- main menu style start ---------*/
.main-menu ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.main-menu ul li {
  position: relative;
}

.main-menu ul li a {
  color: #222222;
  font-size: 15px;
  padding: 37px 15px;
  font-weight: 400;
  display: block;
  text-transform: capitalize;
}

.main-menu ul li a i {
  font-size: 21px;
  padding: 1px 4px;
  transition: .5s;
}

.main-menu ul li:hover a i {
  transform: rotate(180deg);
  transition: .5s;
  font-size: 21px;
}

.main-menu ul li:first-child a {
  padding-left: 0;
}

.main-menu ul li:hover>a,
.main-menu ul li.active>a {
  color: #898989!important;
  font-size: 21px!important;
}

.main-menu ul li ul.dropdown {
  top: calc(100% - 1px);
  left: 0;
  width: 220px;
  position: absolute;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 99999;
  pointer-events: none;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  border: 1px solid #efefef;
}

.main-menu ul li ul.dropdown li {
  margin-right: 0;
  border-right: none;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.main-menu ul li ul.dropdown li a {
  color: #555555;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 20px;
  text-transform: capitalize;
  position: relative;
  border-bottom: 1px dashed #efefef;
  z-index: 1;
}

.main-menu ul li ul.dropdown li a:before {
  width: 10px;
  height: 1px;
  left: 20px;
  top: 50%;
  content: ' ';
  position: absolute;
  background-color: #c29958;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  z-index: -1;
}

.main-menu ul li ul.dropdown li a i {
  float: right;
  padding-top: 5px;
}

.main-menu ul li ul.dropdown li:hover>a {
  color: #c29958;
  background-color: #fff;
}

.main-menu ul li ul.dropdown li:hover>a:before {
  opacity: 1;
  visibility: visible;
}

.main-menu ul li ul.dropdown li:hover>ul.dropdown {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.main-menu ul li ul.dropdown li ul.dropdown {
  top: 100%;
  left: 100%;
  position: absolute;
  width: 250px;
  opacity: 0;
  visibility: hidden;
}

.main-menu ul li ul.dropdown li:last-child a {
  border-bottom: none;
  max-width: 172px;
}

.main-menu ul li ul.megamenu {
  width: 100%;
  max-width: 992px;
  padding: 30px;
  left: 50%;
  -webkit-transform: translate(-50%, 20px);
  -ms-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px);
}

.main-menu ul li ul.megamenu li {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.main-menu ul li ul.megamenu li.mega-title {
  color: #222222;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}

.main-menu ul li ul.megamenu li.mega-title span {
  position: relative;
  margin-bottom: 15px;
  display: inline-block;
}

.main-menu ul li ul.megamenu li.mega-title span:before,
.main-menu ul li ul.megamenu li.mega-title span:after {
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 2px;
  content: ' ';
  position: absolute;
  background-color: #ebebeb;
}

.main-menu ul li ul.megamenu li.mega-title span:after {
  width: 50%;
  background-color: #c29958;
}

.main-menu ul li ul.megamenu li a {
  padding: 6px 0;
  border-bottom: none;
  display: flex;
}

.main-menu ul li ul.megamenu li a:before {
  left: 0;
}

.main-menu ul li ul.megamenu li ul li {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.main-menu ul li ul.megamenu li:hover>a {
  color: #c29958;
  padding-left: 15px;
}

.main-menu ul li ul.megamenu li.megamenu-banners {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 25%;
  margin-top: 25px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding-right: 20px;
}

.main-menu ul li ul.megamenu li.megamenu-banners img {
  width: 100%;
  height: 180px;
}

.main-menu ul li ul.megamenu li.megamenu-banners a:before {
  display: none;
}

.main-menu ul li ul.megamenu li.megamenu-banners:last-child {
  padding-right: 0;
}

.main-menu ul li ul.megamenu li.megamenu-banners:hover {
  opacity: 0.6;
}

.main-menu ul li ul.megamenu li.megamenu-banners:hover a {
  padding-left: 0 !important;
}

.main-menu ul li ul.megamenu {
  width: 100%;
  max-width: 832px;
  padding: 30px;
  left: 50%;
  -webkit-transform: translate(-50%, 20px);
  -ms-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px);
}

.main-menu ul li ul.megamenu li {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.main-menu ul li ul.megamenu li.mega-title {
  color: #222222;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}

.main-menu ul li ul.megamenu li.mega-title span {
  position: relative;
  margin-bottom: 15px;
  display: inline-block;
}

<!--css for collections-->
.main-menu-collections ul li ul.megamenu li.mega-title span:before,
.main-menu-collections ul li ul.megamenu li.mega-title span:after {
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 2px;
  content: ' ';
  position: absolute;
  background-color: #ebebeb;
}

.main-menu-collections ul li ul.megamenu li.mega-title span:after {
  width: 50%;
  background-color: #c29958;
}

.main-menu-collections ul li ul.megamenu li a {
  padding: 6px 0;
  border-bottom: none;
}

.main-menu-collections ul li ul.megamenu li a:before {
  left: 0;
}

.main-menu-collections ul li ul.megamenu li ul li {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.main-menu-collections ul li ul.megamenu li:hover>a {
  color: #c29958;
  padding-left: 15px;
}

.main-menu-collections ul li ul.megamenu li.megamenu-banners {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 33%;
  margin-top: 25px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding-right: 20px;
}

.main-menu-collections ul li ul.megamenu li.megamenu-banners img {
  width: 100%;
}

.main-menu-collections ul li ul.megamenu li.megamenu-banners a:before {
  display: none;
}

.main-menu-collections ul li ul.megamenu li.megamenu-banners:last-child {
  padding-right: 0;
}

.main-menu-collections ul li ul.megamenu li.megamenu-banners:hover {
  opacity: 0.6;
}

.main-menu-collections ul li ul.megamenu li.megamenu-banners:hover a {
  padding-left: 0 !important;
}

.main-menu ul li:hover ul.dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

.main-menu ul li:hover ul.megamenu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.main-menu ul.header-style-4>li a {
  padding: 25px 15px;
  font-size: 20px;
}

.main-menu ul.header-style-4>li:first-child>a {
  padding-left: 0;
}

/*---------- main menu style end ---------*/
/*------ sticky menu style start ------*/
.header-transparent {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  position: absolute;
  z-index: 1;
}

.sticky.is-sticky {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 9;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  -webkit-animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown;
  animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown;
  border-radius: 0px 0px 15px 15px!important;
}

.sticky.is-sticky .main-menu li a {
  padding: 20px 15px;
}

.sticky.is-sticky .main-menu li:first-child a {
  padding-left: 0;
}

.sticky.is-sticky .main-menu li .dropdown li a {
  padding: 10px 20px;
}

.sticky.is-sticky .main-menu li .dropdown li:hover>a {
  padding-left: 35px;
}

.sticky.is-sticky .main-menu li .megamenu li a {
  padding: 10px 0;
  max-width: 172px;
}

.sticky.is-sticky .main-menu li .megamenu li:hover>a {
  padding-left: 15px;
}

/*------ sticky menu style end ------*/
/*------- Buttons Style here -------*/
.btn {
  font-size: 14px;
  color: #222222;
  line-height: 1;
}

.btn-text {
  font-size: 16px;
  position: relative;
  pointer-events: visible;
  text-transform: capitalize;
}

.btn-text:before {
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #222222;
}

.btn-text:hover {
  color: #c29958;
}

.btn-text:hover:before {
  background-color: #c29958;
}

.btn-cart {
  padding: 12px 25px;
  background-color: #fff;
  border-radius: 30px;
  text-transform: capitalize;
  -webkit-box-shadow: 0 2px 1px 0.5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 1px 0.5px rgba(0, 0, 0, 0.05);
}

.btn-cart:hover {
  color: #fff;
  background-color: #c29958;
}

.btn-cart2 {
  height: 40px;
  color: #fff;
  line-height: 40px;
  border-radius: 50px;
  padding: 0 25px;
  background-color: #c29958;
}

.btn-cart2:hover {
  color: #fff;
  background-color: #222222;
}

.btn-sqr {
  color: #fff;
  font-size: 15px;
  border-radius: 0;
  background-color: #c29958;
  padding: 12px 25px;
}

.btn-sqr:hover {
  color: #fff;
  background-color: #222222;
}

/*----- mobile menu start -----*/
.mobile-header {
  padding: 10px 0;
}

.mobile-header-top {
  border-bottom: 1px solid #efefef;
}

.mobile-header-top .header-top-settings {
  float: none;
}

.mobile-logo {
  max-width: 140px;
  width: 100%;
}

.mobile-main-header {
  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: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mobile-main-header .mobile-menu-toggler {
  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;
}

.mobile-main-header .mobile-menu-toggler .mini-cart-wrap {
  line-height: 1;
}

.mobile-main-header .mobile-menu-toggler .mini-cart-wrap a {
  font-size: 25px;
  line-height: 1;
  color: #222222;
  position: relative;
}

.mobile-main-header .mobile-menu-toggler .mini-cart-wrap a:hover {
  color: #c29958;
}

.mobile-main-header .mobile-menu-toggler .mini-cart-wrap .notification {
  font-size: 13px;
  color: #fff;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  text-align: center;
  font-weight: 600;
  right: -4px;
  top: -4px;
  position: absolute;
  background-color: #c29958;
}

.mobile-main-header .mobile-menu-toggler .mobile-menu-btn {
  margin-left: 25px;
}

.mobile-main-header .mobile-menu-toggler .mobile-menu-btn span {
  width: 25px;
  height: 2px;
  display: block;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: #222222;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
}

.mobile-main-header .mobile-menu-toggler .mobile-menu-btn span:nth-child(2),
.mobile-main-header .mobile-menu-toggler .mobile-menu-btn span:nth-child(3) {
  margin-top: 5px;
}

.mobile-main-header .mobile-menu-toggler .mobile-menu-btn:hover span {
  background-color: #c29958;
}

.mobile-main-header .mobile-menu-toggler .mobile-menu-btn:hover span:nth-child(1),
.mobile-main-header .mobile-menu-toggler .mobile-menu-btn:hover span:nth-child(3) {
  width: 20px;
}

.mobile-navigation {
  overflow: hidden;
  max-height: 250px;
}

.mobile-navigation nav {
  height: 100%;
}

.mobile-menu {
  margin-top: 30px;
  height: 100%;
  overflow: auto;
  padding-right: 30px;
  margin-right: -30px;
}

@media only screen and (max-width: 479.98px) {
  .mobile-menu {
    margin-top: 15px;
  }
}

.mobile-menu li>a {
  font-size: 15px;
  color: #222222;
  text-transform: capitalize;
  line-height: 18px;
  position: relative;
  display: inline-block;
  padding: 10px 0;
}

.mobile-menu li>a:hover {
  color: #c29958;
}

.mobile-menu li ul li {
  border: none;
}

.mobile-menu li ul li a {
  font-size: 14px;
  text-transform: capitalize;
  padding: 10px 0 8px;
  display: flex;
}

.mobile-title {
  pointer-events: none;
}

.mobile-menu li.menu-item-has-children {
  display: block;
  position: relative;
}

.mobile-menu li.menu-item-has-children .dropdown {
  padding-left: 0px;
}

.mobile-menu li.menu-item-has-children .menu-expand {
  line-height: 50;
  top: -5px;
  left: 95%;
  width: 30px;
  position: absolute;
  height: 50px;
  text-align: center;
  cursor: pointer;
}

.mobile-menu li.menu-item-has-children.active>.menu-expand i:before {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

/*----- mobile menu end -----*/
/*------ offcanvas widget area start ------*/
.offcanvas-widget-area {
  margin-top: auto;
  padding-bottom: 30px;
}

@media only screen and (max-width: 479.98px) {
  .offcanvas-widget-area {
    padding-bottom: 0;
  }
}

.off-canvas-contact-widget li {
  color: #555555;
  font-size: 15px;
  margin-bottom: 5px;
}

.off-canvas-contact-widget li i {
  width: 20px;
}

.off-canvas-contact-widget li a {
  color: #555555;
}

.off-canvas-contact-widget li a:hover {
  color: #c29958;
}

.off-canvas-social-widget {
  margin-top: 20px;
}

.off-canvas-social-widget a {
  color: #555555;
  font-size: 18px;
  display: inline-block;
  margin-right: 15px;
}

.off-canvas-social-widget a:hover {
  color: #c29958;
}

/*------ offcanvas widget area end ------*/
.off-canvas-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  z-index: 9999;
}

.off-canvas-wrapper.open {
  opacity: 1;
  visibility: visible;
}

.off-canvas-wrapper.open .off-canvas-inner-content {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.off-canvas-wrapper .off-canvas-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  content: '';
  cursor: url("../img/icon/cancel.png"), auto;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.off-canvas-wrapper .off-canvas-inner-content {
  background-color: #fff;
  width: 300px;
  padding: 20px;
  height: 100%;
  position: relative;
  -webkit-transform: translateX(calc(-100% - 50px));
  -ms-transform: translateX(calc(-100% - 50px));
  transform: translateX(calc(-100% - 50px));
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media only screen and (max-width: 479.98px) {
  .off-canvas-wrapper .off-canvas-inner-content {
    width: 260px;
    padding: 15px;
  }
}

.off-canvas-wrapper .btn-close-off-canvas {
  top: 0;
  left: 100%;
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: #c29958;
}

.off-canvas-wrapper .btn-close-off-canvas i {
  font-size: 40px;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: block;
  line-height: 40px;
}

.off-canvas-wrapper .btn-close-off-canvas:hover i {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.off-canvas-wrapper .off-canvas-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  height: 100%;
}

.search-box-offcanvas form {
  position: relative;
}

.search-box-offcanvas form input {
  color: #666;
  font-size: 13px;
  width: 100%;
  height: 40px;
  border: none;
  padding: 0 40px 0 10px;
  background-color: #f2f2f2;
}

.search-box-offcanvas form .search-btn {
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 42px;
  font-size: 20px;
  color: #222222;
  position: absolute;
}

.search-box-offcanvas form .search-btn:hover {
  color: #c29958;
}

/*------- mobile top bar settings start -------*/
.mobile-settings {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #efefef;
}

.mobile-settings li {
  margin-bottom: 5px;
}

.mobile-settings .nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mobile-settings .nav .mobile-top-dropdown .dropdown-toggle {
  font-size: 14px;
  color: #555555;
  cursor: pointer;
}

.mobile-settings .nav .mobile-top-dropdown .dropdown-toggle i {
  font-size: 12px;
  padding-left: 5px;
  vertical-align: middle;
}

.mobile-settings .nav .mobile-top-dropdown .dropdown-toggle:hover {
  color: #c29958;
}

.mobile-settings .nav .mobile-top-dropdown .dropdown-toggle:after {
  display: none;
}

.mobile-settings .nav .mobile-top-dropdown .dropdown-menu {
  padding: 0;
  border-color: #efefef;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.mobile-settings .nav .mobile-top-dropdown .dropdown-menu.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.mobile-settings .nav .mobile-top-dropdown .dropdown-menu .dropdown-item {
  font-size: 13px;
  color: #555555;
  padding: 6px 15px;
}

/*------- mobile top bar settings end -------*/
/*-------- off canvas mini cart start --------*/
.minicart-inner {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}

.minicart-inner .offcanvas-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: url("../img/icon/cancel.png"), auto;
}

.minicart-inner.show {
  opacity: 1;
  visibility: visible;
}

.minicart-inner.show .minicart-inner-content {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.minicart-inner .minicart-close {
  width: 50px;
  height: 50px;
  text-align: center;
  background-color: #c29958;
  color: #fff;
  font-size: 50px;
  cursor: pointer;
  top: 0;
  right: 375px;
  position: absolute;
}

.minicart-inner .minicart-close i {
  display: block;
  line-height: 50px;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.minicart-inner .minicart-close:hover i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.minicart-inner .minicart-inner-content {
  top: 0;
  right: 0;
  height: 100vh;
  width: 100%;
  max-width: 375px;
  position: absolute;
  background-color: #fff;
  -webkit-transform: translateX(calc(100% + 50px));
  -ms-transform: translateX(calc(100% + 50px));
  transform: translateX(calc(100% + 50px));
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  padding: 50px 20px;
}

.minicart-content-box {
  overflow: auto;
  height: 100%;
  padding-right: 30px;
  margin-right: -15px;
}

.minicart-item-wrapper {
  border-bottom: 1px solid #efefef;
}

.minicart-item-wrapper ul li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #efefef;
}

.minicart-item-wrapper ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.minicart-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.minicart-thumb {
  max-width: 85px;
  -webkit-flex-basis: 85px;
  -ms-flex-preferred-size: 85px;
  flex-basis: 85px;
}

.minicart-content {
  padding: 0 10px;
  max-width: calc(100% - 115px);
  -webkit-flex-basis: calc(100% - 115px);
  -ms-flex-preferred-size: calc(100% - 115px);
  flex-basis: calc(100% - 115px);
}

.minicart-content .product-name {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 10px;
}

.minicart-content .product-name a {
  color: #222222;
}

.minicart-content .product-name a:hover {
  color: #c29958;
}

.minicart-content .cart-quantity {
  font-size: 12px;
  color: #555555;
  line-height: 1;
}

.minicart-content .cart-quantity strong {
  font-size: 16px;
  font-weight: 400;
  vertical-align: text-bottom;
}

.minicart-content .cart-price {
  color: #c29958;
  font-size: 14px;
  line-height: 1;
}

.minicart-remove {
  max-width: 30px;
  -webkit-flex-basis: 30px;
  -ms-flex-preferred-size: 30px;
  flex-basis: 30px;
  text-align: center;
  font-size: 18px;
  line-height: 1;
  color: #222222;
}

.minicart-remove:hover {
  color: #c29958;
}

.minicart-pricing-box {
  border-bottom: 1px solid #efefef;
  padding-bottom: 20px;
  margin-bottom: 20px;
  padding-top: 15px;
}

.minicart-pricing-box li {
  margin-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.minicart-pricing-box li span {
  font-size: 14px;
  color: #222222;
  text-transform: capitalize;
}

.minicart-pricing-box li span strong {
  color: #c29958;
  font-weight: 400;
}

.minicart-pricing-box li.total span {
  font-size: 16px;
}

.minicart-pricing-box li:last-child {
  margin-bottom: 0;
}

.minicart-button a {
  color: #222222;
  font-size: 14px;
  display: block;
  font-weight: 700;
  line-height: 1;
  padding: 17px 0;
  background-color: #f3f3f3;
  border-radius: 40px;
  text-align: center;
  margin-bottom: 10px;
}

.minicart-button a i {
  padding-right: 5px;
}

.minicart-button a:hover {
  color: #fff;
  letter-spacing: 1.1px;
  background-color: #c29958;
}

.minicart-button a:last-child {
  margin-bottom: 0;
}

/*-------- off canvas mini cart end --------*/
/*------ hero slider area css start ------*/
/*-------------------------
02. Slider area
--------------------------*/
.hero-slider-item {
  height: 530px;
  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;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
  only screen and (max-width: 767.98px) {
    .hero-slider-item {
      height: 400px;
    }
  }

@media only screen and (max-width: 575.98px) {
  .hero-slider-item {
    height: 350px;
  }
}

@media only screen and (max-width: 767.98px) {
  .hero-slider-content {
    padding-right: 150px;
  }
}

@media only screen and (max-width: 575.98px) {
  .hero-slider-content {
    padding-right: 90px;
  }
}

@media only screen and (max-width: 479.98px) {
  .hero-slider-content {
    padding-right: 0;
  }
}

.hero-slider-content .slide-title {
  font-size: 60px;
  font-weight: normal;
  line-height: 1;
}

.hero-slider-content .slide-title span {
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .hero-slider-content .slide-title {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767.98px) {
  .hero-slider-content .slide-title {
    font-size: 40px;
    line-height: 1.2;
  }
}

@media only screen and (max-width: 575.98px) {
  .hero-slider-content .slide-title {
    font-size: 35px;
  }
}

@media only screen and (max-width: 479.98px) {
  .hero-slider-content .slide-title {
    font-size: 30px;
  }
}

.hero-slider-content .slide-desc {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.3;
  color: #555555;
  padding-top: 20px;
}

@media only screen and (max-width: 575.98px) {
  .hero-slider-content .slide-desc {
    padding-top: 10px;
  }
}

.btn-hero {
  color: #fff;
  font-size: 15px;
  line-height: 1;
  padding: 14px 30px;
  display: inline-block;
  border-radius: 50px;
  background-color: #c29958;
  margin-top: 38px;
}

@media only screen and (max-width: 575.98px) {
  .btn-hero {
    margin-top: 25px;
  }
}

.btn-hero:hover {
  color: #fff;
  background-color: #222222;
}

.hero-overlay {
  position: relative;
  height: 100% !important;
  aspect-ratio: unset!important;
}

.hero-overlay:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  display: none;
  aspect-ratio: unset!important;
}

@media only screen and (max-width: 767.98px) {
  .hero-overlay:before {
    display: block;
    aspect-ratio: unset!important;
  }
}

/*------ hero slider area css end ------*/
.slick-active .hero-slider-content.slide-1 h2 {
  -webkit-animation: bounceIn 2s linear alternate;
  animation: bounceIn 2s linear alternate;
}

.slick-active .hero-slider-content.slide-1 h4 {
  -webkit-animation: zoomIn 1s linear alternate;
  animation: zoomIn 1s linear alternate;
}

.slick-active .hero-slider-content.slide-1 a {
  -webkit-animation: slideInUp 0.5s linear alternate;
  animation: slideInUp 0.5s linear alternate;
}

.slick-active .hero-slider-content.slide-2 h2 {
  -webkit-animation: bounceIn 1.5s linear alternate;
  animation: bounceIn 1.5s linear alternate;
}

.slick-active .hero-slider-content.slide-2 h4 {
  -webkit-animation: fadeInLeft 1s linear alternate;
  animation: fadeInLeft 1s linear alternate;
}

.slick-active .hero-slider-content.slide-2 a {
  -webkit-animation: slideInUp 0.5s linear alternate;
  animation: slideInUp 0.5s linear alternate;
}

.slick-active .hero-slider-content.slide-3 h2 {
  -webkit-animation: fadeInUp 1000ms linear alternate;
  animation: fadeInUp 1000ms linear alternate;
}

.slick-active .hero-slider-content.slide-3 h4 {
  -webkit-animation: bounceIn 600ms linear alternate;
  animation: bounceIn 600ms linear alternate;
}

.slick-active .hero-slider-content.slide-3 a {
  -webkit-animation: fadeInUp 1400ms linear alternate;
  animation: fadeInUp 1400ms linear alternate;
}

/*------ service policy start ------*/
.policy-block {
  border-bottom: 1px solid #efefef;
}

.policy-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  margin-bottom: -3px;
}

@media only screen and (max-width: 767.98px) {
  .policy-item {
    margin-bottom: -6px;
  }
}

@media only screen and (max-width: 575.98px) {
  .policy-item {
    display: block;
    text-align: center;
  }
}

.policy-icon {
  font-size: 30px;
  line-height: 1;
  color: #c29958;
  padding-right: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .policy-icon {
    padding-right: 12px;
  }
}

@media only screen and (max-width: 575.98px) {
  .policy-icon {
    padding-right: 0;
    margin-bottom: 10px;
  }
}

.policy-content p {
  color: #777;
  padding-top: 9px;
}

/*------ service policy end ------*/
/*------ banner statistics style start ------*/
/* 1.0 banner statistics */
.banner-statistics-middle {
  position: relative;
  padding: 0px 14px 14px 0px;
}

@media (min-width: 992px) {
  .banner-statistics-middle img {
    box-shadow: 0px 0px 14px #0000004f;
    width: 100%;
    height: 500px;
    object-fit: cover;
  }
}

@media only screen and (max-device-width: 480px) {
	#banner-statistics-middle img {
        box-shadow: 0px 0px 14px #0000004f;
        height: 100%;
      }
    }

.banner-statistics-middle img:hover {
  box-shadow: 0px 0px 14px #4a4a4a;
}

.banner-statistics-middle:hover img {
  opacity: 0.7;
}

.banner-statistics {
  position: relative;
  margin: 14px 0px
}

.banner-statistics img {
  width: 100%;
  height: 400px;
  border-radius: 15px;
  box-shadow: 0px 0px 14px #0000004f;
}

.banner-statistics img:hover {
  box-shadow: 0px 0px 14px #4a4a4a;
}

@media (max-width: 575px) {
  .banner-statistics img {
    width: 100%;
    height: 200px;
  }
}

@media (min-width: 1600px) {
  .banner-statistics img {
    width: 100%;
    height: 375px;
  }
}

.banner-content {
  right: 55px;
  top: 50%;
  position: absolute;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-shadow: 1px 1px 1px #fffff3;
}

.related-product-footer .product-item:hover {
  box-shadow: 1px 2px 15px #0000004f;
}

.comparation-table .modal-content {
  border-radius: 20px!important;
  box-shadow: 0px 0px 16px #000000ab;
}

.comparation-table .table-responsive {
  border-radius: 0px 0px 20px 20px;
}

.comparation-table table {
  background: #f2f2f2!important;
}

.comparation-table img {
  box-shadow: 0px 1px 10px #c8c8c8!important;
  border-radius: 18px;
}

.comparation-table button {
  width: 100%;
}

.comparation-table button {
  color: red;
}

.comparation-table button:hover {
  color: #b10000;
  text-decoration: underline;
}

.comparation-table a:hover {
  color: #f0a610!important;
  text-decoration: underline;
}

.position-static img {
  border-radius: 15px;
}
  
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .banner-content {
    right: 30px;
  }
}

@media only screen and (max-width: 767.98px) {
  .banner-content {
    right: 20px;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner-content {
    right: 55px;
  }
}

@media only screen and (max-width: 479.98px) {
  .banner-content {
    right: 20px;
  }
}

.banner-content_style2 {
  left: 40px;
  top: auto;
  bottom: 40px;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.banner-content_style2 .banner-text3 {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.banner-content_style2 .banner-text3 a {
  color: #222222;
  pointer-events: visible;
  text-shadow: 1px 1px 1px #fffff3
}

.banner-content_style2 .banner-text3 a:hover {
  color: #c29958;
}

.banner-content_style3 {
  left: 40px;
  right: auto;
}

.banner-text1 {
  font-size: 15px;
  line-height: 1.1;
  padding-bottom: 15px;
  color: #777777;
  text-transform: uppercase;
}

@media only screen and (max-width: 767.98px) {
  .banner-text1 {
    font-size: 14px;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner-text1 {
    font-size: 15px;
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 479.98px) {
  .banner-text1 {
    font-size: 14px;
    padding-bottom: 10px;
  }
}

.banner-text2 {
  padding-bottom: 34px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.banner-text2 span {
  display: block;
}

@media only screen and (max-width: 767.98px),
  only screen and (max-width: 479.98px) {
    .banner-text2 span {
      display: inline-block;
    }
  }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .banner-text2 {
    font-size: 20px;
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 767.98px) {
  .banner-text2 {
    font-size: 17px;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner-text2 {
    font-size: 25px;
    padding-bottom: 34px;
  }
}

@media only screen and (max-width: 479.98px) {
  .banner-text2 {
    font-size: 17px;
    padding-bottom: 10px;
  }
}

/*------ banner statistics style end ------*/
/*------ section title start ------*/
.section-title {
  margin-top: -7px;
  margin-bottom: 37px;
}

.section-title .title {
  text-transform: capitalize;
}@media only screen and (max-width: 767.98px) {
  .section-title .title {
    font-size: 26px;
  }
}

.section-title .sub-title {
  font-size: 15px;
  padding-top: 6px;
  color: #555555;
}

@-webkit-keyframes shine {
  0% {
    background-position: -500%;
  }

  100% {
    background-position: 100%;
  }
}

@keyframes shine {
  0% {
    background-position: -500%;
  }

  100% {
    background-position: 100%;
  }
}

.section-title-append {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-top: -4px;
  margin-bottom: 18px;
  line-height: 1;
}

.section-title-append:after {
  top: 50%;
  right: 0;
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  background-color: #efefef;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  margin-top: -3px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .section-title-append:after {
    margin-top: 2px;
  }
}

.section-title-append h4 {
  display: inline-block;
  line-height: 1;
  text-transform: capitalize;
  background-color: #fff;
  position: relative;
  z-index: 2;
  padding-right: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .section-title-append h4 {
    font-size: 16px;
  }
}

/*------ section title end ------*/
/*------- common style css start -------*/
/*-------- Custom Checkbox Style start --------*/
.custom-checkbox.custom-control,
.custom-radio.custom-control {
  min-height: auto;
  margin-bottom: -8px;
}

.custom-checkbox label,
.custom-checkbox .custom-control-label,
.custom-radio label,
.custom-radio .custom-control-label {
  font-size: 14px;
  line-height: 1;
  padding-left: 10px;
  font-weight: 400;
  display: block;
  cursor: pointer;
}

.custom-checkbox label:before,
.custom-checkbox .custom-control-label:before,
.custom-radio label:before,
.custom-radio .custom-control-label:before {
  background-color: transparent;
  border: 1px solid #ddd;
  border-radius: 0;
  height: 15px;
  top: 0;
  width: 15px;
}

.custom-checkbox label:after,
.custom-checkbox .custom-control-label:after,
.custom-radio label:after,
.custom-radio .custom-control-label:after {
  background-size: 10px 10px;
  height: 15px;
  top: 0;
}

.custom-checkbox label a,
.custom-checkbox .custom-control-label a,
.custom-radio label a,
.custom-radio .custom-control-label a {
  color: #222222;
  font-weight: 500;
}

.custom-checkbox label a:hover,
.custom-checkbox .custom-control-label a:hover,
.custom-radio label a:hover,
.custom-radio .custom-control-label a:hover {
  color: #c29958;
}

.custom-checkbox input,
.custom-checkbox .custom-control-input,
.custom-radio input,
.custom-radio .custom-control-input {
  outline: none;
}

.custom-checkbox input:focus~.custom-control-label:before,
.custom-checkbox input:focus label:before,
.custom-checkbox .custom-control-input:focus~.custom-control-label:before,
.custom-checkbox .custom-control-input:focus label:before,
.custom-radio input:focus~.custom-control-label:before,
.custom-radio input:focus label:before,
.custom-radio .custom-control-input:focus~.custom-control-label:before,
.custom-radio .custom-control-input:focus label:before {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.custom-checkbox input:checked~.custom-control-label:before,
.custom-checkbox input:checked label:before,
.custom-checkbox .custom-control-input:checked~.custom-control-label:before,
.custom-checkbox .custom-control-input:checked label:before,
.custom-radio input:checked~.custom-control-label:before,
.custom-radio input:checked label:before,
.custom-radio .custom-control-input:checked~.custom-control-label:before,
.custom-radio .custom-control-input:checked label:before {
  background-color: #c29958;
  border-color: #c29958;
}

/*-------- Custom Checkbox Style end --------*/
/*------- Custom Radio Button Style start -------*/
.custom-radio label:before,
.custom-radio .custom-control-label:before {
  border-radius: 50%;
  height: 14px;
  width: 14px;
}

.custom-radio label::after,
.custom-radio .custom-control-label::after {
  background-size: 10px 10px;
  left: -22px;
  top: 2px;
  height: 10px;
  width: 10px;
}

.custom-control a {

  position: relative !important;
  opacity: 100% !important;
  margin: 0 0 0 0 !important;
}

/*------- Custom Radio Button Style end -------*/
.bg-gray {
  background-color: #f4f4f4;
}

/*------ twitter feed start ------*/
.twitter-feed-content {
  padding: 32px 0;
  border-bottom: 1px solid #efefef;
}

.twitter-feed-content p {
  color: #888;
}

.twitter-feed-content p a {
  color: #c29958;
}

.twitter-feed-content p a:hover {
  text-decoration: underline;
}

/*------ twitter feed end ------*/
/*----- product tab menu start -----*/
.product-tab-menu {
  margin-top: -6px;
  margin-bottom: 35px;
}

.product-tab-menu ul li {
  margin-right: 35px;
}

@media only screen and (max-width: 479.98px) {
  .product-tab-menu ul li {
    margin-right: 15px;
  }
}

.product-tab-menu ul li:last-child {
  margin-right: 0;
}

.product-tab-menu ul li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #777777;
}

.product-tab-menu ul li a:hover,
.product-tab-menu ul li a.active {
  color: #222222;
}

.tab-content .tab-pane.show.active .product-item {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

/*----- product tab menu start -----*/
/*----- brand logo style start -----*/
.brand-logo-carousel {
  padding: 30px 0;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}

.brand-item img {
  margin: auto;
}

/*----- brand logo style end -----*/
/*----- hot deals item start -----*/
.hot-deals-item {
  border: 1px solid #c29958;
  border-radius: 5px;
}

.hot-deals-item .product-caption {
  padding: 20px;
}

@media only screen and (max-width: 767.98px) {
  .hot-deals-item .product-caption {
    padding: 20px 10px;
  }
}

.hot-deals-item .manufacturer-name {
  padding-bottom: 5px;
}

.hot-deals-item .product-name {
  font-size: 20px;
  padding-bottom: 30px;
}

.hot-deals-item .price-box {
  font-size: 21px;
  padding-top: 8px;
}

.progress {
  height: 15px;
  border-radius: 50px;
}

.progress-quantity {
  position: relative;
  margin-top: 52px;
}

.progress-bar {
  background-color: #c29958 !important;
  width: 60%;
}

.progress-bar:nth-child(2) {
  width: 70%;
}

.progress-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: calc(-100% - 8px);
  left: 0;
  width: 100%;
  line-height: 1;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-sold,
.product-available {
  font-size: 14px;
  color: #777777;
}

.product-sold span,
.product-available span {
  color: #c29958;
  font-weight: 700;
}

.product-countdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 30px 0;
}

.product-countdown .single-countdown {
  height: 45px;
  width: 45px;
  text-align: center;
  line-height: 45px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #eaeaea;
}

.product-countdown .single-countdown__time {
  font-size: 16px;
  display: inline-block;
  color: #222222;
}

.product-countdown .single-countdown__text {
  font-size: 11px;
  display: block;
  color: #222222;
  line-height: 1;
  margin-top: 5px;
  text-transform: uppercase;
}

.product-countdown .single-countdown:last-child {
  margin-right: 0;
}

.product-details-des .product-countdown {
  margin: 20px 0 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

/*----- hot deals item start -----*/
/*------ Instagram Feed Area Start ------*/
.instagram-item {
  position: relative;
  z-index: 1;
}

.instagram-item:before {
  background-color: rgba(0, 0, 0, 0.4);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  height: 100%;
  width: 100%;
}

.instagram-item .instagram-hvr-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

.instagram-item .instagram-hvr-content span {
  color: #fff;
  margin-right: 20px;
}

.instagram-item .instagram-hvr-content span:last-child {
  margin-right: 0;
}

.instagram-item .instagram-hvr-content span i.fa {
  margin-right: 5px;
}

.instagram-item:hover:before {
  opacity: 1;
  visibility: visible;
}

.instagram-item:hover .instagram-hvr-content {
  opacity: 1;
  visibility: visible;
}

/*------ Instagram Feed Area End ------*/
/*------- common style css end -------*/
/*------- product item start -------*/
.product-item {
  overflow: hidden;
}

.product-item .color-categories {
  padding: 13px 0 6px;
}

.product-item:hover .product-thumb .sec-img,
.product-list-item:hover .product-thumb .sec-img {
  opacity: 1;
  visibility: visible;
}

.product-item:hover .product-thumb .pri-img,
.product-list-item:hover .product-thumb .pri-img {
  opacity: 0;
  visibility: hidden;
}

.product-item:hover .button-group a,
.product-list-item:hover .button-group a {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.product-item:hover .cart-hover,
.product-list-item:hover .cart-hover {
  bottom: 15px;
  opacity: 1;
  visibility: visible;
}

.product-thumb {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

.product-thumb img {
  width: 86%;
  border-radius: 15px;
  margin-top: 50%;
  margin-left: 50%;
  transform: translate(-50%, -50%);
}

.product-thumb .product-thumb-inner img {
  margin-top: 60%;
}

.product-wrapper .product-thumb{
  aspect-ratio: 1 / 1.2;
}

@media (max-width: 575px) {
  .product-thumb {
    position: relative;
    overflow: hidden;
  }
  .product-thumb img {
    width: 86%;
    border-radius: 15px;
    margin-top: 50%;
    margin-left: 50%;
    transform: translate(-50%, -42%);
  }
}

.product-thumb .sec-img {
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.product-thumb .slick-slider .slick-slide>div>div {
  height: 345px;
}

.product-caption {
  padding-top: 0px;
}

.product-caption .product-name {
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 8px;
}

.product-caption .product-name a {
  color: #222222;
  text-transform: capitalize;
}

.product-caption .product-name a:hover {
  color: #c29958;
}

.manufacturer-name {
  text-align: center;
  line-height: 1;
  margin-top: 30px;
}

.manufacturer-name span {
  margin-bottom: 12px;
  font-size: x-large;
  display: block;
}

@media(max-width: 575px) {
  .manufacturer-name {
    line-height: 1;
    margin-top: 30px;
  }
}

.manufacturer-name a {
  font-size: 14px;
  line-height: 1;
  color: #777777;
  text-transform: capitalize;
}

.manufacturer-name a:hover {
  color: #c29958;
}

.color-categories {
  line-height: 1;
}

.color-categories li {
  display: inline-block;
  padding: 1px;
  border-radius: 50%;
  border: 1px solid #efefef;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.color-categories li:hover {
  border-color: #c29958;
}

.color-categories li a {
  height: 12px;
  width: 12px;
  display: block;
  border-radius: 50%;
}

.c-lightblue {
  background-color: #b0c4de;
}

.c-darktan {
  background-color: #aa9e78;
}

.c-grey {
  background-color: #808080;
}

.c-brown {
  background-color: #964B00;
}

.button-group {
  right: 15px;
  top: 15px;
  position: absolute;
}

.button-group a {
  width: 38px;
  height: 38px;
  display: block;
  font-size: 18px;
  line-height: 42px;
  color: #222222;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 10px;
  background-color: #fff;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
}

.button-group a span {
  display: block;
}

.button-group a:hover {
  color: #c29958;
}

.cart-hover {
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.product-label {
  background: #c29958;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  left: 20px;
  line-height: 1;
  min-width: 46px;
  padding: 4px 12px;
  position: absolute;
  text-align: center;
  text-transform: capitalize;
  z-index: 3;
}

.product-label span {
  display: block;
  margin-top: -1px;
}

.product-label.discount {
  background-color: #222222;
}

.product-label:nth-child(1) {
  top: 20px;
}

.product-label:nth-child(2) {
  top: 48px;
}

.ratings {
  color: #f9bd22;
  font-size: 14px;
}

.ratings span {
  margin-right: 3px;
}

.price-box {
  font-size: 15px;
  line-height: 1;
  margin-bottom: 25px;
}

.price-regular {
  color: #c29958;
  font-weight: 500;
}

.price-old {
  color: #999;
  padding-left: 5px;
  font-weight: 300;
}

@media (max-width: 575px) {
	.price-box {
      margin-bottom: 15px;
    }
}
/*------- product item end -------*/
/*-------- product list item start --------*/
.product-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767.98px) {
  .product-list-item {
    display: block !important;
  }
}

.product-list-item .product-thumb {
  max-width: 30%;
  -webkit-flex-basis: 30%;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  height: 100%;
}

@media only screen and (max-width: 767.98px) {
  .product-list-item .product-thumb {
    max-width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.product-content-list {
  padding-left: 20px;
  max-width: calc(100% - 30%);
  -webkit-flex-basis: calc(100% - 30%);
  -ms-flex-preferred-size: calc(100% - 30%);
  flex-basis: calc(100% - 30%);
}

@media only screen and (max-width: 767.98px) {
  .product-content-list {
    padding-left: 0;
    max-width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 30px;
  }
}

.product-content-list .manufacturer-name {
  padding-bottom: 10px;
}

.product-content-list .ratings {
  padding-bottom: 10px;
}

.product-content-list .product-name {
  padding: 10px 0 12px;
}

.product-content-list .product-name a {
  color: #222222;
  font-weight: 400;
}

.product-content-list .product-name a:hover {
  color: #c29958;
}

.product-content-list p {
  padding-top: 15px;
  margin-top: 22px;
  border-top: 1px solid #efefef;
}

/*-------- product list item end --------*/
/*------ group list item start ------*/
@media only screen and (min-width: 768px) and (max-width: 991.98px),
  only screen and (max-width: 767.98px) {
    .group-product-banner {
      margin-bottom: 80px;
    }
  }

.group-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.group-item-thumb {
  max-width: 80px;
  -webkit-flex-basis: 80px;
  -ms-flex-preferred-size: 80px;
  flex-basis: 80px;
}

.group-item-desc {
  position: relative;
  padding-left: 10px;
  max-width: calc(100% - 80px);
  -webkit-flex-basis: calc(100% - 80px);
  -ms-flex-preferred-size: calc(100% - 80px);
  flex-basis: calc(100% - 80px);
}

.group-item-desc .group-product-name {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  text-transform: capitalize;
  padding-bottom: 18px;
}

.group-item-desc .group-product-name a {
  color: #222222;
}

.group-item-desc .group-product-name a:hover {
  color: #c29958;
  text-decoration: underline;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .categories-group-wrapper {
    margin-bottom: 78px;
  }
}

@media only screen and (max-width: 767.98px) {
  .categories-group-wrapper {
    margin-bottom: 60px;
  }
}

.row [class*="col-"]:last-child .categories-group-wrapper {
  margin-bottom: 0;
}

.group-list-item-wrapper .slick-slider .slick-slide>div {
  margin-bottom: 20px;
}

.group-list-item-wrapper .slick-slider .slick-slide>div:last-child {
  margin-bottom: 0;
}

/*------ group list item end ------*/
/*----- testimonial area start -----*/
.testimonial-thumb-wrapper {
  max-width: 285px;
  margin: auto;
}

.testimonial-thumb {
  cursor: pointer;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  width: auto;
  width: 100px !important;
  height: 100px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}

.slick-slide.slick-current .testimonial-thumb {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.testimonial-content-wrapper {
  text-align: center;
  box-shadow: none !important;
  height: 100% !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .testimonial-content-wrapper {
    max-width: 750px;
  }
}

.testimonial-content {
  text-align: center;
  box-shadow: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: auto !important;
}

.testimonial-content p {
  font-size: 15px;
}

.testimonial-content .ratings {
  margin-top: 30px;
  margin-bottom: 5px;
}

.testimonial-author {
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  text-transform: capitalize;
}

/*----- testimonial area end -----*/
/*----- breadcrumb style css start -----*/
.breadcrumb-area {
  background-color: var(--site-bg);
}

.breadcrumb-wrap {
  padding: 24px 0;
  text-align: center;
}

.breadcrumb-wrap .breadcrumb {
  background: var(--site-bg);
  margin-bottom: 0;
  padding: 0;
  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;
}

.breadcrumb-wrap .breadcrumb .breadcrumb-item a {
  color: #222222;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
}

.breadcrumb-wrap .breadcrumb .breadcrumb-item a:hover {
  color: #c29958;
}

.breadcrumb-wrap .breadcrumb .breadcrumb-item:before {
  color: #7e7e7e;
  content: "/";
  font-size: 25px;
  margin: 0 5px;
}

.breadcrumb-wrap .breadcrumb .breadcrumb-item:first-child::before {
  display: none;
}

.breadcrumb-wrap .breadcrumb .breadcrumb-item.active {
  color: #c29958;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}

/*----- breadcrumb style css end -----*/
/*----- shop Sidebar start -----*/
.sidebar-wrapper .sidebar-single:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .sidebar-wrapper {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sidebar-wrapper {
    margin-top: 62px;
  }
}

.sidebar-single {
  margin-bottom: 35px;
}

.sidebar-single .sidebar-title {
  position: relative;
  line-height: 1;
  margin-top: -3px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.sidebar-single .sidebar-title:before {
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  content: " ";
  position: absolute;
  background-color: #efefef;
}

/*------ pricing filter slider start ------*/
.price-range-wrap {
  padding-top: 8px;
}

.price-range-wrap .price-range {
  border-radius: 0;
  margin-right: 13px;
  margin-bottom: 20px;
}

.price-range-wrap .price-range.ui-widget-content {
  border: none;
  background: #eeeeee;
  height: 6px;
  border-radius: 20px;
}

.price-range-wrap .price-range.ui-widget-content .ui-slider-range {
  background-color: #c29958;
  border-radius: 0;
}

.price-range-wrap .price-range.ui-widget-content .ui-slider-handle {
  border: none;
  background-color: #fff;
  height: 12px;
  width: 12px;
  outline: none;
  cursor: ew-resize;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}

.price-range-wrap .price-range.ui-widget-content .ui-slider-handle:before {
  top: 50%;
  left: 50%;
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  background-color: #c29958;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.price-range-wrap .range-slider {
  color: #222222;
  margin-top: 30px;
}

.price-range-wrap .range-slider .price-input label {
  color: #222222;
  margin-bottom: 0;
}

.price-range-wrap .range-slider .price-input input {
  color: #555555;
  border: none;
  outline: none;
  max-width: 80px;
  pointer-events: none;
}

.price-range-wrap .range-slider button.filter-btn {
  border: none;
  color: #222222;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  text-transform: uppercase;
  padding: 4px 15px;
  border-radius: 3px;
  background-color: #ebebeb;
}

.price-range-wrap .range-slider button.filter-btn:hover {
  color: #fff;
  background-color: #c29958;
}

/*------ pricing filter slider end ------*/
.categories-list li {
  color: #555555;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.categories-list li:last-child {
  margin-bottom: 0;
}

.categories-list li:hover {
  color: #c29958;
}

/*------ shop categories area start ------*/
.shop-categories {
  margin-top: -4px;
}

.shop-categories li a {
  color: #555555;
  display: block;
  line-height: 1;
  padding: 10px 0;
  text-transform: capitalize;
}

.shop-categories li:first-child a {
  padding-top: 0;
}

.shop-categories li:last-child a {
  padding-bottom: 0;
}

.shop-categories li:hover a {
  color: #c29958;
}

/*------ shop categories area end ------*/
/*----- shop Sidebar end -----*/
/*------ pagination area style start ------*/
.paginatoin-area {
  margin-top: 0px;
  padding: 0px;
  border: 1px solid #f5f5f5;
}

@media (max-width: 767px) {
  .paginatoin-area {
    margin-top: 8px;
    padding: 0px;
    border: 1px solid #f5f5f5;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

.paginatoin-area .pagination-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -35px;
}

.paginatoin-area .pagination-box li {
  margin-right: 5px;
  display: inline-block;
}

.paginatoin-area .pagination-box li:last-child {
  margin-right: 0;
}

.paginatoin-area .pagination-box li a {
  color: #222222;
  height: 36px;
  width: 36px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  line-height: 36px;
  background-color: var(--site-bg);
  border-radius: 50%;
}

.paginatoin-area .pagination-box li a i {
  font-size: 30px;
  line-height: 36px;
}

.paginatoin-area .pagination-box li a:hover {
  color: #fff;
  border-color: #c29958;
  background-color: #c29958;
}

.paginatoin-area .pagination-box li.active a {
  color: #fff;
  background-color: #c29958;
}

/*------ pagination area style end ------*/
/*------- blog item start -------*/
.blog-post-item:hover .blog-thumb img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}

.blog-thumb {
  overflow: hidden;
}

.blog-thumb img {
  width: 100%;
}

.blog-content {
  padding-top: 15px;
}

.blog-title {
  line-height: 1.3;
  text-transform: capitalize;
}

.blog-title a {
  color: #222222;
  display: block;
}

.blog-title a:hover {
  color: #c29958;
}

.blog-meta {
  padding-bottom: 15px;
}

.blog-meta p {
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
  color: #777;
}

.blog-meta p a {
  color: #c29958;
}

/*------- blog item end -------*/
/*------ blog list item start ------*/
.blog-list-inner .blog-post-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767.98px) {
  .blog-list-inner .blog-post-item {
    display: block;
  }
}

.blog-list-inner .blog-post-item .blog-thumb {
  width: 40%;
}

@media only screen and (max-width: 767.98px) {
  .blog-list-inner .blog-post-item .blog-thumb {
    width: 100%;
  }
}

.blog-list-inner .blog-post-item .blog-content {
  padding-top: 0;
  padding-left: 20px;
  width: calc(100% - 40%);
}

@media only screen and (max-width: 767.98px) {
  .blog-list-inner .blog-post-item .blog-content {
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
  }
}

.blog-list-inner .blog-post-item .blog-content .blog-title {
  margin-top: -5px;
}

.blog-list-inner .blog-post-item .blog-content .blog-meta {
  padding-top: 15px;
}

.blog-list-inner .blog-post-item .blog-content .blog-read-more {
  color: #222222;
  display: inline-block;
  margin-top: 10px;
}

.blog-list-inner .blog-post-item .blog-content .blog-read-more:hover {
  color: #c29958;
  text-decoration: underline;
}

/*------ blog list item end ------*/
/*----- blog sidebar start -------*/
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .blog-sidebar-wrapper {
    margin-bottom: -5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .blog-sidebar-wrapper {
    margin-top: 77px;
    margin-bottom: -5px;
  }
}

@media only screen and (max-width: 767.98px) {
  .blog-sidebar-wrapper {
    margin-top: 60px;
    margin-bottom: -5px;
  }
}

.blog-sidebar-wrapper .blog-sidebar:last-child {
  margin-bottom: 0;
}

.blog-sidebar {
  margin-bottom: 30px;
  margin-top: 30px;
}

.blog-sidebar .title {
  line-height: 1;
  margin-top: -2px;
  margin-bottom: 40px;
  position: relative;
  text-transform: capitalize;
}

.blog-sidebar .title:before {
  width: 100%;
  height: 1px;
  bottom: -10px;
  left: 0;
  background-color: #efefef;
  content: "";
  position: absolute;
}

.blog-sidebar .search-field {
  width: calc(100% - 50px);
  border: 1px solid #ccc;
  padding: 0 10px;
  color: #555555;
  font-size: 14px;
  height: 50px;
  float: left;
  text-transform: capitalize;
}

.blog-sidebar .search-btn {
  width: 50px;
  height: 50px;
  margin-left: -4px;
  text-align: center;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.blog-sidebar .search-btn i {
  font-size: 20px;
  line-height: 50px;
  color: #222222;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.blog-sidebar .search-btn:hover {
  background-color: #c29958;
  border-color: #c29958;
}

.blog-sidebar .search-btn:hover i {
  color: #fff;
}

.blog-sidebar .blog-archive {
  margin-top: -10px;
}

.blog-sidebar .blog-archive li a {
  color: #555555;
  font-size: 14px;
  line-height: 1;
  text-transform: capitalize;
  padding: 13px 0;
  display: inline-block;
}

.blog-sidebar .blog-archive li a:hover {
  color: #c29958;
}

.blog-sidebar .blog-archive li:last-child a {
  padding-bottom: 0;
}

.blog-sidebar .blog-archive li:first-child a {
  padding-top: 0;
}

.blog-sidebar .blog-tags li {
  display: inline-block;
  margin-bottom: 5px;
}

.blog-sidebar .blog-tags li a {
  color: #222222;
  font-size: 14px;
  border: 1px solid #ccc;
  padding: 6px 15px 4px;
  display: inline-block;
  text-transform: capitalize;
}

.blog-sidebar .blog-tags li a:hover {
  color: #fff;
  background-color: #c29958;
  border-color: #c29958;
}

.blog-category {
  margin-top: -10px;
}

.recent-post .recent-post-item:last-child {
  margin-bottom: 0;
}

.recent-post-item {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.recent-post-item .product-thumb {
  max-width: 70px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 70px;
  -ms-flex: 1 0 70px;
  flex: 1 0 70px;
}

.recent-post-item .recent-post-description {
  padding-left: 10px;
}

.recent-post-item .recent-post-description h6 {
  font-size: 14px;
  padding-bottom: 5px;
  text-transform: capitalize;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .recent-post-item .recent-post-description h6 {
    font-size: 13px;
    padding-bottom: 5px;
  }
}

.recent-post-item .recent-post-description h6 a {
  color: #222222;
}

.recent-post-item .recent-post-description h6 a:hover {
  color: #c29958;
}

.recent-post-item .recent-post-description p {
  text-transform: capitalize;
}

/*----- blog sidebar end -------*/
.entry-summary {
  padding-top: 25px;
}

blockquote {
  border-left: 5px solid #c29958;
  margin: 25px 32px 25px 30px;
  background-color: #f8f8f8;
  padding: 15px;
}

.blog-details-post .blog-content .blog-title {
  padding-top: 10px;
}

@media only screen and (max-width: 767.98px) {
  .blog-details-post .blog-content .blog-title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 479.98px) {
  .blog-details-post .blog-content .blog-title {
    font-size: 18px;
  }
}

.blog-details-post .blog-content .blog-meta {
  padding-top: 15px;
  padding-bottom: 0;
}

.blog-details-post:hover .blog-thumb img {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

/*------- blog main content wrapper start --------*/
.blog-post-item .tag-line {
  padding: 10px 0;
  margin-top: 20px;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}

.blog-post-item .tag-line h6 {
  font-size: 14px;
  display: inline-block;
  padding-right: 5px;
}

.blog-post-item .tag-line a {
  font-size: 13px;
  color: #222222;
}

.blog-post-item .tag-line a:hover {
  color: #c29958;
}

.blog-share-link {
  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;
  padding-top: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
  only screen and (max-width: 767.98px) {
    .blog-share-link {
      padding-top: 15px;
    }
  }

.blog-share-link h6 {
  font-size: 14px;
  padding-right: 15px;
}

.blog-share-link .blog-social-icon a {
  width: 36px;
  height: 36px;
  font-size: 15px;
  line-height: 36px;
  text-align: center;
  display: inline-block;
  color: #fff;
  border-radius: 50%;
  margin-right: 5px;
}

.blog-share-link .blog-social-icon a.facebook {
  background-color: #3B5999;
}

.blog-share-link .blog-social-icon a.twitter {
  background-color: #1DA1F2;
}

.blog-share-link .blog-social-icon a.pinterest {
  background-color: #CB2028;
}

.blog-share-link .blog-social-icon a.google {
  background-color: #fe6d4c;
}

.blog-share-link .blog-social-icon a:hover.facebook {
  background-color: #2d4474;
}

.blog-share-link .blog-social-icon a:hover.twitter {
  background-color: #0c85d0;
}

.blog-share-link .blog-social-icon a:hover.pinterest {
  background-color: #9f191f;
}

.blog-share-link .blog-social-icon a:hover.google {
  background-color: #fe4419;
}

@media only screen and (max-width: 479.98px) {
  .blog-share-link .blog-social-icon a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    margin-right: 0;
  }
}

/*--- blog main content wrapper end ---*/
/*--- blog comment section start ---*/
.comment-section {
  margin-top: -3px;
}

.comment-section h5 {
  line-height: 1;
  padding-bottom: 15px;
}

.comment-section ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #efefef;
}

.comment-section ul li:last-child {
  margin-bottom: 5px;
}

@media only screen and (max-width: 479.98px) {
  .comment-section ul li {
    display: block;
  }
}

.comment-section ul li .author-avatar {
  -webkit-flex-basis: 66px;
  -ms-flex-preferred-size: 66px;
  flex-basis: 66px;
  max-height: 62px;
  margin-right: 10px;
}

@media only screen and (max-width: 479.98px) {
  .comment-section ul li .author-avatar {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 66px;
    height: 62px;
  }
}

.comment-section ul li.comment-children {
  margin-left: 40px;
}

@media only screen and (max-width: 479.98px) {
  .comment-section ul li.comment-children {
    margin-left: 20px;
  }
}

.comment-section ul li .comment-body {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.comment-section ul li .comment-body h5 {
  font-size: 14px;
  padding-bottom: 5px;
}

.comment-section ul li .comment-body .comment-post-date {
  color: #555555;
  padding-bottom: 10px;
}

.comment-section ul li .comment-body .reply-btn {
  float: right;
}

.comment-section ul li .comment-body .reply-btn a {
  color: #222222;
  font-size: 12px;
  display: inline-block;
  padding: 4px 15px;
  border-radius: 20px;
  text-transform: capitalize;
  border: 1px solid #efefef;
}

.comment-section ul li .comment-body .reply-btn a:hover {
  color: #fff !important;
  border-color: #c29958;
  background-color: #c29958;
}

/*--- blog comment section end ---*/
/*------ blog comment box start -----*/
.blog-comment-wrapper {
  margin-top: -10px;
}

.blog-comment-wrapper h3 {
  color: #222222;
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  padding-bottom: 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #f0f0f0;
}

.blog-comment-wrapper p {
  margin-bottom: 10px;
  padding-top: 10px;
}

.blog-comment-wrapper .comment-post-box label {
  color: #222222;
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
  text-transform: capitalize;
}

.blog-comment-wrapper .comment-post-box .coment-field {
  background: #f8f8f8;
  border: none;
  color: #555555;
  padding: 8px 10px;
  width: 100%;
}

@media only screen and (max-width: 767.98px) {
  .blog-comment-wrapper .comment-post-box .coment-field {
    margin-bottom: 20px;
  }
}

.blog-comment-wrapper .comment-post-box textarea {
  height: 130px;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
  background: #f8f8f8;
  border: none;
}

.blog-comment-wrapper .comment-post-box .coment-btn {
  margin-top: 30px;
}

@media only screen and (max-width: 767.98px) {
  .blog-comment-wrapper .comment-post-box .coment-btn {
    margin-top: 10px;
  }
}

/*------- blog comment box end --------*/
/*------- about us area start -------*/
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .about-thumb {
    text-align: center;
  }
}

@media only screen and (max-width: 767.98px) {
  .about-thumb {
    text-align: center;
  }

  .about-thumb img {
    width: 100%;
  }
}

.about-title {
  font-size: 48px;
  color: #d1d1d1;
  display: block;
  line-height: 1.1;
  margin-bottom: 38px;
}

@media only screen and (max-width: 767.98px) {
  .about-title {
    font-size: 26px;
    color: #222222;
    margin-bottom: 25px;
  }
}

.about-sub-title {
  line-height: 1.5;
  padding-bottom: 20px;
}

@media only screen and (max-width: 767.98px) {
  .about-sub-title {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
  only screen and (max-width: 767.98px) {
    .about-content {
      text-align: center;
      padding: 52px 30px 0;
      margin-bottom: -6px;
    }
  }

@media only screen and (max-width: 479.98px) {
  .about-content {
    padding: 52px 0 0 0;
  }
}

.about-content p {
  font-size: 15px;
  line-height: 1.8;
  padding-bottom: 12px;
}

.about-content p:last-child {
  padding-bottom: 0;
}

/*------- about us area end -------*/
/*-------- choosing area start --------*/
.choosing-area {
  margin-bottom: -4px;
}

@media only screen and (max-width: 767.98px) {
  .single-choose-item {
    padding: 0 20px;
  }
}

.single-choose-item i {
  color: #969ca7;
  font-size: 44px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.single-choose-item h4 {
  color: #222222;
  font-size: 18px;
  font-weight: 500;
  padding: 15px 0 10px;
  text-transform: capitalize;
}

.single-choose-item:hover i {
  color: #c29958;
}

/*-------- choosing area end --------*/
/*------- team area start -------*/
.team-member {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.team-member .team-thumb {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.team-member .team-thumb img {
  width: 100%;
}

.team-member .team-thumb .team-social {
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  position: absolute;
  background-color: #fff;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
}

.team-member .team-thumb .team-social a {
  color: #222222;
  width: 30px;
  height: 30px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  background-color: #f5f5f5;
  border-radius: 5px;
  margin-right: 5px;
}

.team-member .team-thumb .team-social a:hover {
  color: #fff;
  background-color: #c29958;
  border-color: #c29958;
}

.team-member .team-content .team-member-name {
  padding-top: 15px;
}

.team-member .team-content p {
  font-size: 14px;
  line-height: 1;
  padding-top: 5px;
  color: #c29958;
}

.team-member:hover .team-social {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.team-member:hover .team-thumb img {
  opacity: 0.5;
}

/*------- team area end -------*/
/*------ shop page style start ------*/
.shop-top-bar {
  margin-bottom: 40px;
}

.top-bar-left {
  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;
}

@media only screen and (max-width: 992px) {
  .top-bar-left {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-direction: column;
  }
}

.top-bar-left .product-view-mode {
  margin-right: 60px;
}

@media only screen and (max-width: 479.98px) {
  .top-bar-left .product-view-mode {
    margin-right: 0;
  }
}

.top-bar-left .product-view-mode a {
  color: #b6b6b6;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
}

.top-bar-left .product-view-mode a i {
  font-size: 20px;
  margin-top: 6px;
}

.top-bar-left .product-view-mode a:hover {
  color: #c29958;
}

.top-bar-left .product-view-mode a.active {
  color: #c29958;
}

.top-bar-left .product-amount p {
  color: #000;
  font-size: 14px;
  text-transform: capitalize;
}

.filter-icon {
  border: solid #676767;
  border-width: 0px 2px 2px 0;
  display: inline-block;
  position: relative;
  padding: 3px;
  margin: 0px 0px 2px 8px;
  transform: rotate(45deg);
  transition: 400ms;
}

.top-bar-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: -20px;
  margin-top: 20px;
  flex: 0 0 50%;
  height: 40px;
}

@media only screen and (min-width: 1140px) {
  .top-bar-right {
    margin-right: 15px;
    display: none;
  }
}

@media only screen and (max-width: 1140px) {
  .top-bar-right {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: right;
    background: #f5f5f5;
    width: 100%;
    display: none;
  }
}

.top-bar-right .product-short {
  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;
  font-size: 20px;
  font-family: var(--font-body, "Lato", sans-serif);
  margin-bottom: -15px;
}

.top-bar-right .product-short p {
  margin: 8px;
  width: 82px;
  color: #000;
}

.nice-select {
  border-radius: 8px;
  background: white;
  height: 36px;
  line-height: 34px;
  padding: 1px 10px;
  margin-right: 12px;
  font-size: 15px;
  color: #9c9c9c;
  border-color: #9c9c9c;
}

.nice-select.open {
  color: white;
  border-radius: 8px;
}

.nice-select .list {
  padding: 10px;
  right: 0;
  left: auto;
  width: 100%;
  border-radius: 9px;
}

.nice-select .option {
  padding: 10px;
  font-size: 13px;
  line-height: 34px;
  min-height: 34px;
  text-transform: capitalize;
}

.nice-select:after {
  height: 6px;
  width: 6px;
  color: white;
}

/*----- shop main wrapper end -----*/
/*----- product change view start -----*/
.shop-product-wrap.list-view .product-item {
  display: none;
}

.shop-product-wrap.grid-view .product-item {
  display: block;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  padding: 0;
}

.shop-product-wrap.grid-view .product-list-item {
  display: none !important;
}

.shop-product-wrap.list-view .product-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.shop-product-wrap.row.list-view .col-md-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.shop-product-wrap [class*="col-"] {
  margin-bottom: 30px;
  max-width: 23%!important;
  background-color: #fff;
  border-radius: 15px;
  margin: 0px 9px 18px 9px;
  box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
}

/*----- product change view end -----*/
/*------ shop page style start ------*/
/*----- product details slider start ----*/
.pro-large-img {
  position: relative;
  cursor: pointer;
}

.pro-large-img img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 30px;
}

.zoomContainer {
  z-index: 1;
}

.zoomContainer .zoomLens {
  box-shadow: 1px 2px 6px #0000004f;
  border-radius: 15px;
}

/*----- product details slider end ----*/
/*----- product details content start ----*/
.option-title {
  line-height: 1;
  font-weight: 400;
  margin-right: 10px;
  text-transform: capitalize;
}

.product-details-des .product-name {
  text-align: center;
  font-weight: 400;
  padding-top: 10px;
  padding-bottom: 5px;
}

@media only screen and (max-width: 575.98px) {
  .measurement-table {
    width: 52px!important;
    margin-bottom: 10px!important;
  }
  .measurement-table img {
    width: 40px!important;
    padding: 4px!important;
    margin-bottom: 2px!important;
  }
  .product-details-des .product-name {
    font-size: 17px;
  }
}

@media only screen and (max-width: 450.98px) {
  .product-details-des .product-name {
    font-size: 17px;
  }
}

.product-details-des .pro-review {
  padding-left: 10px;
}

.product-details-des .pro-review span {
  font-size: 14px;
  line-height: 1;
  color: #555555;
}

.product-details-des .price-box {
  text-align: center;
}

.product-details-des .customer-rev {
  padding-top: 10px;
}

.product-details-des .customer-rev a {
  color: #222222;
  font-size: 13px;
  text-transform: capitalize;
}

.product-details-des .customer-rev a:hover {
  color: #c29958;
}

.product-details-des .offer-text {
  font-weight: 400;
}

.product-details-des .quantity-cart-box {
  margin-bottom: 20px;
}

.product-details-des .quantity {
  margin-right: 15px;
}

.product-details-des .quantity .pro-qty {
  width: 90px;
  height: 40px;
  border: 1px solid #ddd;
  padding: 0 15px;
  border-radius: 40px;
  float: left;
}

.product-details-des .quantity .pro-qty .qtybtn {
  width: 14px;
  display: block;
  float: left;
  line-height: 40px;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  color: #555555;
}

.product-details-des .quantity .pro-qty input {
  width: 26px;
  float: left;
  border: none;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  background-color: transparent;
}

.product-details-des .pro-desc {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #807f79;
}

.product-details-des .availability {
  margin-bottom: 15px;
}

.product-details-des .availability i {
  color: #81ca33;
}

.product-details-des .availability span {
  color: #555555;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  padding-left: 3px;
  text-transform: uppercase;
}

.product-details-des .useful-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  margin: 10px;
  display: block;
  text-align: center;
}

.product-details-des .useful-links a {
  font-size: 14px;
  font-weight: 500;
  color: #222222;
  margin-right: 20px;
  text-transform: capitalize;
}

.product-details-des .useful-links a:hover {
  color: #c29958;
}

.product-details-des .useful-links a i {
  font-size: 20px;
  padding-right: 5px;
  vertical-align: middle;
}

.product-details-des .like-icon {
  padding-top: 20px;
  border-top: 1px solid #efefef;
  text-align: center;
}

.product-details-des .like-icon a {
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  padding: 0 8px;
  margin-right: 6px;
  border-radius: 3px;
  text-transform: capitalize;
}

@media only screen and (max-width: 479.98px) {
  .product-details-des .like-icon a {
    margin-right: 0;
  }
}

.product-details-des .like-icon a i {
  padding-right: 5px;
}

.product-details-des .like-icon a.facebook {
  background-color: #3B5999;
}

.product-details-des .like-icon a.twitter {
  background-color: #1DA1F2;
}

.product-details-des .like-icon a.pinterest {
  background-color: #CB2028;
}

.product-details-des .like-icon a.google {
  background-color: #fe6d4c;
}

.product-details-des .like-icon a:hover.facebook {
  background-color: #2d4474;
}

.product-details-des .like-icon a:hover.twitter {
  background-color: #0c85d0;
}

.product-details-des .like-icon a:hover.pinterest {
  background-color: #9f191f;
}

.product-details-des .like-icon a:hover.google {
  background-color: #fe4419;
}

.product-details-des .share-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-details-des .share-icon a {
  color: #555555;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  padding: 0 8px;
  margin-right: 5px;
}

@media only screen and (max-width: 479.98px) {
  .product-details-des .share-icon a {
    padding: 0 5px;
  }
}

.product-details-des .share-icon a:hover {
  color: #c29958;
}

.product-details-des .color-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 18px;
}

.product-details-des .pro-size {
  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;
  margin-bottom: 18px;
}

.product-details-des .pro-size .nice-select {
  width: 100px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
}

.product-details-des .group-product-table {
  margin-top: 30px;
  margin-bottom: 20px;
  display: block;
}

.product-details-des .group-product-table.table-bordered {
  border: none;
}

.product-details-des .group-product-table td {
  width: 33.33%;
  padding: 8px;
  vertical-align: middle;
}

.product-details-des .group-product-table td a {
  color: #555555;
  text-transform: capitalize;
}

.product-details-des .group-product-table td a:hover {
  color: #c29958;
}

.product-details-des .group-product-table td .pro-qty {
  width: 90px;
  height: 35px;
  border: 1px solid #ddd;
  padding: 0 15px;
  float: left;
}

.product-details-des .group-product-table td .pro-qty .qtybtn {
  width: 15px;
  display: block;
  float: left;
  line-height: 31px;
  cursor: pointer;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #555555;
}

.product-details-des .group-product-table td .pro-qty input {
  width: 28px;
  float: left;
  border: none;
  height: 33px;
  line-height: 33px;
  padding: 0;
  text-align: center;
  background-color: transparent;
}

/*------ countdown style end ------*/
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .product-details-des {
    margin-top: 76px;
  }
}

@media only screen and (max-width: 767.98px) {
  .product-details-des {
    margin-top: 58px;
  }
}

.product-details-des.quick-details {
  margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .product-details-des.quick-details {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767.98px) {
  .product-details-des.quick-details {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .product-details-des.quick-details .product-name {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .product-details-des.quick-details .product-name {
    font-size: 18px;
  }
}

.product-details-des.box-layout {
  padding-top: 47px;
  text-align: center;
  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-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
  only screen and (max-width: 767.98px) {
    .product-details-des.box-layout {
      margin-top: 0;
    }
  }

.product-details-des.box-layout p {
  max-width: 80%;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
  only screen and (max-width: 767.98px) {
    .product-details-des.box-layout p {
      max-width: 100%;
      padding: 0 15px;
    }
  }

@media only screen and (min-width: 768px) and (max-width: 991.98px),
  only screen and (max-width: 767.98px) {
    .product-details-des.sidebar-sticky {
      margin-top: 0;
    }
  }

.product-details-des.quick-des p {
  padding-top: 0;
}

/*----- product details content end ----*/
/*----- reviews area start -----*/
.product-review-info .nav.review-tab li a {
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 1;
  text-transform: capitalize;
  padding: 8px 10px;
  border: 1px solid #c29958;
  border-bottom: none;
  background-color: #c29958;
}

.product-review-info .nav.review-tab li a:hover,
.product-review-info .nav.review-tab li a.active {
  color: #555555;
  background-color: #fff;
  border-color: #ddd;
}

@media only screen and (max-width: 992px) {
  .product-review-info .nav.review-tab li a {
    font-size: 10px;
  }
}

@media only screen and (max-width: 479.98px) {
  .product-review-info .nav.review-tab li a {
    font-size: 8px;
  }
}

.product-review-info .tab-content.reviews-tab {
  border: #f5f5f5;
  background: white;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 15px 20px 20px;
  box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
}

.product-review-info .tab-content.reviews-tab .table {
  margin-bottom: 0;
}

.product-review-info .tab-content.reviews-tab .table tr {
  text-transform: capitalize;
}

.product-review-info .tab-content .review-description {
  padding-top: 25px;
  padding-bottom: 25px;
  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;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .product-review-info .tab-content .review-description {
    padding: 15px 0;
  }
}

@media only screen and (max-width: 767.98px) {
  .product-review-info .tab-content .review-description {
    display: block;
  }
}

.product-review-info .tab-content .review-description .tab-thumb {
  -webkit-flex-basis: 300px;
  -ms-flex-preferred-size: 300px;
  flex-basis: 300px;
}

@media only screen and (max-width: 767.98px) {
  .product-review-info .tab-content .review-description .tab-thumb {
    -webkit-flex-basis: 220px;
    -ms-flex-preferred-size: 220px;
    flex-basis: 220px;
  }
}

.product-review-info .tab-content .review-description .tab-des {
  padding-left: 40px;
  -webkit-flex-basis: calc(100% - 300px);
  -ms-flex-preferred-size: calc(100% - 300px);
  flex-basis: calc(100% - 300px);
}

@media only screen and (max-width: 767.98px) {
  .product-review-info .tab-content .review-description .tab-des {
    padding-left: 14px;
    -webkit-flex-basis: calc(100% - 220px);
    -ms-flex-preferred-size: calc(100% - 220px);
    flex-basis: calc(100% - 220px);
  }
}

.product-review-info .tab-content .review-description .tab-des h3 {
  color: #c29958;
  font-size: 20px;
  font-weight: 22px;
  font-weight: 700;
  text-transform: capitalize;
  padding-bottom: 10px;
}

.product-review-info .tab-content .review-description .tab-des ul li {
  font-size: 13px;
  list-style: inherit;
}

.review-form h5 {
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 20px;
  text-transform: capitalize;
}

@media only screen and (max-width: 575.98px) {
  .review-form h5 {
    font-size: 16px;
  }
}

.total-reviews {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 50px;
}

@media only screen and (max-width: 479.98px) {
  .total-reviews {
    display: block;
  }
}

.total-reviews .rev-avatar {
  -webkit-flex-basis: 60px;
  -ms-flex-preferred-size: 60px;
  flex-basis: 60px;
  max-height: 60px;
}

@media only screen and (max-width: 479.98px) {
  .total-reviews .rev-avatar {
    margin-bottom: 20px;
  }
}

.total-reviews .review-box {
  margin-left: 10px;
  border: 1px solid #efefef;
  padding: 10px;
  -webkit-flex-basis: calc(100% - 70px);
  -ms-flex-preferred-size: calc(100% - 70px);
  flex-basis: calc(100% - 70px);
}

@media only screen and (max-width: 479.98px) {
  .total-reviews .review-box {
    margin-left: 0;
  }
}

.total-reviews .review-box .post-author {
  padding-bottom: 10px;
}

.total-reviews .review-box .post-author p {
  font-size: 12px;
  font-style: italic;
  text-transform: capitalize;
}

.total-reviews .review-box .post-author p span {
  font-size: 13px;
}

.total-reviews .review-box p {
  font-size: 14px;
  font-style: italic;
}

/*----- reviews area end -----*/
/* Checkout Login Coupon Accordion Start */
.checkout-page-wrapper {
  margin-bottom: -8px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
  only screen and (max-width: 767.98px) {
    .checkout-page-wrapper {
      margin-bottom: 0;
    }
  }

.checkoutaccordion {
  margin-bottom: 46px;
}

.checkoutaccordion h6 {
  background-color: #f7f7f7;
  border-top: 3px solid #c29958;
  font-size: 14px;
  padding: 15px 20px;
  position: relative;
  text-transform: capitalize;
}

.checkoutaccordion h6 span {
  color: #c29958;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-left: 10px;
}

@media only screen and (max-width: 479.98px) {
  .checkoutaccordion h6 span {
    display: block;
    padding-top: 5px;
    margin-left: 0;
  }
}

.checkoutaccordion h6 span:hover {
  color: #222222;
}

@media only screen and (max-width: 479.98px) {
  .checkoutaccordion h6 {
    font-size: 14px;
  }
}

.checkoutaccordion .card {
  border: none;
  padding: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-bottom: 30px;
}

.checkoutaccordion .card:last-child {
  margin-bottom: 0;
}

.checkoutaccordion .card .card-body {
  border: 1px solid #ccc;
  font-size: 14px;
  padding: 20px;
}

.checkoutaccordion .card .card-body .cart-update-option {
  border: none;
  padding: 0;
}

.checkoutaccordion .card .card-body .cart-update-option .apply-coupon-wrapper input {
  padding: 12px 10px;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  margin-right: 15px;
}

@media only screen and (max-width: 479.98px) {
  .checkoutaccordion .card .card-body .cart-update-option .apply-coupon-wrapper input {
    margin-bottom: 15px;
  }
}

.checkout-box-wrap .custom-control {
  padding-left: 0;
  margin-left: 1.5rem;
}

.checkout-billing-details-wrap .billing-form-wrap {
  margin-top: -20px;
}

.checkout-title {
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767.98px) {
  .checkout-title {
    margin-bottom: 26px;
  }
}

.forget-pwd {
  color: #c29958;
  font-size: 12px;
  margin-top: -6px;
}

.single-form-row {
  margin-top: 15px;
  display: none;
}

.single-form-row p {
  margin: 0;
  font-size: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .order-summary-details {
    margin-top: 70px;
  }
}

@media only screen and (max-width: 767.98px) {
  .order-summary-details {
    margin-top: 52px;
  }
}

.order-summary-table {
  background-color: #f7f7f7;
  margin-top: 34px;
}

.order-summary-table .table,
.order-summary-table table {
  color: #222222;
  margin-bottom: 0;
  font-size: 15px;
  white-space: nowrap;
}

.order-summary-table .table tr td,
.order-summary-table .table tr th,
.order-summary-table table tr td,
.order-summary-table table tr th {
  font-weight: 400;
  vertical-align: middle;
  padding: 15px 10px;
  border-width: 1px;
}

.order-summary-table .table tr td a,
.order-summary-table .table tr th a,
.order-summary-table table tr td a,
.order-summary-table table tr th a {
  color: #222222;
  font-weight: 400;
}

.order-summary-table .table tr td strong,
.order-summary-table .table tr th strong,
.order-summary-table table tr td strong,
.order-summary-table table tr th strong {
  font-weight: 400;
}

.order-summary-table .shipping-type {
  text-align: left;
}

.order-summary-table .shipping-type li {
  margin-bottom: 5px;
}

.order-summary-table .shipping-type li:last-child {
  margin-bottom: 0;
}

.order-payment-method {
  background-color: #f7f7f7;
  padding: 40px 20px 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
  only screen and (max-width: 767.98px) {
    .order-payment-method {
      padding: 32px 20px 36px;
    }
  }

.single-payment-method {
  margin-bottom: 20px;
}

.single-payment-method:last-child {
  margin-bottom: 0;
}

.single-payment-method:first-child .payment-method-details {
  display: block;
}

.single-payment-method label,
.single-payment-method .custom-control-label {
  font-weight: 700;
}

.single-payment-method .paypal-card {
  max-width: 150px;
  height: 50px;
  margin-top: 10px;
  display: block;
}

.single-payment-method .payment-method-details {
  background-color: #f1f1f1;
  color: #222222;
  font-weight: 400;
  font-size: 13px;
  padding: 10px;
  position: relative;
  margin-top: 20px;
  display: none;
}

.single-payment-method .payment-method-details:after {
  content: '';
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f1f1f1;
  bottom: 100%;
}

.single-payment-method .payment-method-details * {
  margin: 0;
}

.summary-footer-area .btn-brand {
  margin-top: 40px;
}

/*------- input box style css start -------*/
.single-input-item {
  margin-top: 20px;
}

.single-input-item label {
  color: #222222;
  text-transform: capitalize;
  font-size: 14px;
}

.single-input-item label.required:after {
  content: '*';
  color: red;
  font-size: 14px;
  margin-left: 3px;
  margin-top: 5px;
}

.single-input-item input,
.single-input-item textarea {
  color: #555555;
  border: 1px solid #ccc;
  padding: 12px 10px;
  width: 100%;
  font-size: 14px;
  background: #f7f7f7;
}

.single-input-item input:active,
.single-input-item input:focus,
.single-input-item textarea:active,
.single-input-item textarea:focus {
  border-color: #c29958;
  background-color: #fff;
}

.single-input-item .nice-select {
  width: 100%;
  border-radius: 0;
  height: 48px;
  border-color: #ccc;
  background-color: #f7f7f7;
}

.single-input-item .nice-select .current {
  color: #555555;
}

.single-input-item .nice-select .list {
  max-height: 200px;
  overflow: auto;
  width: 100%;
}

/*------- input box style css end -------*/
/*--------- Cart Page Wrapper Start ---------*/
.cart-table .table {
  margin: 0;
  white-space: nowrap;
}

.cart-table .table thead {
  background-color: #c29958;
}

.cart-table .table thead tr th {
  border-color: #c29958;
  border-bottom: 0 solid transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 15px 20px;
  text-align: center;
  text-transform: capitalize;
}

.cart-table .table tbody tr td {
  border-color: #ccc;
  text-align: center;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: 500;
  color: #222222;
}

.cart-table .table tbody tr td a {
  color: #222222;
  font-weight: 400;
  text-transform: capitalize;
}

.cart-table .table tbody tr td a:hover {
  color: #c29958;
}

.cart-table .table tbody tr td a.btn {
  color: #fff;
}

.cart-table .table tbody tr td a.btn:hover {
  color: #fff;
}

.cart-table .table tbody tr td a.check-btn {
  color: #fff;
}

.cart-table .table tr .pro-thumbnail,
.cart-table .table tr .pro-price,
.cart-table .table tr .pro-quantity,
.cart-table .table tr .pro-subtotal,
.cart-table .table tr .pro-remove {
  width: 140px;
}

.cart-table .table tr .pro-qty {
  width: 90px;
  height: 40px;
  border: 1px solid #ddd;
  padding: 0 15px;
  float: left;
}

.cart-table .table tr .pro-qty .qtybtn {
  width: 15px;
  display: block;
  float: left;
  line-height: 38px;
  cursor: pointer;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  color: #555555;
}

.cart-table .table tr .pro-qty input {
  width: 28px;
  float: left;
  border: none;
  height: 40px;
  line-height: 34px;
  padding: 0;
  text-align: center;
  background-color: transparent;
}

.cart-update-option {
  border: 1px solid #ccc;
  margin-top: 15px;
  padding: 15px 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (min-width: 1200px),
  only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .cart-update-option {
      margin-top: 0;
      border-top: 0 solid transparent;
    }
  }

.cart-update-option .apply-coupon-wrapper {
  width: 55%;
}

@media only screen and (max-width: 767.98px),
  only screen and (min-width: 768px) and (max-width: 991.98px) {
    .cart-update-option .apply-coupon-wrapper {
      width: auto;
    }
  }

.cart-update-option .apply-coupon-wrapper form {
  -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;
  white-space: nowrap;
}

.cart-update-option .apply-coupon-wrapper form input {
  border: 1px solid #ccc;
  font-size: 14px;
  padding: 9px 10px;
  outline: none;
  margin-right: 15px;
  width: 100%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.cart-update-option .apply-coupon-wrapper form input:focus,
.cart-update-option .apply-coupon-wrapper form input:active {
  border-color: #c29958;
}

@media only screen and (max-width: 767.98px) {
  .cart-update-option .apply-coupon-wrapper button {
    display: block;
    width: 100%;
    margin-top: 15px;
    border-radius: 0;
  }
}

@media only screen and (max-width: 767.98px) {
  .cart-update-option .cart-update {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767.98px) {
  .cart-update-option .cart-update .btn {
    width: 100%;
  }
}

.cart-calculator-wrapper {
  margin-top: 30px;
  background-color: #f8f8f8;
}

.cart-calculator-wrapper h6 {
  padding: 20px 15px 18px;
  margin-bottom: 0;
}

.cart-calculator-wrapper .cart-calculate-items {
  font-weight: 500;
}

.cart-calculator-wrapper .cart-calculate-items .table {
  margin-bottom: 0;
}

.cart-calculator-wrapper .cart-calculate-items .table tr td {
  color: #222222;
  padding: 15px 20px;
}

.cart-calculator-wrapper .cart-calculate-items .table tr td:nth-child(2) {
  color: #222222;
  text-align: right;
}

.cart-calculator-wrapper .cart-calculate-items .table tr td.total-amount {
  color: #c29958;
  font-weight: 700;
}

.cart-calculator-wrapper a {
  border-radius: 0;
  text-align: center;
}

/*--------- Cart Page Wrapper end ---------*/
/*------ Start Compare Page Wrapper -----*/
.compare-table .table tbody tr td {
  text-align: center;
  padding: 20px 20px;
  vertical-align: middle;
  border-color: #ccc;
}

.compare-table .table tbody tr td.first-column {
  min-width: 175px;
  font-size: 15px;
  font-weight: 500;
  color: #222222;
  margin: 0;
}

@media only screen and (max-width: 767.98px) {
  .compare-table .table tbody tr td.first-column {
    min-width: 115px;
  }
}

.compare-table .table tbody tr td.product-image-title {
  min-width: 310px;
  vertical-align: bottom;
}

@media only screen and (max-width: 767.98px) {
  .compare-table .table tbody tr td.product-image-title {
    min-width: 220px;
  }
}

.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 15px;
  display: block;
}

.compare-table .table tbody tr td.product-image-title .category {
  float: left;
  clear: both;
  color: #c29958;
  text-transform: capitalize;
  letter-spacing: 0.5px;
}

.compare-table .table tbody tr td.product-image-title .title {
  float: left;
  clear: both;
  font-size: 16px;
  color: #222222;
  font-weight: 500;
  text-transform: capitalize;
}

.compare-table .table tbody tr td.product-image-title .title:hover {
  color: #c29958;
}

.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
}

.compare-table .table tbody tr td.pro-price,
.compare-table .table tbody tr td.pro-color,
.compare-table .table tbody tr td.pro-stock {
  font-size: 14px;
  font-weight: 400;
}

.compare-table .table tbody tr td.pro-remove button {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.compare-table .table tbody tr td.pro-remove button:hover {
  color: #e74c3c;
}

.compare-table .table tbody tr td.pro-remove button i {
  font-size: 20px;
}

.compare-table .table tbody tr td.pro-ratting i {
  color: #c29958;
}

/*------ end Compare Page Wrapper -----*/
/*-------- Start My Account Page Wrapper --------*/
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.myaccount-tab-menu a {
  border: 1px solid #efefef;
  border-bottom: none;
  color: #222222;
  font-weight: 400;
  font-size: 15px;
  display: block;
  padding: 10px 15px;
  text-transform: capitalize;
}

.myaccount-tab-menu a:last-child {
  border-bottom: 1px solid #efefef;
}

.myaccount-tab-menu a:hover,
.myaccount-tab-menu a.active {
  background-color: #c29958;
  border-color: #c29958;
  color: #fff;
}

.myaccount-tab-menu a i.fa {
  font-size: 14px;
  text-align: center;
  width: 25px;
}

@media only screen and (max-width: 767.98px) {
  #myaccountContent {
    margin-top: 30px;
  }
}

.myaccount-content {
  border: 1px solid #eeeeee;
  padding: 30px;
}

@media only screen and (max-width: 575.98px) {
  .myaccount-content {
    padding: 20px 15px;
  }
}

.myaccount-content form {
  margin-top: -20px;
}

.myaccount-content h5 {
  border-bottom: 1px dashed #ccc;
  padding-bottom: 10px;
  margin-bottom: 25px;
}

.myaccount-content .welcome a {
  color: #222222;
}

.myaccount-content .welcome a:hover {
  color: #c29958;
}

.myaccount-content .welcome strong {
  font-weight: 500;
  color: #c29958;
}

.myaccount-content fieldset {
  margin-top: 20px;
}

.myaccount-content fieldset legend {
  color: #222222;
  font-size: 20px;
  margin-top: 20px;
  font-weight: 400;
  border-bottom: 1px dashed #ccc;
}

.myaccount-table {
  white-space: nowrap;
  font-size: 14px;
}

.myaccount-table table th,
.myaccount-table .table th {
  color: #222222;
  padding: 10px;
  font-weight: 400;
  background-color: #f8f8f8;
  border-color: #ccc;
  border-bottom: 0;
}

.myaccount-table table td,
.myaccount-table .table td {
  padding: 10px;
  vertical-align: middle;
  border-color: #ccc;
}

.saved-message {
  background-color: #f4f5f7;
  border-top: 3px solid #c29958;
  border-radius: 5px 5px 0 0;
  font-weight: 400;
  font-size: 15px;
  color: #555555;
  padding: 20px;
}

/*-------- Start My Account Page Wrapper --------*/
/*------ Start Login & Register Page ------*/
.login-reg-form-wrap {
  background-color: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 23px 30px 30px;
}

@media only screen and (max-width: 575.98px) {
  .login-reg-form-wrap {
    padding: 23px 15px 30px;
  }
}

.login-reg-form-wrap form .create-account {
  margin-top: 25px;
}

.login-reg-form-wrap .login-reg-form-meta a {
  color: #c29958;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .sign-up-form {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 767.98px) {
  .sign-up-form {
    margin-top: 62px;
  }
}

/*------ end Login & Register Page ------*/
/*----- Google map area start -----*/
#google-map {
  height: 500px;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  #google-map {
    height: 400px;
  }
}

@media only screen and (max-width: 767.98px) {
  #google-map {
    height: 350px;
  }
}

/*----- Google map area end -----*/
/*------ contact form area start -------*/
.contact-area {
  margin-top: -4px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
  only screen and (max-width: 767.98px) {
    .contact-area {
      margin-bottom: -5px;
    }
  }

.contact-message h2 {
  color: #222222;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  padding-bottom: 28px;
  text-transform: capitalize;
}

@media only screen and (max-width: 575.98px) {
  .contact-message h2 {
    font-size: 18px;
    padding-bottom: 15px;
  }
}

.contact-message form input,
.contact-message form textarea {
  width: 100%;
  border: none;
  padding: 10px 10px;
  border-bottom: 3px solid transparent;
  background-color: #f7f7f7;
  margin-bottom: 30px;
  border-radius: 15px;
  box-shadow: 2px 2px 8px #c5c5c573;
}

.contact-message form textarea {
  height: 150px;
}

/*------ contact form area start -------*/
/*------ contact info area start -------*/
.contact-info {
  height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .contact-info {
    margin-top: 77px;
  }
}

@media only screen and (max-width: 767.98px) {
  .contact-info {
    margin-top: 60px;
  }
}

.contact-info p {
  padding-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .contact-info p {
    padding-bottom: 10px;
  }
}

.contact-info ul li {
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
  margin-bottom: 15px;
  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;
}

@media only screen and (max-width: 479.98px) {
  .contact-info ul li {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}

.contact-info ul li:last-child {
  border-bottom: none;
}

.contact-info ul li i {
  font-size: 18px;
  padding-right: 10px;
}

.contact-info .working-time h6 {
  padding-bottom: 5px;
}

.contact-info .working-time p {
  padding-bottom: 0;
}

.contact-info .working-time p span {
  color: #222222;
  padding-right: 10px;
}

.contact-title {
  line-height: 1;
  padding-bottom: 22px;
  margin-left: 10px;
}

@media only screen and (max-width: 575.98px) {
  .contact-title {
    font-size: 18px;
    padding-bottom: 8px;
  }
}

/*------ contact info area end -------*/
/*----- footer area start -----*/
.footer-top {
  background-color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px),
  only screen and (max-width: 767.98px) {
    .footer-top [class*="col-"] .widget-item {
      margin-bottom: 30px;
    }
  }

.footer-top [class*="col-"]:last-child .widget-item {
  margin-bottom: 0;
}

.widget-title {
  margin-top: -6px;
  margin-bottom: 23px;
}

.contact-block li {
  font-size: 14px;
  margin-bottom: 8px;
}

.contact-block li:last-child {
  margin-bottom: 0;
}

.contact-block li i {
  font-size: 18px;
  padding-right: 5px;
  vertical-align: middle;
}

.contact-block li a {
  color: #555555;
}

.contact-block li a:hover {
  color: #c29958;
  letter-spacing: 1.1px;
}

.info-list {
  display: grid;
  grid-template-columns: auto auto;
}

.info-list li {
  margin-bottom: 8px;
}

.info-list li a {
  font-size: 14px;
  color: #555555;
  text-transform: capitalize;
}

.info-list li a:hover {
  color: #c29958;
  letter-spacing: 1px;
  
}

.social-link {
  margin-top: 30px;
}

.social-link a {
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  margin-right: 10px;
  color: #777777;
  display: inline-block;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #dedede;
}

.social-link a:last-child {
  margin-right: 0;
}

.social-link a:hover {
  color: #fff;
  background-color: #c29958;
  border-color: #c29958;
}

@media only screen and (max-width: 767.98px) {
  .newsletter-wrapper {
    margin-top: 8px;
  }
}

.newsletter-inner {
  position: relative;
  margin-top: 16px;
}

@media only screen and (max-width: 767.98px) {
  .newsletter-inner {
    margin-top: 5px;
  }
}

.newsletter-inner .news-field {
  width: 100%;
  height: 40px;
  border: none;
  padding: 10px 0;
  color: #777777;
  padding-right: 80px;
  background-color: transparent;
  border-bottom: 1px solid #bcbcbc;
}

.newsletter-inner .news-btn {
  top: 0;
  right: 10px;
  line-height: 40px;
  position: absolute;
  font-size: 14px;
  font-weight: 700;
  color: #c29958;
}

.newsletter-inner .news-btn:hover {
  color: #222222;
}

.footer-payment {
  text-align: right;
}

.footer-payment img {
  width: 46px!important;
}

@media only screen and (max-width: 767.98px) {
  .footer-payment {
    text-align: center;
    margin-top: 30px;
  }
}

.footer-bottom {
  padding: 20px 0;
}

.copyright-text p a {
  color: #c29958;
}

/*----- footer area end -----*/


/* New Slider CSS */
.hero-style-five .hero-slider-item {
  height: 800px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .hero-style-five .hero-slider-item {
    height: 530px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
  .hero-style-five .hero-slider-item {
    height: 400px;
  }
}

@media only screen and (max-width: 575.98px) {
  .hero-style-five .hero-slider-item {
    height: 350px;
  }
}

/* New Collection Banner Slider CSS */
.slider-item {
  position: relative;
  overflow: hidden;
}

.slider-item:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background-color: #000;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: 0.4s;
}

@media only screen and (max-width: 767.98px) {
  .slider-item:before {
    opacity: 0.6;
    visibility: visible;
  }
}

.slider-item:hover:before {
  opacity: 0.6;
  visibility: visible;
}

.slider-item:hover .slider-thumb img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.slider-item:hover .slider-item-content {
  -webkit-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  opacity: 1;
  visibility: visible;
}

.slider-item .slider-thumb img {
  width: 100%;
}

.slider-item-content {
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  text-align: center;
  padding: 0 30px;
  z-index: 2;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translateY(-50%) scale(0.8);
  -ms-transform: translateY(-50%) scale(0.8);
  transform: translateY(-50%) scale(0.8);
  opacity: 0;
  visibility: hidden;
}

@media only screen and (max-width: 767.98px) {
  .slider-item-content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
  }
}

.slider-item-content h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  padding-bottom: 6px;
  overflow-wrap: break-word;
  text-transform: uppercase;
  font-family: var(--font-heading, "Lato", sans-serif);
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .slider-item-content h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 479.98px) {
  .slider-item-content h2 {
    font-size: 26px;
  }
}

.slider-item-content h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: capitalize;
  font-family: var(--font-heading, "Lato", sans-serif);
}

@media only screen and (max-width: 479.98px) {
  .slider-item-content h3 {
    font-size: 22px;
  }
}

.slider-item-content .btn-text {
  margin-top: 15px;
  color: #fff;
}

.slider-item-content .btn-text:before {
  background-color: #fff;
}

.slider-item-content .btn-text:hover {
  color: #c29958;
}

.slider-item-content .btn-text:hover:before {
  background-color: #c29958;
}
.custom-container {
  max-width: 1800px;
}












/* =====================================================
Theme Default CSS
======================================================== *//* Default CSS */
input, textarea, select{
  border-radius: 0;
}
li{
  margin-bottom: 0;
}
label{
  margin-bottom: 0;
}
/* End Default CSS */
/* Newsletter popup css */
.popup_wrapper {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  height: 100%;
  opacity: 0;
  position: fixed;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999999;
}
.newsletter_popup_inner {
  background: #fff;
  align-items: center;
  border-radius: 0;
  bottom: 0;
  box-shadow: 0 0 7px 1px #222222;
  color: #000;
  display: flex;
  height: 400px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 800px;
  z-index: 9999999; 
}
.subscribe_area {
  padding: 40px 150px;
  text-align: center;
  width: 100%;
}
.subscribe_area > h2, .subscribe-content > h2 {
  color: #000000;
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}
.subscribe_area > p, .subscribe-content > p {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
  text-align: center;
  line-height: 25px;
}
.subscribe-form-group {
  text-align: center;
  margin-bottom: 0;
}
.subscribe-form-input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #dddddd;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  height: 40px;
  margin: 0 auto;
  padding: 5px 10px;
  max-width: 300px;
}
.subscribe-form-input:focus{
  box-shadow:none;
  border:1px solid #dddddd;
}
.popup_off {
  border-radius: 0;
  color: #000000;
  cursor: pointer;
  display: block;
  font-size: 25px;
  opacity: 1;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 15px;
  line-height: 25px;
  height: 30px;
  width: 30px;
  text-align: center;
  z-index: 99;
}
.newsletter-btn {
  background: #000000 none repeat scroll 0 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  margin-top: 25px;
  padding: 5px 25px;
}
.newsletter-btn:hover {
  background: #666666 none repeat scroll 0 0;
  color: #ffffff;
}
.subscribe-form-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666666;
}
.subscribe-form-input::-moz-placeholder { /* Firefox 19+ */
  color: #666666;
}
.subscribe-form-input:-ms-input-placeholder { /* IE 10+ */
  color: #666666;
}
.subscribe-form-input:placeholder { /* Firefox 18- */
  color: #666666;
}
.newsletter_popup_inner:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #000;
  content: "";
  opacity: .6;
  height: 100%;
}
.subscribe_area {
  z-index: 9;
}
.subscribe-content {
  float: left;
  padding: 0px 50px;
  width: 60%;
}
.subscribe-image {
  float: left;
  width: 40%;
}
.subscribe_area.area-2 {
  padding: 0;
  display: flex;
  align-items: center;
}
.form-group.subscribe-form-group p {
  color: #000;
  margin: 20px 0 0;
}
@media (min-width: 768px) and (max-width: 992px) {
  .newsletter_popup_inner {
    width: 720px;
    height: 360px;
  }
  .subscribe-content {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .newsletter_popup_inner {
    min-height: 300px;
    width: 300px;
  }
  .subscribe_area {
    padding: 20px;
    width: 100%;
  }  	
  .subscribe_area > h2, .subscribe-content > h2 {
    font-size: 20px;
  }
  .subscribe-image {
    display: none;
  }
  .subscribe-content {
    padding: 30px;
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .newsletter_popup_inner {
    width: 400px;
  }
}
/* End Newsletter popup css */

/* Top Notification Bar */
.top-notification-bar {
  background: #43cea2;
  background: -moz-linear-gradient(left, #43cea2 0%, #185b9d 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #43cea2), color-stop(100%, #185b9d));
  background: -webkit-linear-gradient(left, #43cea2 0%, #185b9d 100%);
  background: -o-linear-gradient(left, #43cea2 0%, #185b9d 100%);
  background: -ms-linear-gradient(left, #43cea2 0%, #185b9d 100%);
  background: linear-gradient(to right, #43cea2 0%, #185b9d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43cea2', endColorstr='#185b9d', GradientType=1 );
  padding: 10px 0;
  position: relative;
}
.top-notification-bar::before {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.notification-entry {}
.notification-entry p {
  color: #ffffff;
  display: inline-block;
  font-weight: 400;
  margin: 0;
}
.notification-entry p a{
  text-decoration: underline;
}
.notification-entry p a.notification-button {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 3px;
  color: #319da0;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  height: 30px;
  line-height: 18px;
  margin-left: 15px;
  padding: 5px 20px;
  transition: 0.3s;
  text-decoration: none;
}
.notification-entry p a.notification-button:hover {
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
}
.notification-close-btn {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ffffff;
  border-radius: 3px;
  color: #ffffff;
  display: block;
  float: right;
  font-size: 14px;
  height: 25px;
  line-height: 24px;
  margin-top: 2px;
  position: relative;
  transition: all 0.3s ease 0s;
  width: 25px;
  z-index: 999;
}
.notification-close-btn:hover {
  background-color: #fff;
  color: #319da0;
}
.notification-entry p a.notification-button {
  width: auto;
}
@media only screen and (max-width: 767px) {
  .notification-entry p {
    padding: 0 30px;
  }
  .notification-entry p a.notification-button {
    display: block;
    margin: 10px auto 0;
    min-width: 110px;
  }
  .notification-close-btn {
    position: absolute;
    right: 15px;
    top: 0;
  }	
}
/* End Top Notification Bar */
/* Breadcrumb Banner */
.breadcrumbs {
  position: relative;
}
.overlay-bg::before {
  background: gray;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.breadcrumb-list {
  z-index: 9;
  position: relative;
}
/* End Breadcrumb Banner */
/* Collection Sidebar Color */
.product-sidebar-color li {
  border: 1px solid #dadada;
  cursor: pointer;
  /* float: left; */
  height: 20px;
  margin: 0 15px 15px 0;
  max-width: 90px;
  min-width: 30px;
  overflow: hidden;
  padding: 1px 2px;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  display: inline-block;
}
.product-sidebar-color li:hover:not(.disabled) {
  border: 1px solid #fff;
  outline: 2px solid #ff5216;
}
.product-sidebar-color {
  float: left;
  margin: 0 0 15px;
  width: 100%;
}
.wedget__categories.poroduct--cat ul li.active a {
  color: #f50381;
}
.product-sidebar-color li.active{
  border: 1px solid #fff;
  outline: 2px solid #ff5216;
  cursor: default;
}
/* End Collection Sidebar Color */
/* Product Swatch Variant */
.swatch .header {
  display: inline-block;
  float: left;
  line-height: 13px;
  margin-bottom: 30px;
  margin-right: 20px;
  padding-bottom: 5px;
  position: relative;
}
.swatch .swatch-element {
  float: left;
}
.swatch-element > input {
  display: none;
}
.swatch-element > label {
  display: block;
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin-right: 20px;
}
.swatch-element input:checked + label {
  color: #666666;
}
.swatch-element > label:hover {
  color: #666666;
}
.swatch-element > label {
  display: block;
}
.product-size {
  margin-bottom: 0px;
}
.product-size .swatch{
  margin-bottom: 40px;
}
.swatch-element.color > label {
  background: #666666 none repeat scroll 0 0;
  border: medium none;
  display: block;
  float: left;
  height: 40px;
  margin-right: 13px;
  margin-top: -13px;
  padding: 0;
  position: relative;
  width: 40px;
  border: 1px solid #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.swatch-element.color.white > label {
  border: 1px solid #999;
}
.swatch-element.color input:checked + label {
  outline: 1px solid #666;
}
.Material .swatch-element {
  float: left;
  padding-right: 10px;
}
.swatch-element.soldout label {
  cursor: not-allowed;
  position: relative;
}
.swatch-element.soldout label::before, .swatch-element.soldout label::after {
  position: absolute;
  left: 43%;
  top: -40%;
  content: "";
  color: red;
  font-size: 40px;
  text-align: center;
  width: 2px;
  height: 32px;
  background: red;
  opacity: .5;
}
.swatch-element.soldout label::before {
  transform: rotate(-40deg);
}
.swatch-element.soldout label::after {
  transform: rotate(40deg);
}
/*
.swatch-element.soldout label:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
background: #000;
content: "";
height: 100%;
opacity: .6;
}
*/
.swatch-element.red.soldout label::after {
  color: black;
}
/* End Product Swatch Variant */
/* Product Select Variant */
.product-variant-option .selector-wrapper label {
  width: 80px;
}
.product-variant-option .selector-wrapper select {
  width: 200px;
  border-radius: 0;
}
.product-variant-option .selector-wrapper + .selector-wrapper {
  margin-top: 20px;
}
/* End Product Select Variant */
/* Cart Disable Button */
.cart-disable {
  cursor: not-allowed;
}
/* End Cart Disable Button */
/* Cart Template */
.cart-table table {
  border-color: #f5f5f5;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin: 0;
  text-align: center;
  width: 100%;
  border-collapse: separate;
  border-radius: 15px;
  background: #fff;
}
.cart-table table thead tr th {
  border-bottom: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  border-top: medium none;
  padding: 10px;
  text-align: center;
  text-transform: capitalize;
  vertical-align: middle;
  white-space: nowrap;
}
.cart-table table tbody tr td.pro-thumbnail {
  width: 130px;
  background-color: #fff;
}
.cart-table table tbody tr td {
  border-bottom: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  padding: 10px;
  vertical-align: middle;
  text-align: center;
}
.cart-table table tbody tr td.pro-thumbnail a {
  display: block;
  min-width: 100px;
}
.cart-table table tbody tr td.pro-thumbnail a img {
  width: 100%;
}
.cart-table table tbody tr td.pro-title {
  width: 270px;
}
.cart-table table tbody tr td.pro-price {
  width: 130px;
}
.cart-table table tbody tr td.pro-quantity {
  width: 180px;
}
.cart-table table tbody tr td.pro-remove {
  width: 150px;
}
.cart-table table tbody tr td.pro-title a {
  display: block;
  margin-bottom: 6px;
}
.cart-table table tbody tr td.pro-quantity .product-quantity {
  border: 1px solid #ddd;
  display: inline-block;
  padding: 0 30px;
  position: relative;
  width: 100px;
  border-radius: 15px;
}
.cart-table table tbody tr td.pro-quantity .product-quantity input {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  height: 38px;
  padding-left: 0;
  text-align: center;
  width: 40px;
}
.cart-table table tbody tr td.pro-quantity .product-quantity span {
  color: #ddd;
  cursor: pointer;
  display: block;
  height: 38px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 29px;
}
.cart-table table tbody tr td.pro-quantity .product-quantity span.dec {
  left: 0;
}
.cart-table table tbody tr td.pro-quantity .product-quantity span.inc {
  right: 0;
}
.cart-table table tbody tr td.pro-quantity .product-quantity span i {
  display: block;
  font-size: 16px;
  line-height: 38px;
}
.cart-table table tbody tr td.pro-remove a {
  font-size: 25px;
}
.cart-table table tbody tr td.pro-subtotal {
  width: 120px;
}
.cart-coupon {
  overflow: hidden;
}
.cart-buttons {
  overflow: hidden;
}
.shipping-info {
  overflow: hidden;
}
.cart-buttons{
  margin-top: 20px;
}
.cart-payment{
  margin-top: 50px;
}
.proceed-to-checkout .theme-default-button{
  margin-top: 20px;
}
.culculate-shipping select, .culculate-shipping input  {
  border-radius: 0;
}
.cart-coupon textarea {
  border-radius: 0;
  width: 100%;
}
/* Cart Template */
/* Theme Default Button */
.theme-default-button, .shopify-challenge__button {
  background-color: #000000;
  border: medium none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  line-height: 24px;
  margin-bottom: 0;
  padding: 8px 25px;
  border-radius: 0;
  text-align: center;
}
.theme-default-button + .theme-default-button{
  margin-left: 15px;
}
.theme-default-button:hover, .shopify-challenge__button:hover {
  background-color: #666666;
  color: #fff;
}
/* End Theme Default Button */
/* Customer Page */
.login-form-container {
  background: #ffffff none repeat scroll 0 0;
  padding: 37px 40px;
  text-align: left;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 0.5em 1em -0.125em rgb(0 0 0 / 10%), 0 0 0 1px rgb(0 0 0 / 2%);
}
.login-text {
  text-align: center;
  margin-bottom: 30px;
}
.login-text h2 {
  color: #333333;
  font-size: 32px;
  padding-bottom: 30px;
  padding-top: 30px;
  text-transform: capitalize;
}
.login-text p {
  color: #666666;
  font-size: 15px;
}
.login-form-container input {
  border-top: white;
  border-left: white;
  border-right: white;
  background: #ffffff none repeat scroll 0 0;
  box-shadow: none;
  color: #333333;
  font-size: 14px;
  height: 40px;
  margin-bottom: 30px;
  padding-left: 10px;
  width: 100%;
}
.login-form-container input::-moz-placeholder {
  color: #333333;
  opacity: 1;
}
.login-form-container input::-webkit-input-placeholder {
  color: #333333;
  opacity: 1;
}
.login-actions {
  overflow: hidden;
}
.login-form-container input[type="checkbox"] {
  height: 15px;
  margin: 0;
  position: relative;
  top: 1px;
  width: 17px;
}
.login-form-container label {
  color: #333333;
  font-size: 15px;
  font-weight: 400;
}
.login-toggle-btn a {
  color: #333333;
  transition: all 0.3s ease 0s;
}
.form-action-button a {
  float: right;
  margin-top: 7px;
}
.login-toggle-btn a:hover {
  color: #666666;
}
.account-optional-action {
  margin-top: 40px;
  margin-bottom: -10px;
  text-align: center;
}
.guest-form-container {
  overflow: hidden;
  background: #f9f9f9;
  padding: 40px;
}
.guest-form-container{
  margin-top: 10px;
}
.form-action-button{
  margin-top: 10px;
}
.account-optional-action a{
  color: #333333;
  transition: all 0.3s ease 0s;
}
.form-action-button{
  overflow: hidden;
}
/* End Customer Page */
/* My Account Page */
.my-account-page {
  color: #333333;
}
.my-account-page table th, .my-account-page table td {
  padding: 8px 10px;
}
a.button.another-button {
  width: auto;
}
#AddAddress {
  margin-top: 20px;
}
#AddAddress > h2 {
  margin-bottom: 20px;
}
#AddAddress > input, .my-address .grid__item .grid__item input, .my-address textarea, .my-address select, .my-address .form-vertical > input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #f2f2f2;
  border-radius: 0;
}
.my-account-checkbox input {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}
.my-account-checkbox label {
  margin: 0;
}
.my-account-page h1 {
  color: #333333;
}
.my-account-page table th {
  color: #333333;
}
.my-account-page table th, .my-account-page table td, .my-account-page table th {
  border: 1px solid #dddddd;
}
/* if need to change font size
#AddAddress > h2 {
font-size: 25px;
}
.my-account-page h1 {
font-size: 28px;
font-weight: 700;
}
.grid__item .h4{
font-size: 18px;
}
.my-account-page table th {
font-weight: 500;
}
.grid__item > h2 {
font-size: 25px;
}
.grid__item > h3 {
font-size: 20px;
}
.my-account-page .grid__item p strong {
font-weight: 500;
}
.my-account-page h1, 
.my-account-page h2, 
.my-account-page h3, 
.my-account-page h4, 
.my-account-page h5, 
.my-account-page h6{
line-height: 30px;
}
End font size */
.edit-address-title, .edit-address-button {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-account-checkbox {
  margin: 5px 0 10px;
}
.order-title{
  margin: 10px 0;
}
.order-date{
  margin-bottom: 10px;
}
.logout-title {
  float: right;
}
.logout-title > a {
  font-size: 16px;
  color: #333333;
}
.logout-title > a:hover{
  color: #666666;
}
.my-account-page h1, .my-account-page h2, .my-account-page h3, 
.my-account-page h4, .my-account-page h5, .my-account-page h6{
  margin-bottom: 10px;
}
.form__btn .btn-right{
  margin-left: 10px;
}
.my-account-page hr {
  border: 0.1px solid #cecece;
  background: #cecece;
  box-shadow: 0 1px 3px #cecece;
}
.my-account-page input, .my-account-page textarea, .my-account-page select{
  border-top: 1px solid #ddd;
  border-radius: 0;
}
.my-account-page thead {
  background: #f6f6f6;
}
/* End Account Page */
/* Popup Cart */
.ajax-popup .modal-body {
  padding: 15px;
  position: relative;
}
.ajax-popup .modal-content-text {
  display: flex;
  flex-wrap: wrap;
}
.popup-image {
  flex: 0 0 30%;
  margin-right: 20px;
}
.popup-content {
  flex: 0 0 65%;
}
.ajax-popup .modal-content-text h6 {
  margin-bottom: 15px;
  line-height: 1.5;
}
.ajax-popup .modal-content-text p {
  margin-bottom: 30px;
}
.ajax-popup .modal-content-text p.error_message {
  margin-bottom: 0;
}
.ajax-popup .modal-button {
  float: left;
}
.ajax-popup .modal-close {
  position: absolute;
  top: -20px;
  right: -20px;
}
.ajax-popup .modal-button > a {

}
.ajax-popup .modal-content {
  border: medium none rgba(0, 0, 0, 0);
  border-radius: 0;
}
.ajax-popup .modal-content-text i {
  float: left;
  font-size: 25px;
  margin-right: 10px;
}
.ajax-popup .modal-close button {
  font-size: 25px;
  color: #fff;
  opacity: 1;
}

@media (max-width: 576px) {
  .ajax-popup .modal-dialog {
    margin: 1.3rem;
    width: auto;
  }
}


/* End Popup Cart */
/* Ajax Wishlist Button */

.wishlist-action a {
  display: inline-block;
}
.action-wishlist .loading-wishlist, .action-wishlist .remove-wishlist, a.go-to-wishlist{
  display: none;
}
.action-wishlist.loading-wishlist .loading-wishlist{
  display: inline-block;
}
.action-wishlist.loading-wishlist .add-wishlist, .action-wishlist.adding-wishlist .remove-wishlist, .action-wishlist.adding-wishlist + a.go-to-wishlist{
  display: none;
}
.action-wishlist.is-active .add-wishlist{
  display: none;
}
.action-wishlist.is-active .remove-wishlist, .action-wishlist.is-active + a.go-to-wishlist{
  display: inline-block;
}
.action-wishlist.loading-wishlist .loading-wishlist{
  display: inline-block;
}
.action-wishlist.is-active.adding-wishlist .remove-wishlist, .action-wishlist.is-active.adding-wishlist + a.go-to-wishlist{
  display: inline-block;
}
.action-wishlist.loading-wishlist.adding-wishlist .remove-wishlist, .action-wishlist.loading-wishlist.adding-wishlist + a.go-to-wishlist{
  display: none;
}
/* End Wishlist Button */
/* Wishlist Page */
.wishlist-page {
 margin-top: -5px;
}
.wishlist-title {
  text-align: center;
  margin-bottom: 4%;
}
.wishlist-title .pe-7s-like{
  font-size: 75px;
  font-weight: bold;
}
.wishlist-title h1 {
  text-align: center;
}
.wishlist-product-item {
  margin: 0% .5% 1%;
  flex: 0 0 100%;
  max-width: 100%;
}
.wishlist-item {
  display: flex;
  width: 60%;
  margin: 0 17%;
}
.wishlist-item img {
  max-width: 150px;
  max-width: 80px;
  max-height: 80px;
  border-radius: 15px;
  box-shadow: 0 0.5em 1em -0.125em #0a0a0a1a, 0 0 0 1px #0a0a0a05;
}
.wishlist-item .product-tile--tile-media {
  flex: 10%;
}
.wishlist-product-tile--tile-content {
  text-align: center;
  display: flex;
  flex: 90%;
}
.wishlist-tile-content--text {
  display: flex;
  flex: 99%;
}
.wishlist-tile-content--text h4 {
  flex: 70%;
  margin: 15px 0px 10px 20px;
  padding: 3% 0;
  text-align: left;
}
.wishlist-tile-content--text p {
  flex: 30%;
  padding: 4% 0;
  margin-top: 1%!important;
}
.wishlist-product-tile--tile-actions {
  flex: 1%;
  padding: 3.5% 0;
}
.wishlist-divider {
  display: block;
  width: 62%;
  margin: 0px 19% 1.3% 16.5%;
  border-bottom: 0px;
  box-shadow: 0 1px 3px 0px #aba9a8;
}
@media (max-width: 991px) {
  .wishlist-item {
    width: 100%;
    margin: 0%;
  }
  .wishlist-divider {
    width: 102%;
    margin: 0.5% -1% 2.5%;
  }
}
@media (max-width: 767px) {
  .wishlist-product-tile--tile-content {
    text-align: center;
    display: block;
  }
  .wishlist-tile-content--text {
    display: block;
  }
  .wishlist-title {
    text-align: center;
    margin-bottom: 7%;
  }
  .wishlist-product-item {
    background: white;
    box-shadow: 0 0.2em 1em -0.125em rgb(0 0 0 / 10%), 0 0 0 1px rgb(0 0 0 / 2%);
    border-radius: 15px;
    margin: 0 4% 5% 1%;
    flex: 0 0 45%;
    max-width: 45%;
  }
  .wishlist-item {
    display: block;
    width: 100%;
    margin: unset;
  }
  .wishlist-item img {
    max-width: 100%;
    max-height: 100%;
    box-shadow: none;
  }
  .wishlist-tile-content--text p {
    padding: unset;
    margin-top: unset;
  }
  .wishlist-tile-content--text h4 {
    margin: 15px 0px 10px 0px;
    padding unset;
    text-align: center;
    
  }
  .wishlist-product-tile--tile-actions {
    padding: unset;
  }
  .wishlist-divider {
    display: none;
  }
}
.wishlist-grid--empty-list {
  display: block;
}
.post-title {
  margin: 15px 0 10px;
  color: #000000;
  font-size: 16px;
}
.post-title a{
  color: #000000;
}
.product-tile--tile-content{
  text-align: center;
}
.price--compare.strike-through {
  color: #666666;
  margin-left: 10px;
}
h2.post-title {
  font-size: 14px;
  font-weight: 500;
}
.text--price.pro-price {
  font-size: 16px;
  color: #333333;
  margin-bottom: 10px;
}
.text--price.pro-price .price--sale {
  color: #666666;
}
.product-tile--tile-actions a{
  color: #000000;
}
/* End Wishlist Page */
/* Quickview */
#quickViewModal .modal-content {
  border-radius: 16px;
}
#quickViewModal .modal-dialog {
  margin: 150px auto;
  max-width: 1000px;
}
#quickViewModal .close {
  color: #000;
  cursor: pointer;
  float: right;
  font-size: 50px;
  font-weight: 700;
  line-height: 1;
  opacity: 1;
  position: absolute;
  right: 20px;
  text-shadow: 0 1px 0 #fff;
  top: 5px;
  transition: all 0.3s ease 0s;
}
#quickViewModal .modal-body {
  display: flex;
  justify-content: space-between;
  padding: 50px;
}
.quick-view-list a {
  margin-right: 20px;
}
.quick-view-list a:last-child {
  margin-right: 0px;
}
.quick-view-list {
  margin-top: 10px;
}
.quick-view-tab-content .tab-pane > img {
  width: 100%;
}
.qwick-view-content > h1 {
  color: #000000;
  margin-bottom: 5px;
}
.price {
  margin: 9px 0 8px;
}
.price span.new {
  color: #000000;
  margin-right: 12px;
}
.price span.old {
  color: #666666;
  text-decoration: line-through;
}
.rating-number {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 30px;
}
.quick-view-rating i {
  color: #000000;
  font-size: 18px;
  margin-right: 5px;
}
.quick-view-number > span {
  color: #666666;
  display: block;
  font-size: 14px;
  margin: 3px 0 0 10px;
}
.qwick-view-content > p {
  color: #666666;
  margin-bottom: 25px;
}
.select-option-part {
  margin-bottom: 30px;
}
.select-option-part label {
  color: #666666;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 14px;
  margin-bottom: 5px;
}
.select-option-part select {
  -moz-appearance: none;
  background: rgba(0, 0, 0, 0) url('qcv-arrow-down.png') no-repeat scroll right 20px center;
  border: 1px solid #dddddd;
  box-shadow: none;
  color: #666666;
  font-size: 14px;
  height: 43px;
  padding-left: 10px;
  position: relative;
  width: 100%;
  border-radius: 0;
}
.quickview-plus-minus {
  display: flex;
  justify-content: flex-start;
  padding-top: 5px;
}
.cart-plus-minus {
  border: 1px solid #dddddd;
  overflow: hidden;
  padding: 7px 0 7px 5px;
  width: 80px;
}
.qtybutton {
  color: #666666;
  cursor: pointer;
  float: left;
  font-size: 16px;
  font-weight: 600;
  height: 20px;
  line-height: 20px;
  position: relative;
  text-align: center;
  width: 20px;
}
input.cart-plus-minus-box {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  float: left;
  font-size: 16px;
  height: 25px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 25px;
}
.qtybutton.inc {
  margin-top: 2px;
}
.quickview-btn-cart {
  margin: 0 0 0 30px;
}
.qtybutton.inc, .qtybutton.dec {
  margin-top: 2px;
}
span.main.amount.price-box__old {
  color: #999999;
  text-decoration: line-through;
  margin-right: 5px;
}
.product-price.product-info__price {
  margin-bottom: 5px;
}
.product-rating.spr-badge-caption-none {
  margin-bottom: 20px;
}
.quick-view-rating i{
  color: #000000;
  font-size: 14px;
}
.quick-view-rating .spr-icon.spr-icon-star-empty {
  opacity: 1;
}
.quick-view-select .selector-wrapper + .selector-wrapper {
  margin-top: 10px;
}
.short-description.product-des {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .qwick-view-left {
    margin-bottom: 30px;
  }
  #quickViewModal .modal-body {
    padding: 30px;
  }
  #quickViewModal .close {
    font-size: 30px;
    right: 10px;
    top: 0;
  }
}
/* End Quickview */
/* Pagination */
.theme-default-pagination li.active a, 
.theme-default-pagination li.disabled a{
  cursor: not-allowed;
}
/* End Pagination */
/* 404 Page */
.error-content > img {
  margin-bottom: 30px;
}
/* End 404 Page */
/* List Collection */
.list-product-collection hr{
  margin: 60px 0;
}
.list-product-collection .section-title {
  margin-bottom: 40px;
}
/* End List Collection */
/* Ajax Spin Cart */
.ajax-spin-cart .cart-loading, .ajax-spin-cart.add-item .cart-title, .ajax-spin-cart .cart-added, .ajax-spin-cart .cart-unavailable{
  display: none;
}
.ajax-spin-cart.loading.add-item .cart-added, .ajax-spin-cart.loading.add-item .cart-unavailable{
  display: none;
}
.ajax-spin-cart.loading .cart-loading, .ajax-spin-cart.add-item .cart-added{
  display: inline-block;
}
.modal-open .ajax-spin-cart.add-item .cart-unavailable{
  display: inline-block;
}
.modal-open .ajax-spin-cart.add-item .cart-loading{
  display: none;
}
.modal-open .ajax-spin-cart.add-item .cart-added{
  display: none;
}
/* End Ajax Spin Cart */
/* Search Page */
.search-page hr.hr--clear {
  border-top: 1px solid #dddddd;
}
.page-search-title {
  margin-bottom: 30px;
}
.page-search-bar input {
  width: 100%;
  height: 40px;
}
.page-search-bar {
  position: relative;
}
.page-search-bar .page-search-button{
  position: absolute;
  top: 0;
  right: 0;
}
.search-item {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.search-item-image {
  width: 30%;
  float: left;
}
.search-item-content {
  float: left;
  width: 70%;
  padding-left: 30px;
}
.search-price {
  margin-bottom: 15px;
}
.search-blog-item {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.search-blog-item .search-blog-title{
  margin-bottom: 15px;
}
.page-search-pagination{
  float: left;
  width: 100%;
}
/* End Search Page */
/* Instagram Feed */
#instafeed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#instafeed a {
  min-width: 25%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}
/* End Instagram Feed */
/* Mini Cart */
.cart-empty-title,
.item-multiple-item-count, 
.item-single-item-count{
  display: none;
}
/* End Mini Cart */
/* Single product Thumbnail */
.featured-image, #ProductPhoto {
  overflow: hidden;
  box-shadow: 1px 1px 9px #0000003d;
  border-radius: 30px;
  width: 100%;
  aspect-ratio: 940 / 1215;
}
a.product-single__thumbnail.active {
  border: none;
  display: inline-block;
}
/* End Single product Thumbnail */
/* Product Countdown 
.single-countdown {
background: #f2f2f2;
color: #000;
display: inline-block;
font-size: 14px;
height: 55px;
margin: 2px;
padding-top: 5px;
text-align: center;
width: 55px;
text-transform: capitalize;
}
End Product Countdown */
/* Collection Sidebar */
.category-sub-menu ul li.has-sub > a {
  position: relative;
  display: block;
  cursor: pointer;
}
.category-sub-menu ul li.has-sub > a:after {
  content: "+";
  position: absolute;
  right: 5px;
}
.category-sub-menu ul li.has-sub.open {
  display: block;
  width: auto;
}
.category-sub-menu ul li.has-sub.open > a:after {
  content: "-";
}
.category-sub-menu ul li.has-sub li:last-child a {
  border: none;
}
.category-sub-menu ul li ul {
  display: none;
  margin-bottom: 15px;
}
/* End Collection Sidebar */
/* Apps CSS */
.bkt--brand{
  display: none;
}
.stock-countdown-message svg {
  display: none;
}
/* End Apps CSS */
/* Google Translate Start */
.goog-te-banner-frame {
  visibility: hidden !important;
  opacity: 0;
  position:absolute !important
}
.goog-te-gadget-simple {
  background-color: transparent !important;
  border: none !important;
}
.goog-te-gadget-icon, .goog-te-gadget-simple .goog-te-menu-value span:nth-child(3n),
.goog-te-gadget-simple .goog-te-menu-value span:last-child {
  display: none !important;
}
.goog-te-gadget-simple > span {
  position: relative;
}
.goog-te-gadget-simple > span::after {
  content: "\f107";
  position: absolute;
  right: 0;
  top: -1px;
  font-family: "fontawesome";
  font-size: 13px;
}
body {
  top: 0 !important;
  width: 100%;
}
/* Google Translate End */
/* Fancy Box */
.fancybox-opened {
  z-index: 999999;
}
/* End Fancy Box */
/* Compare css  */
.loading-modal {
  background: #fff url("loading.gif") center 14px no-repeat;
  border: 1px solid rgba(0, 0, 0, 0.15);
  position: fixed;
  top: 50%!important;
  bottom: auto;
  left: 50% !important;
  right: auto;
  width: 56px;
  height: 56px;
  margin-left: -28px;
  margin-top: -28px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  text-indent: -999em;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.close-modal {
  float: right;
  bottom: 0;
  position: absolute;
  right: 0;
}
.compare_modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  outline: 0;

}
#compare-modal #table-compare th { font-weight:normal; }
#compare-modal .close-modal { bottom:auto;top:-15px;right:-7px;font-size:30px; }

#compare-modal .product_price { margin-bottom:10px; }

#compare-modal .product_price strong { margin-right:7px; }

#compare-modal table .btn { padding:10px 24px;font-size:13px; }

#compare-modal table button,#compare-modal table p { margin:0; }

#moda-compare .modal-content{
  border-radius: 0;
}

#table-compare th,#table-compare td { text-align:center; }
#table-compare td img { margin-bottom:5px; }
.compare_modal .th-compare th { text-align:center; }
.compare_modal h4 { text-align:center;margin:0;padding:20px; }
.compare-modal-close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0px;
  font-size: 25px;
  background: #000;
  color: #fff;
  padding: 5px 10px;
  line-height: 25px;
  border-radius: 0px 18px 0px 7px;
  box-shadow: 0px 0px 10px #00000075;
}
.compare-modal-close:hover {
  color: red;
  font-size: 27px;
}
#moda-compare .modal-dialog {
  position: relative;
  width: auto;
  margin: 30px auto;
  max-width: 65%;
}
.compare_modal h4 {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 17px;
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
#compare-modal .modal-header {
  justify-content: center;
  position: relative;
}
#compare-modal th button,#compare-modal tr td {
  text-align: center;
  float: inherit;
}
#compare-modal .product-price strong {
  margin-right: 7px;
}
#compare-modal td a:hover, #compare-modal  .product-price,#compare-modal .modal-close:hover .fa.fa-times-circle {
  color: #d82e2e;
}
#compare-modal td a {
  text-transform: uppercase;
  font-size: 12px;
  color: #727272;
  font-weight: normal;
}
#compare-modal .product-price {
  margin-bottom: 5px;
  margin-top: 5px;
}
#compare-modal .modal-close .fa.fa-times-circle {
  transition: all 0.3s ease-out 0s;
}
#compare-modal th button, #compare-modal tr td {
  font-size: 14px;
  font-weight: 400;
  opacity: 1;
}
#compare-modal .table-hover tbody tr:hover {
  background-color: rgba(0,0,0,.03);
}
#compare-modal .table thead th {
  vertical-align: bottom;
  border-bottom: 0px solid #dee2e6;
}
/* End Compare CSS */
/* Video Banner */
.static_video{
  position: relative;
}
.static_video #cms_play {
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#section- .section-title h2 {
  color: ;
}
#section- .section-title h2 span {
  color: ;
}
#section- .section-title p {
  color: ;
}
/* End Video Banner */
/* SVG Image */
svg.product-svg-image, 
svg.banner-svg-image, 
svg.blog-svg-image,
svg.slide-svg-image,
svg.custom-svg-image,
svg.collection-svg-image{
  fill: #999;
  background: #f6f6f6;
}
/* End SVG Image */
/* Featured Product */
.featured-product-price {
  margin-bottom: 20px;
}
.featured-product-align{
  align-items: center;
}
.featured-product-countdown{
  margin-bottom: 30px;
}
/* End Featured Product */
/* Custom Content */
.custom-content-align{
  align-items: center;
}
.featured-product-price del {
  margin-left: 10px;
}
.featured-product .single-countdown{
  margin: 0;
  margin-right: 5px;
}
.featured-product-description {
  margin-bottom: 30px;
}
.featured-product-iamge {
  padding-right: 15px;
}
.featured-product-content {
  padding-left: 15px;
}
/* End Custom Content */
/* FAQ */
.faq-page .card {
  margin-bottom: 2px;
}
.faq-page .card-header {
  padding: 5px 1.25rem;
}
.faq-page .card .card-header button {
  position: relative;
  width: 100%;
  text-align: left;
  font-weight: 600;
}
.faq-page .card .card-header button::before {
  content: "-";
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 22px;
}
.faq-page .card .card-header button.collapsed::before {
  content: "+";
}
.faq-page .faq-page-title{
  margin-bottom: 20px;
}
.faq-page .btn-link{
  color: #000;
}
.faq-page .btn-link:hover{
  color: #000;
}
.faq-page .card-body {
  padding: 20px;
  padding-bottom: 0;
}
/* End FAQ */
/* Subscribe form success */
.form-message--success{
  color: #56ad6a !important;
  background-color: #ecfef0;
  padding: 5px;
  text-align: center;
  margin-bottom: 0;
}
button.success-form-close-btn {
  text-align: right;
  float: right;
  margin-right: 20px;
  padding: 0 5px;
  display: inline-block;
}
/* End subscribe form success */
/* Product grid color variant */
ul.grid-color-swatch li {
  display: inline-block;
}
ul.grid-color-swatch li label {
  display: block;
  height: 50px;
  width: 50px;
  cursor: pointer;
}
/* End Product grid color variant */
.product-details-des .useful-links a.compare {
  position: relative;
  width: 85px;
}
.product-details-des .useful-links a.compare::after {
  position: absolute;
  content: "compare";
  left: auto;
  top: 0;
}



/* =====================================================
Theme Custom CSS
======================================================== */
/* 
Name: Corano Shopify Theme
Author: HasTech
*/
.main-menu ul li ul.dropdown {
  box-shadow: 0px 0px 8px #c4c3c394;
  margin: 0;
  border-radius: 30px;
}
.color-categories li label {
  height: 12px;
  width: 12px;
  display: block;
  border-radius: 50%;
}
ul.grid-color-swatch li label {
  height: 12px;
  width: 12px;
}
.color-categories li a {
  display: inline;
}
ul.grid-color-swatch.grid-image-swatch li label {
  height: 30px;
  width: 30px;
}
.product-identity.mb-10 {
  margin-bottom: 10px;
}
.mt-15{
  margin-top: 15px;
}
.product-item .nice-select {
  display: none;
}
.breadcrumbs-title {
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 0px;
}
.breadcrumb-wrap {
  padding: 0;
}
.custom-control-label {
  color: #555555;
}
.custom-control-label:hover {
  color: #c29958;
}
.blog-sidebar .blog-archive li.has-sub.open > a {
  padding-bottom: 13px;
}
.cart-disable {
  cursor: not-allowed !important;
}
.shop-product-wrap.row.list-view > [class*="col-"] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.collection-product:hover {
  box-shadow: 0px 0px 15px #0000004f;
}
.product-list-item .product-countdown {
  justify-content: left;
}
.pagination a, .pagination .page.current {
  padding: 0;
}
/* Custom Page */
.custom-html-content h1, .reviews-tab h1, .about-page-content h1, .contact-page-content h1, .create-custom-page h1,
.custom-html-content h2, .reviews-tab h2, .about-page-content h2, .contact-page-content h2, .create-custom-page h2,
.custom-html-content h3, .reviews-tab h3, .about-page-content h3, .contact-page-content h3, .create-custom-page h3,
.custom-html-content h4, .reviews-tab h4, .about-page-content h4, .contact-page-content h4, .create-custom-page h4,
.custom-html-content h5, .reviews-tab h5, .about-page-content h5, .contact-page-content h5, .create-custom-page h5,
.custom-html-content h6, .reviews-tab h6, .about-page-content h6, .contact-page-content h6, .create-custom-page h6
{
  margin-bottom: 20px;
}
.custom-html-content ul li, 
.reviews-tab ul li, 
.about-page-content ul li,
.contact-page-content ul li,
.create-custom-page ul li{
  list-style: inside;
}
.custom-html-content ul, 
.reviews-tab ul, 
.about-page-content ul,
.contact-page-content ul,
.create-custom-page ul{
  margin-bottom: 15px;
  margin-left: 15px;
}
/* End Custom Page */
.theme-default-button{
  color: #fff;
  font-size: 15px;
  border-radius: 0;
  background-color: #c29958;
}
.theme-default-button:hover {
  color: #fff;
  background-color: #222222;
}
.html-content-class p {
  margin-bottom: 15px;
}
.featured-product-content h5{
  margin-bottom: 10px;
}
.faq-page .card .card-header button::before {
  top: -5px;
}
.footer-payment {
  padding-top: 25px;
}
.shopify-payment-button .shopify-payment-button__button {
  width: 100%;
  background: #000;
}
.shopify-payment-button .shopify-payment-button__button:hover {
  background: #c29958;
}
.swatch .header {
  margin-bottom: 20px;
}
.swatch-element.color > label {
  margin-right: 10px;
  margin-top: -6px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.swatch-element.color input:checked + label {
  border: 3px solid #c29958;
}
.swatch .header {
  font-weight: 700;
}
.swatch-element > label {
  margin-right: 10px;
  padding-right: 5px;
}
.swatch.clearfix {
  margin-right: 20px;
}
.swatch-element.color input:checked + label {
  outline: 0px solid #666;
}
.Material .swatch-element {
  padding-right: 0;
}
.swatch-element.soldout label::before, .swatch-element.soldout label::after {
  top: -20%;
}
.product-details-des .pro-size {
  margin-bottom: 10px;
}
.product-details-des .pro-desc {
  margin-bottom: 25px;
}
.product-details-des .pro-size {
  margin-bottom: 10px;
}
.product-details-des .pro-size.mb-30 {
  margin-bottom: 30px;
}
.single-product-countdown {
  margin-bottom: 45px;
}
.product-thumb-inner {
  position: relative;
  padding-top: 8%;
  overflow: hidden;
}
@media (min-height: 575px) {
  .product-thumb-inner {
  	padding-top: 3%;
    overflow: hidden;
  }
}
.product-thumb-inner .product-countdown {
  position: absolute;
  bottom: 10px;
  left: auto;
  right: auto;
  width: 100%;
  transition: 0.3s;
}
.product-item:hover .product-thumb-inner .product-countdown{
  bottom: 0;
  opacity: 0;
}
.product-variant-option .selector-wrapper label {
  width: 75px;
  font-weight: 700;
}
.product-variant-option .selector-wrapper select {
  width: 200px;
  border-radius: 40px;
  padding-left: 15px;
}
.product-variant-option .selector-wrapper {
  width: 100%;
}
.spr-button-primary{
  height: 40px;
  color: #fff;
  line-height: 40px;
  border-radius: 50px;
  padding: 0 25px;
  background-color: #c29958;
}
.spr-button-primary:hover {
  color: #fff;
  background-color: #222222;
}
.spr-icon {
  color: #c29958;
  height: 1.5em;
}
.recent-view span.old-price {
  display: none;
}
.cart-table thead {
  background-color: white !important;
  color: #1a1818;
}
.cart-table table tbody tr td.pro-title a, .cart-table table tbody tr td.pro-remove a {
  color: #222222;
}
.cart-table table tbody tr td.pro-title a:hover, .cart-table table tbody tr td.pro-remove a:hover {
  color: #c29958;
}
.cart-table table tbody tr td.pro-quantity .product-quantity input {
  padding-left: 0;
  padding-right: 0;
}
.cart-table table tbody tr td.pro-quantity .product-quantity span {
  color: #222;
  top: 1px;
  font-size: 20px;
}
.culculate-shipping > h3, .cart-total > h3, .cart-coupon > h3 {
  font-size: 18px;
  color: #222;
  margin-bottom: 10px;
  border-radius: 15px;
}
.blog-sidebar .blog-archive li a {
  display: inline;
}
.archive-sidebar li {
  list-style: inside;
  margin-left: 15px;
  margin-top: 10px;
}
.archive-sidebar li a {
  padding: 0 !important;
}
.blog-post-item.blog-details-post + form {
  margin-top: 80px;
}
.section-title a {
  color: #555555;
  padding-top: 6px;
  display: inline-block;
}
.section-title a:hover {
  color: #c29958;
}
.collection-item h6, .list-product-collection h6 {
  margin-top: 10px;
  color: #222222;
  display: inline-block;
}
.collection-item h6 a{
  color: #222222;
}
.collection-item h6 a:hover {
  color: #c29958;
}
a{
  color: #c29958;
}
a:hover{
  color: #c29958;
}
.theme-default-button {
  border-radius: 10px;
}
.minicart-item-wrapper ul li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0px solid #efefef;
}
.minicart-item-wrapper ul li .minicart-item {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #efefef;
}
.minicart-item-wrapper ul li .minicart-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.header-wide {
  z-index: 9;
  position: relative;
}
.page-search-bar input {
  border-radius: 30px;
}
.search-price {
  font-size: 14px;
  margin-top: 5px;
  font-weight: 700;
}
.search-price del {
  color: #999;
  margin-left: 5px;
}
.search-box-open {
  position: absolute !important;
}
.header-configure-area ul li .search-results li{
  margin-left: 0;
}
.search-results li .title a{
  font-size: 14px;
}
.main-menu ul {
  margin: 0;
}
span.price-box__new, span.main, .featured-product-price span {
  font-size: 15px;
  color: #c29958;
  font-weight: 600;
}
.featured-product-price del span{
  color: #555;
}
.login-wishlist h2 {
  margin-bottom: 15px;
}
.button-group a.is-active{
  color: #c29958;
}
.pb-80{
  padding-bottom: 80px;
}
.blog-sidebar .blog-archive li a {
  display: inline-block;
}
.blog-sidebar .blog-tags li {
  margin-right: 5px;
}
.blog-sidebar .blog-archive ul li a{
  padding: 0 0 13px;
}
.wishlist-item .action-wishlist {
  font-size: 20px;
}
span.remove-wishlist {
  color: #c29958;
}
.breadcrumb-list {
  z-index: 3;
}
.notification-close-btn {
  z-index: 9;
}
.shopify-payment-button .shopify-payment-button__button:hover {
  background: #c29958 !important;
}
.swatch-element input:checked + label {
  color: #c29958;
}
.product-review-info .table{
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.faq-page p {
  margin-bottom: 15px;
}
/* Product row height */

.pro-row-2.slick-initialized .slick-track {
  display: flex;
  max-width: 1000px;
}
.pro-row-2.slick-initialized .slick-slide {
  display: flex;
  flex-direction: column;
  height: auto;
}
.pro-row-2.slick-initialized .slick-slide > div {
  flex: 1 0 50%;
}
/* End Product row height */
.qwick-view-content > h1 {
  color: #000000;
  margin-bottom: 5px;
  font-size: 25px;
}
.product-item .color-categories:empty {
  padding: 5px;
}
.notification-close-btn {
  font-size: 25px;
}
ul.grid-color-swatch li {
  display: inline-block;
  margin: 0 1px;
}
.popup_off{
  font-size: 30px;
}
.spr-form-review .spr-icon {
  line-height: 1.5;
}
.affiliate-btn{
  display: inline-block;
  margin-bottom: 20px;
}
.blog-sidebar .blog-tags li.active a{
  background-color: #c29958;
  border-color: #c29958;
  color: #fff;
}
.featured-product-content .product-countdown{
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
}
.custom-payment-options {
  margin-top: 20px;
  text-align: center;
}
.custom-payment-options p {
  margin-bottom: 10px;
}
/* Update */
.price-box + .product-variant-option {
  margin-top: 15px;
}
.section-title-append h4 {
  background-color: transparent;
}
.button-group a {
  box-shadow: 0 2px 1px 0.5px rgba(0, 0, 0, 0.05);
}
.swatch .swatch-element {
  margin-bottom: 10px;
}
.product-details-des .price-box {
  font-size: 20px;
}
.main-menu ul li a, .offcanvas-navigation.menu-navigation > ul > li > a {
  position: relative;
}
.main-menu ul li a span, .offcanvas-navigation.menu-navigation > ul > li > a span {
  position: absolute;
  background: #f5f5f5;
  font-size: 11px;
  line-height: 1;
  color: #222;
  padding: 2px 3px;
  right: 0;
  top: 15px;
}
.offcanvas-navigation.menu-navigation > ul > li > a span {
  right: auto;
  top: 0px;
}
.blog-category li.active > a {
  color: #c29958;
}
.blog-title {
  text-transform: none;
}
.featured-product-content .product-countdown {
  overflow: hidden;
}
.mobile-settings .nav .mobile-top-dropdown .dropdown-menu .dropdown-item {
  padding: 0px 15px;
}
.mobile-settings .nav .mobile-top-dropdown .dropdown-menu {
  padding: 5px 0;
}
.mobile-menu li.menu-item-has-children .menu-expand {
  left: auto;
  right: 0;
  padding-left: 90%;
  width: 100%;
  text-align: right;
}
.mobile-menu {
  padding-right: 0;
  margin-right: 0;
}
.mobile-navigation {
  overflow-y: scroll;
}
.minicart-content .cart-price {
  margin-left: 1px;
}
.product-details-des .pro-desc {
  margin-top: 10px;
}
.instagram-image {
  position: relative;
  z-index: 1;
}
.instagram-image:before {
  background-color: rgba(0, 0, 0, 0.4);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  height: 100%;
  width: 100%;
}
.instagram-image:hover:before {
  opacity: 1;
  visibility: visible;
}
/* Solout Product Notify */
.soldout-notify{
  margin-top: 20px;
}
.notification-text i {
  font-size: 20px;
  vertical-align: middle;
  height: 30px;
  width: 30px;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
  box-shadow: 1px 3px 5px #aaa;
  display: inline-block;
  overflow: hidden;
  line-height: 30px;
}
#notify-me-wrapper {
  margin-top: 20px;
}
p.notification-text {
  color: #222;
}
#notify-me-wrapper input[type="text"], #notify-me-wrapper input[type="email"], #notify-me-wrapper input[type="hidden"]  {
  width: 200px;
  float: left;
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
  padding: 15px;
  background-color: transparent;
  border-radius: 0;
}
#notify-me-wrapper .theme-default-button {
  border-radius: 0;
  float: left;
}
#notify-me {
  text-decoration: underline;
}
/* End Solout Product Notify */
.fancybox-opened {
  z-index: 999999 !important;
}
.product-details-des ul, .product-details-des h1, .product-details-des h2, .product-details-des h3, .product-details-des h4, .product-details-des h5, .product-details-des h6{
  margin-bottom: 15px;
}
.product-details-des ul{
  margin-left: 15px;
}
.product-details-des ul li {
  list-style: inside;
}
.section-title-append h4 {
  background-color: #fff;
}
.compare_modal {
  background: rgba(0, 0, 0, .5);
}
.ratings {
  margin-bottom: 5px;
}
.product-details-des .product-name {
  padding-bottom: 0;
  margin-bottom: 10px;
}
.product-variant-inventory .inventory-title {
  font-weight: 700;
}
.product-variant-inventory .variant-inventory {
  color: #c29958;
}
.product-variant-inventory {
  margin-bottom: 20px;
  margin-top: 10px;
}
.mobile-menu li>a{
  position: relative;
}
.mobile-menu li>a span {
  position: absolute;
  background: #f5f5f5;
  font-size: 11px;
  line-height: 1;
  color: #222;
  padding: 2px 3px;
  right: auto;
  top: 0;
}
/* Policy Pages */
.shopify-policy__container {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.shopify-policy__container h1,
.shopify-policy__container h2,
.shopify-policy__container h3,
.shopify-policy__container h4,
.shopify-policy__container h5,
.shopify-policy__container h6
{
  margin-bottom: 20px;
  font-size: 30px;
  font-family: var(--font-heading, "Lato", sans-serif);
  color: #3d4246;
}
.shopify-policy__container ul li{
  list-style: inside;
}
.shopify-policy__container ul{
  margin-bottom: 15px;
  margin-left: 15px;
}
.shopify-policy__body {
  color: #788188;
  font-size: 14px;
  font-family: var(--font-paragraph, "Lato", sans-serif);
  text-align: justify;
}
.shopify-policy__body strong {
  color: #5e5e5e;
  font-size: 19px;
}
.shopify-policy__body .rtt {
 margin: -3% 5%;
}
/* End Policy Pages */
.pro-row-2.slick-initialized .slick-slide > div {
  flex: 1 1 50%;
}
.header-wide .main-menu ul li a span, .header-3 .main-menu ul li a span{
  top: 27px;
}
.header-wide .is-sticky .main-menu ul li a span, .header-3 .is-sticky .main-menu ul li a span {
  top: 10px;
}
.header-wide .main-menu ul.dropdown li a span, .main-menu ul.dropdown li a span{
  top: 0;
  right: auto;
}
.main-menu ul li ul.megamenu li.mega-title ul li a span:before{
  display: none;
}
.main-menu ul li ul.megamenu li.mega-title ul li a span:after{
  display: none;
}
.main-menu ul li ul.megamenu li.mega-title ul li a span {
  position: absolute;
  margin-bottom: 0;
  top: 0;
}
.header-top-settings ul li .dropdown-list {
  margin-top: 0;
}
.delevery-date.cart-coupon h3 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
}
.delivery-date .date-input-picker input {
  height: 40px;
  padding-left: 25px;
  width: 160px;
}
.delivery-date .date-input-picker {
  position: relative;
}
.delivery-date .date-input-picker:before {
  position: absolute;
  content: "\f073";
  font-family: "FontAwesome";
  left: 5px;
  top: -3px;
  font-size: 15px;
  color: #ccc;
}
.delivery-date span.instructions {
  margin-top: 10px;
}
.delivery-date.cart-coupon h3 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
}
.cart-coupon, .culculate-shipping{
  background: #ffffff;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
}
.cart-total {
  background: #ffffff;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
}
.breadcrumb-wrap .breadcrumb .breadcrumb-item a {
  padding: 0;
  margin-right: 0;
}
.newsletter_popup_inner:before {
  opacity: 0;
}
.newsletter-btn {
  border-radius: 30px;
}
.newsletter-btn:hover {
  background: #C29958 none repeat scroll 0 0;
}
a.product-single__thumbnail{
  transition: 0s;
}



/* Cart in Mobile */
.cart-mobile-device{
  display: none;
  visibility: hidden;
}
.cart-mobile .pro-title a, .cart-mobile .pro-title span{
  color: #222222;
  display: block;
}
.cart-mobile .pro-title span {
  color: #555;
  font-style: italic;
  display: inline;
  margin-left: 5px;
}
.cart-mobile .pro-thumbnail {
  position: relative;
}
.cart-mobile a.remove-icon {
  position: absolute;
  right: -10px;
  top: -10px;
  height: 25px;
  width: 25px;
  background: #222;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 25px;
  border-radius: 50%;
}
.cart-mobile .pro-quantity {
  width: auto;
}
.cart-mobile .pro-quantity .product-quantity {
  border: 1px solid #ddd;
  display: inline-block;
  padding: 0 30px;
  position: relative;
  width: 100px;
  border-radius: 15px;
}
.cart-mobile .pro-quantity .product-quantity input {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  height: 38px;
  text-align: center;
  width: 40px;
}
.cart-mobile .pro-quantity .product-quantity span {
  color: #ddd;
  cursor: pointer;
  display: block;
  height: 38px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 29px;
}
.cart-mobile .pro-quantity .product-quantity span.dec {
  left: 0;
}
.cart-mobile .pro-quantity .product-quantity span.inc {
  right: 0;
}
.cart-mobile .pro-quantity .product-quantity span i {
  display: block;
  font-size: 16px;
  line-height: 38px;
}
.cart-mobile .pro-quantity .product-quantity span {
  color: #222;
  top: 1px;
  font-size: 20px;
  height: 30px;
  top: -1px;
  line-height: 30px;
}
.cart-mobile .pro-quantity .product-quantity input {
  height: 30px;
}
.cart-mobile hr {
  border-bottom: 1px solid #e5e5e5;
  display: block;
  width: 100%;
  border-top: 0px solid;
}
.price-and-quantity {
  display: flex;
  align-items: center;
  margin: 10px 0;
  justify-content: space-between;
}
.cart-mobile .pro-price {
  color: #222;
}
.cart-mobile .pro-subtotal {
  color: #222;
}
.for-mobile-device{
  display: none;
}
.breadcrumb li + li a + span {
  position: relative;
  padding-left: 13px;
  margin-left: 5px;
}
.breadcrumb li + li a + span:before {
  position: absolute;
  content: "/";
  left: 0;
  top: 0;
  color: #222;
}
.product-details-des h6.quantity-selector {
  margin-bottom: 0;
}
.app-image {
  display: flex;
  align-items: center;
  margin-top: 20px;
  justify-content: space-between;
}
.app-image a {
  margin-right: 10px;
}
.app-image a:last-child {
  margin-right: 0;
}
.app-image a:hover {
  opacity: .75;
}
.shopify-payment-button .shopify-payment-button__more-options{
  max-width: 265px;
  margin-bottom: 15px;
}
.shopify-payment-button .shopify-payment-button__more-options.shopify-payment-button__button--hidden{
  margin-bottom: 0;
}
.btn {
  white-space: normal;
}
/*Snow Fall CSS*/
.rel-area {
  position: relative;
}
@keyframes snow {
  0% {
    background-position:0 0,0 0,0 0
  }
  100% {
    background-position:500px 1000px,400px 400px,300px 300px
  }
}
.ice_effect {
  background-image:url(//cdn.shopify.com/s/files/1/0250/5169/3134/files/ice01.png?v=1600237419),url(//cdn.shopify.com/s/files/1/0250/5169/3134/files/ice02.png?v=1600237419);
  animation:snow 20s linear infinite;
}
.effect-body {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: rgba(0,0,0,0);
}
/* End Snow Fall CSS*/
footer.footer-widget-area {
  position: relative;
}
.featured-product-price > span {
  margin-left: 10px;
}
.featured-product-price span {
  font-size: 20px;
}
.featured-product-price del, .featured-product-price del span {
  margin-left: 0;
  font-size: 16px;
}
a.slide-image-link {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
}

/* Right side menu */
.off-canvas-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  z-index: 9999;
}
.off-canvas-wrapper.open {
  opacity: 1;
  visibility: visible;
}
.off-canvas-wrapper.open .off-canvas-inner-content {
  transform: none;
}
.off-canvas-wrapper .off-canvas-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  content: '';
  cursor: url("../img/icon/cancel.png"), auto;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.off-canvas-wrapper .off-canvas-inner-content {
  background-color: #fff;
  max-width: 300px;
  width: 100%;
  padding: 20px;
  height: 100%;
  top: 0;
  right: 0;
  position: absolute;
  transform: translateX(calc(100% + 50px));
  transition: 0.4s;
}
.off-canvas-wrapper .btn-close-off-canvas {
  top: 0;
  left: -40px;
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: #c29958;
}
/* End Right side menu */
.featured-product-content .product-countdown {
  overflow: unset;
  margin-bottom: 50px;
}
.featured-product .single-countdown {
  margin: 0;
  margin-right: 10px;
  height: 50px;
  width: 50px;
  line-height: 50px;
}
.testimonial-area {
  position: relative;
  box-shadow: 0 0 0 3px rgb(63 63 68 / 2%), 0 1px 8px 0 rgb(63 63 68 / 10%);
}
.remove-wishlist .pe-7s-close {
  font-size: 30px;
  line-height: 40px;
}
.product-caption .product-name a {
  text-transform: unset;
}
.product-thumb img.similar-size-image {
  max-width: 100%;
  width: auto;
  padding-top: 10px;
}
.slide-image-mobile-device{
  display: none;
}
.search-item-image {
  position: relative;
}
.a_slider {
  color: black;
  font-family: var(--font-heading, "Lato", sans-serif);
  font-size: 150%;
}
.banner-content_slider {
  top: 50%;
  left: 5%;
  right: 0;
  position: absolute;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  display: flex;
  background: #ffffff5e;
  width: 90%;
  border-radius: 5px;
}
.banner-content_style2.banner-title-bottom {
  position: static;
  text-align: center;
  margin-top: 10px;
}
.group-item-desc .group-product-name {
  text-transform: none;
}
.section-title-append h4 {
  text-transform: none;
}
.newsletter_popup_inner {
  overflow: hidden;
}
.product-details-des .useful-links a {
  text-transform: none;
}
.product-review-info .nav.review-tab li a {
  text-transform: none;
}
.section-title .title {
  text-transform: none;
}
.blog-sidebar .blog-archive li a {
  text-transform: none;
}
.recent-post-item .recent-post-description h6 {
  text-transform: none;
}
.blog-sidebar .title {
  text-transform: none;
}
.single-choose-item h4 {
  text-transform: none;
}
.center {
  margin: auto;
  width: 70%;
  border-color: #ffffff;
  padding: 10px;
}
.center-mobile {
  margin: auto;
  margin-left 30%;
}
.center-mobile-us {
  table {
    width: 100%;
    table-layout: fixed;
  }
}
.image-figure-1 {
  height: 400px;
  background-image: url(/cdn/shop/files/casajoyera_600x600.jpg?v=1600454015);
  background-position: center;
  background-size: cover;
}
.td {
  padding: 15px;
  border: 1px solid #ffffff !important;
}
.td-us {
  padding: 15px;
  border: 1px solid #f5f5f5 !important;
}
.account-details {
  background: white;
  margin: 3.3% 0 0 3.33%;
  width: 30%;
  padding: 10px 0px 14px 20px;
  border-radius: 15px;
  box-shadow: 0 0.5em 1em -0.125em rgb(0 0 0 / 10%), 0 0 0 1px rgb(0 0 0 / 2%);
}
.account-details a:hover {
  color: black;
  text-decoration: underline;
}
.account-history {
  margin-left: 30px;
  padding: 0px;
  width: 64%;
}
.account-history .table-wrap {
  border-radius: 15px;
  box-shadow: 0 0.0001em 1em -0.125em #0000001a, 0 0 0 1px #00000005; 
}
.account-history .table-wrap table {
  border-radius: 15px;
  background: white;
  margin: 0;
}
.account-history .table-wrap thead {
  background: white;
}
.account-history .table-wrap th {
  border: 1px solid #f5f5f5;
}
.account-history .table-wrap td {
  border: 1px solid #f5f5f5;
}
.underline:hover {
  color: black;
  text-decoration: underline;
}
.address-list {
  width: 100%;
  text-align: center;
}
.address-list a:hover {
  color: black;
  text-decoration: underline;
}
.address-hr {
  width: 60%;
  margin: 0px 20%;
  box-shadow: 0 1px 0px #aba9a8!important;
}
.address-list form {
  width: 66%;
  margin: 0px 17%;
  padding: 0px 5%;
  background: white;
  text-align: left;
  box-shadow: 0 0.5em 1em -0.125em #0a0a0a2e, 0 0 0 1px #0a0a0a00;
  border-radius: 20px;
}
.address-list form h2 {
  padding-top: 7%;
}
.address-list form h4 {
  padding-top: 7%;
}
.address-list form input {
  color: #8b8989;
  border: 1px solid #ddd!important;
  border-radius: 8px!important;
}
.address-list form select {
  color: #8b8989;
  border-radius: 8px;
}
.address-list form .theme-default-button {
  color: white;
  border-radius: 8px;
  border: 0px solid #ddd!important;
  margin: 0 auto;
}
.address-list form .cancel-address {
  text-align: center;
  padding-bottom: 4%;
}
.column {
float: left;
width: 50%;
}
.row:after {
content: "";
display: table;
clear: both;
}
.us_img {
  width: 100%;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.no-products-message {
  flex: 0 0 100%;
}
.no-products-message h5 {
  text-align: center;
  font-family: var(--font-heading, "Lato", sans-serif);
  font-size: 30px;
  width: 100%;
  padding: 7% 0 7% 0%;
}
@media(max-width: 992px) {
  .address-hr {
    width: 84%;
    margin: 0px 8%;
  }
  .address-list form {
    width: 80%;
    margin: 0px 10%;
    padding: 0px 4%;
  }
  .td-us {
    border: 1px solid #f5f5f5 !important;
    width: 100%;
  }
  .show-mobile {
    display: block;
  }
  .hide-mobile {
    display: none;
  }
  .shop-product-wrap [class*="col-"] {
    margin-bottom: 30px;
    max-width: 32% !important;
    background-color: #ffffff;
    border-radius: 15px;
    margin: 0 3px 6px 3px;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
  }
}

@media(max-width: 766px) {
  .address-hr {
    width: 97%;
    margin: 0px 1.5%;
  }
  .address-list form {
    width: 95%;
    margin: 0px 2.5%;
    padding: 0px 3%;
  }
  .account-details {
    background: white;
    margin: 4% 0% 0 9%;
    width: 89.7%;
    padding: 10px 0px 14px 20px;
    border-radius: 15px;
    box-shadow: 0 0.5em 1em -0.125em rgb(0 0 0 / 10%), 0 0 0 1px rgb(0 0 0 / 2%);
  }
  .account-history {
    margin-left: 30px;
    padding: 0px;
    margin: 0 4% 0 4%%;
    width: 90%;
  }
  .show-mobile {
    display: block;
  }
  .hide-mobile {
    display: none;
  }
  .shop-product-wrap [class*="col-"] {
    margin-bottom: 30px;
    max-width: 47% !important;
    background-color: #ffffff;
    border-radius: 15px;
    margin: 0 3px 6px 3px;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
  }
  .mobile-politics li {
    font-size: 12px;
  }
  .politics-mobile-header {
    margin: 15px 0px 15px 0!important;
  }
  .politics-mobile-header h1{
     font-size: 25px!important;
  }
}

@media (min-width: 992px) {
  .show-mobile {
    display: none;
  }
  .hide-mobile {
    display: block;
  }
}

.image--main {
  max-width: 100%;
  height: 230px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (max-width: 576px) {
  .address-list form {
    width: 98%;
    margin: 0px 1%;
    padding: 0px 3%;
  }
    .image--main {
    max-width: 100%;
    height: 170px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
}

.sidebar-title {
  margin-top: 25px;
  margin-bottom: -15px;
}

.wrapper {
  background: #fff;
  display: block !important;
  flex-direction: unset !important;
}

.wrapper form {
  margin-bottom: 30px;
}

.price-input {
  width: 100%;
  display: flex;
  margin: 16px 0 20px;
}

.price-input .field {
  height: 35px;
  width: 100%;
  display: flex;
  align-items: center;
}

.field input {
  width: 100% !important;
  height: 70%;
  color: #686767;
  outline: 0;
  padding: 0 !important;
  font-size: 14px;
  text-align: center;
  position: relative !important;
  opacity: 100% !important;
  margin: 0 0 0 6px !important;
  border-radius: 5px;
  border: 1px solid #999;
  -moz-appearance: textfield;
  box-shadow: 0 5px 5px -0.125em rgb(10 26 10 / 10%), 0 0 0 2px rgb(10 10 18 / 2%);
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.price-input .separator {
  width: 30px;
  display: flex;
}

.slider {
  height: 5px;
  border-radius: 5px;
  background: #ddd;
  position: relative;
  display: block !important;
}

.slider .progress-price {
  height: 5px;
  left: 0%;
  right: 0%;
  position: absolute;
  border-radius: 5px;
  background: #17A2B8;
}

.range-input {
  position: relative;
  width: 100%;
}

.range-input input {
  position: absolute !important;
  opacity: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  top: -5px;
  height: 5px;
  width: 100% !important;
  background: 0 0;
  border: none;
  -webkit-appearance: none;
  pointer-events: none;
}

input[type="range"]::-webkit-slider-thumb {
  height: 13px;
  width: 13px;
  -webkit-appearance: none;
  background: #17A2B8;
  border-radius: 50%;
  pointer-events: auto;
}

input[type="range"]::-moz-range-thumb {
  height: 13px;
  width: 13px;
  border: none;
  -moz-appearance: none;
  background: #17A2B8;
  border-radius: 50%;
  pointer-events: auto;
}

.submit-input {
  margin: 15px 0 -10px 0;
}

.submit-input input {
  width: 50% !important;
  margin: 15px 0 -10px 0 !important;
  opacity: 100% !important;
  padding: 0 !important;
  position: relative !important;
  border-radius: 8px;
  box-shadow: 0 0 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
}

.tag-section {
  width: 100%;
  position: relative;
}

.tag-section a {
  width: 100%;
  position: absolute;
  opacity: 0%;
  margin: -10px 0 0px 0;
}

.filters-link {
  color: #676767;
  width: 25%;
  user-select: none;
}

.collection-dropdown.active > .filters-link,
.filters-link:hover {
  color: black;
  text-decoration-line: underline;
}

.filters-link:hover .filter-icon {
  border: solid black;
  border-width: 0 2px 2px 0;
}

.collection-dropdown.active > .filters-link .filter-icon {
 border: solid black;
 border-width: 0 2px 2px 0;
 margin: 0px 0px -2px 8px;
 transform: rotate(225deg);
}

.collection-dropdown {
  align-items: center;
  display: flex;
  position: relative;
  width: 100%;
}

.collection-dropdown .collection-dropdown-menu {
  display: block;
  flex: 0 0 97%;
  margin-bottom: -17px;
}

.collection-dropdown.active .collection-dropdown-menu {
  width: 1082px;
  position: absolute;
  left: -5px;
  top: calc(100% + 5px);
  background-color: #fff;
  z-index: 9999;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-20px);
  transition: opacity 400ms ease-in-out,transform 400ms ease-in-out;
}

.collection-dropdown.active > .collection-dropdown-menu {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.dropdown-container {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
}

.dropdown-container div {
  display: flex;
  flex-direction: row;
}

.title-area {
  margin-bottom: 15px;
  display: flex;
  user-select: none;
  text-align: center;
}

.title-area h6 {
  font-size: 17px;
  text-shadow: 1 1 1;
}

.title-area:hover h6 {
  margin-bottom: 1px;
  color: #7c7b7b;
  font-size: 18px;
}

.title-area span {
  display: flex;
}

.title-area i {
  display: inline-block;
  position: relative;
  padding: 3px;
  margin: 4px 0px 12px 10px;
  transform: rotate(45deg);
  transition: .4s;
  border: solid black;
  border-width: 0 3px 3px 0;
}

.title-area.active i {
  margin: 10px 0px 12px 10px;
  transform: rotate(225deg);
}

.menu-item-has-children i {
  position: relative;
    display: block;
    padding: 3px;
    margin: 19px 45px 0 0;
    transform: rotate(45deg);
    transition: .4s;
    border: solid black;
    border-width: 0px 2px 2px 0px;
}

.menu-item-has-children.active i {
  transform: rotate(225deg);
  margin: 22px 45px 0 0;
}

.align-items {
 align-items: center!important;
 display: block;
}

.collection-top-bar-left {
  max-width: 100%;
}

.collection-top-bar-right {
  max-width: 100%;
  width: 50%;
  margin-left: 50%;
}

.search-filters-menu {
  display: flex;
}

.filter-submit {
  background: #e0b561!important;
  padding: 1px 22px!important;
  margin-right: 10px;
  color: #fff;
  font-family: var(--font-body, "Lato", sans-serif);
  border-radius: 3px!important;
  font-size: 15px;
  height: 25px;
  box-shadow: 0 0.2em 8px -0.125em #b2b0ae, 0 0 0 1px #0a0a0a05;
}

.filter-submit:hover {
  background: #f6d187!important;
}

.product-short {
  margin: 5px 0;
  margin-top: 5px!important;
}

.collection-dropdown-menu hr {
  display: none;
}

.collection-dropdown-menu .top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

@media only screen and (max-width: 766px) {
  .collection-dropdown-menu .top {
    margin-bottom: 0px;
  }
  .collection-dropdown-menu .top .theme-default-pagination {
    display: none;
  }
}

.filter-block {
  flex: 20%;
  text-align: center;
}

.options-area {
  margin-bottom: 15px;
  text-align: left;
  margin-left: -30px;
}

.options-area {
  margin-bottom: 15px;
  text-align: left;
  margin-left: -30px;
}

.options-area div input {
  margin: 0px 0px 0px 10px;
}

.options-area div label {
  padding: 0px 4px;
  font-size: 16px;
  color: #848484;
}

.options-area div:hover label {
  padding: 1px 4px;
  font-size: 17px;
  color: black;
}

.options-area div a {
  margin: 5px 0 5px 10px;
  padding-top: 0.3%;
  text-align: center;
  background: white;
  display: inline-block;
  color: black;
  width: 70%;
  height: 30px;
  border-radius: 8px;
  box-shadow: 0 0 5px 2px rgb(29 10 10 / 6%), 0 0 0 0 rgb(10 10 10 / 0%);
}

.options-area div:hover a {
  margin: 5px 0 5px 10px;
  background: #dcdcdc;
  width: 72%;
}

.related-products .product-item {
  background: white!important;
  border-radius: 15px!important;
  box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%)!important;
  margin-bottom: 16px!important;
  aspect-ratio: 1 / 2!important;
}
.related-products .product-item h6 {
  height: 68px;
}

.rt-1{
  flex: 0 0 20%
}

.rt-2 {
  flex: 0 0 20%;
}

.rt-3 {
  flex: 0 0 17%;
}

.rt-3 ul {
  display: flex!important;
  flex-direction: column!important;
}

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

.rt-6 {
  padding: 0px 7%;
}

.footer-container {
  max-width: 1300px;
}
.collares-display .measurement {
  display: flex!important;
}
.collares-display .measurement-aretes {
  display: none!important;
}
.collares-display .measurement-pulseras {
  display: none!important;
}
.aretes-display .measurement {
  display: none!important;
}
.aretes-display .measurement-aretes {
  display: flex!important;
}
.aretes-display .measurement-pulseras {
  display: none!important;
}
.pulseras-display .measurement {
  display: none!important;
}
.pulseras-display .measurement-aretes {
  display: none!important;
}
.pulseras-display .measurement-pulseras {
  display: flex!important;
}
@media (max-width: 1140px) {
  .section-related-product .slick-slider .slick-slide>div>div {
    max-height: 317px;
  }
  .collection-dropdown.active > .collection-dropdown-menu {
    width: 918px;
    left: -5px;
  }
}

@media (max-width: 992px) {
  .collection-dropdown.active > .collection-dropdown-menu {
    width: 663px;
    left: -11px;
  }
}

@media (min-width: 767px) {
  .collection-dropdown {
    display: block;
    text-align: left;
    display: flex;
    justify-content: flex-end;
  }
  .filters-link {
    margin-left: -20px;
    flex: 0 0 10%;
    display: none;
  }
}

@media (max-width: 768px) {
  .top-bar-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 0px;
  }
  .align-items {
   display: block;
  }
  .dropdown-container input {
    margin: -26px 0 0px -50%;
  }
  .collection-dropdown {
    display: block;
    text-align: center;
  }
  .collection-dropdown .collection-dropdown-menu {
   position: absolute;
   top: calc(100% + 5px);
   background-color: #fff;
   z-index: 9999;
   padding: 10px;
   border-radius: 8px;
   box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
   opacity: 0;
   pointer-events: none;
   transform: translateY(-20px);
   transition: opacity 400ms ease-in-out,transform 400ms ease-in-out;
   width: calc(100% + 6%);
   left: -15px;
  }
  .collection-dropdown.active > .collection-dropdown-menu {
    width: calc(100% + 6%);
    left: -15px;
  }
  .search-filters-menu {
    display: block;
  }
  .filter-submit {
    display: inherit!important;
    width: 30%;
    margin: 30px 0 -3px;
    transform: translate(110%, -50%);

  }
  .product-short {
    position: relative;
    margin: 3px 0px -5px 0px!important;
  }
  .collection-dropdown-menu hr {
    display: block;
  }
  .filter-block {
    flex: 20%;
    text-align: left;
  }
  .options-area {
    margin-bottom: 15px;
    text-align: left;
    margin-left: 0px;
  }
  .options-area div a {
    background: #ececec;
    width: 50%;
  }
  .options-area div:hover a {
    background: #dcdcdc;
    width: 52%;
  }
  .collection-top-bar-right {
  max-width: 100%;
    width: 100%;
    margin-left: 0%;
  }
  .measurement {
    flex-direction: column;
  }
  .measurement img {
    max-width: 100%!important;
    width: 100%!important;
    margin: 0% 0% 10px 2%!important;
  }
  .measurement-aretes {
    flex-direction: column;
  }
  .measurement-aretes img{
    max-width: 100%!important;
    width: 100%!important;
    margin: 0% 0% 10px 2%!important;
  }
  .measurement-pulseras{
    flex-direction: column;
  }
  .measurement-pulseras img{
    max-width: 100%!important;
    width: 100%!important;
    margin: 0% 0% 10px 2%!important;
  }
  .shopify-policy__body .rtt {
   margin: -7% -1%;
  }
  .rt-1{
  flex: 0 0 100%
  }

  .rt-2 {
    flex: 0 0 100%;
  }

  .rt-3 {
    flex: 0 0 100%;
  }

  .top-bar-right {
    
  }
}

@media (max-width: 428px) {
  .collection-dropdown .collection-dropdown-menu {
   width: calc(100% + 11%);
   left: -15px;
  }
  .collection-dropdown.active > .collection-dropdown-menu {
    width: calc(100% + 11%);
    left: -15px;
  }
}

.dropdown-container .custom-checkbox-input {
    margin: 0px 0 0 -25px;
}

.dropdown-container hr {
  margin: -1px 0 0 0;
  border-top: 2px solid rgba(0,0,0,.1);
}


.dropdown-container ul {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s,opacity 0s linear;
  position: absolute;
}

.dropdown-container ul li{
  margin: 10px 0px 20px 30px;
}


.dropdown-container ul.active {
  visibility: visible;
  opacity: 1;
  position: relative;
  max-height: 100%;
  transition: visibility 0s,opacity 1s linear;
}

.icon {
 margin-left: 10px;
}

.review-tab {
  border-radius: 15px
}

.review-tab li {
  width: 50%;
  box-shadow: 0 0.5em 1em 0em rgb(10 10 10 / 11%), 0 0 0 0px rgb(10 10 10 / 2%);
}

.still {
  width: 12px;
  content: "";
  display: block;
  position: absolute;
  border-bottom: 2px solid #9f9c9d;
  margin: 9px 0 0 8px;
}

.filter-block hr {
  margin-top: -25px;
}

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

.login-restriction a {
  margin: 31px 0px 12px 0px;
}

.shopify-challenge__message {
  font-size: 20px;
  margin-bottom: 25px;
}

.shopify-challenge__container .shopify-challenge__button {
  margin-top: 15px !important;
  margin-bottom: -15px !important;
  border-radius: 10px;
}

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

.bottom-pagination {
  margin-top: 50px;
  margin-bottom: -50px;
}

.product-display {
  display: flex;
  justify-content: center;
}

.product-option {
  background: white;
  width: 70px;
  border-radius: 0px 0px 10px 10px;
  text-align: center;
  box-shadow: 0 1px 3px 0px #aba9a8;
  margin-bottom: 17px;
  padding: 6px 0 5px 0px;
  margin: 0px 5px 17px 5px;
  z-index: 2;
}

.product-option:hover {
  box-shadow: 0 1px 3px 0px #e0b76f;
}

.product-option img {
  border-radius: 10px;
  width: 50px;
  background: #eaeaea;
  padding: 8px;
  border: 2px solid #ccc;
  margin-bottom: 4px;
}

.product-option:hover img {
  background: white;
  padding: 8px;
  border: 2px solid #e0b561;
  filter: opacity(50%);
}

.product-option p {
  opacity: 0;
  height: 0px;
  font-size: 10px;
  transition: height 0.6s, opacity 0.3s;
}

.product-option:hover p {
  opacity: 1;
  height: 30px;
  color: #e0b460;
  transition: height 0.6s, opacity 0.3s;
}
.option-active {
 box-shadow: 0 1px 3px 0px #e0b76f;
}

.option-active img {
  background: white;
  padding: 8px;
  border: 2px solid #e0b561;
  filter: opacity(50%);
}

/* Tab buttons row: space above, aligned left. The -5px offsets the first
   button's 5px side margin so its edge lines up with the main image. */
#product-details-with-gallery .product-display {
  justify-content: flex-start;
  padding-top: 18px;
  margin-left: -5px;
}

/* Product page tab buttons (fotos / medidas / video) — redesign.
   Scoped by ID so it wins over the legacy .product-option rules above
   (including their :hover / .option-active states) without !important.
   No `display` here: .pc/.mb toggle the two video buttons by breakpoint. */
#product-details-with-gallery .product-option {
  box-sizing: border-box;
  width: 52px;
  height: 52px;
  padding: 0;
  background: #f2efe7;
  border: 2px solid transparent;
  border-radius: 14px;
  box-shadow: none;
}

#product-details-with-gallery .product-option.option-active {
  background: #faf8f3;
  border-color: #c29958;
}

/* Lighter gold border on hover, mouse only (no sticky hover after a tap on
   touch); the active button keeps its #c29958 border, hence :not() */
@media (hover: hover) and (pointer: fine) {
  #product-details-with-gallery .product-option:not(.option-active):hover {
    border-color: #d6ad6c;
  }
}

#product-details-with-gallery .product-option img,
#product-details-with-gallery .product-option:hover img,
#product-details-with-gallery .product-option.option-active img {
  display: block;
  width: 22px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  filter: none;
  /* Vertical centering without flex (see note above about `display`) */
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.pc-video-popup {
  position: fixed;
  padding: 5% 10% 13% 10%;
  margin: 0;
  top: 0%;
  left: 0;
  height: 100%;
  width: 100%;
  background: #00000054;
  z-index: 9;
  display: none;
}
.pc-video-wrapper {
  border-radius: 18px;
  overflow: hidden;
}
.video-closer {
  cursor: pointer;
  position: absolute;
  right: 10%;
  font-size: 19px;
  background: #000;
  color: #fff;
  padding: 3px 9px;
  line-height: 25px;
  border-radius: 0px 18px 0px 7px;
  box-shadow: 0px 0px 10px #00000075;
  z-index: 10;
}
.video-closer:hover {
  color: red;
}
.showned {
  display: block!important;
}
.pc {
  display: block;
}
.mb {
  display: none;
}

@media (max-width: 991px) {
  .pc {
    display: none;
  }
  .mb {
    display: block;
  }
}

.bolded { font-weight: bold; }

.description-container {
    text-align: center;
    padding: 0% 10% 0% 10%;
}

.description-container p {
    text-align: justify;
    font-size: 14px;
    margin: 0px 1vw 2vw 2.6vw;
    font-family: var(--font-paragraph, "Lato", sans-serif);
}

.description-container .brand-img {
    width: 50%;
}

.description-container .multi-description {
    display: flex;
}

.description-container .multi-description .description {
    width: 33%;
    margin: 0% 1% 2% 1%;
}

.description-container .multi-description .description img {
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.747);
    width: 92%;
    aspect-ratio: 940 / 1200;
    overflow: hidden;
    margin: 0% -8% 0% 0%;
    border-radius: 15px;
}

.description-container .multi-description .description h3 {
    width: 92%;
    margin: 3% 0% 0% 8%;
    text-align: justify;
    color: #333;
    font-size: 17px;
    font-weight: bold;
}

.description-container .multi-description .description p {
    width: 92%;
    margin: 3% 0% 2% 8%;
    padding-bottom: 5%;  
}

.description-container .image-presentation .border-images{
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.747);
    width: 100%;
    aspect-ratio: 16 / 6;
    margin: 0px 0px 2% 0px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

.description-container .image-presentation .border-images img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}

.description-container .image-presentation .border-images h3{
    position: absolute;
    top: 28%;
    left: 4%;
    color: white;
    font-size: 2.8vw;
}

.description-container .image-presentation .border-images p{
    position: absolute;
    top: 46%;
    left: 1%;
    width:27%;
    color: white;
    font-size: 1.2vw;
}

.description-container .image-presentation .middle-images{
    width: 100%;
    display: flex;
    gap: 2%;
}

.description-container .image-presentation .middle-images .image{
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.747);
    width: 50%;
    margin: 0px 0px 2% 0px;
    border-radius: 30px;
    aspect-ratio: 6 / 7.4;
}

.description-container .image-presentation .middle-images .image img{
    width: 100%;
    border-radius: 30px;
    object-fit: cover;
    object-position: center;
    margin-bottom: -4px;
}

.description-container .image-presentation .recomendations-image{
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.747);
    width: 100%;
    margin: 0px 0px 2% 0px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 27/5;
    text-align: left;
    background: #f1d341;
}

.description-container .image-presentation .recomendations-image img{
    width: 50%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin-left: 2%;
    padding-left: 2%;
}

.description-container .image-presentation .recomendations-image p{
    position: absolute;
    top: 24%;
    left: 22%;
    color: rgb(0, 0, 0);
    font-size: 1.8vw;
    padding-right: 1vw;
    text-align: center;
}

@media (max-width: 767px) {
  .image-presentation {
    margin-left: 6%;
  }
  .description-container p {
    text-align: justify;
    font-size: 12px !important;
    margin: 0px 1vw 2vw 2.6vw;
    font-family: var(--font-paragraph, "Lato", sans-serif);
  }
  .description-container .multi-description {
    display: block;
  }
  .description-container .multi-description .description {
    width:100%;
    margin: 0%;
  }
  .description-container .multi-description .description img {
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.747);
    width: 94%;
    aspect-ratio: 940 / 1200;
    overflow: hidden;
    margin: 0% -4% 0% 0%;
    border-radius: 15px;
  }
  .description-container .multi-description .description h3 {
    width: 94%;
    margin: 3% 0% 0% 6%;
    text-align: justify;
    color: #333;
    font-size: 17px;
    font-weight: bold;
  }
  .description-container .multi-description .description p {
    width: 93%;
    margin: 1% 0% 0% 6%;
    padding-bottom: 5%;
    padding-right: 1%;
  }
  .description-container .image-presentation .middle-images {
    width: 100%;
    display: block;
    gap: 2%;
  }
  .description-container .image-presentation .middle-images .image {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.747);
    width: 100%;
    margin: 0px 0px 2% 0px;
    aspect-ratio: 6 / 7.4;
    border-radius: 15px;
  }
  .description-container .image-presentation .middle-images .image img {
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
    object-position: center;
    margin-bottom: -4px;
  }
  .description-container .image-presentation .border-images {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.747);
    width: 100%;
    aspect-ratio: 16 / 6;
    margin: 0px 0px 2% 0px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
  }
}

@media (max-width: 600px) {
  .description-container .image-presentation .border-images h3 {
    position: absolute;
    top: 16%;
    left: 4%;
    color: white;
    font-size: 14px;
  }
  .description-container .image-presentation .border-images p {
    position: absolute;
    top: 32%;
    left: 1%;
    width: 46%;
    color: white;
    font-size: 1.2vw;
  }
  .description-container p {
    text-align: justify;
    font-size: 10px !important;
    margin: 10vw 1vw 2vw 2.6vw;
    font-family: var(--font-paragraph, "Lato", sans-serif);
  }
}

.icon-presentation {
  display: flex;
}

.icon-presentation hr {
  width: 46%;
  box-shadow: 0 1px 2px 0px #6565658a;
}

.icon-presentation img {
  width: 30px;
  height: 25px;
  margin: 1% 1% 0% 1%;
}

.icon-collection {
  display: flex;
  margin-bottom: -22px;
}

.icon-collection hr {
  margin-left: 3%;
  margin-right: 3%;
  /* Side margins leave no room for 46%: share the leftover space instead
     (same rendered width as before, when 45% overflowed and flex shrank it) */
  flex: 1;
  box-shadow: 0 1px 2px 0px #6565658a;
}

.icon-collection img {
  width: 30px!important;
  height: 33px!important;
  padding: 6px 3px;
  margin: 1% 1% 0% 1%!important;
}

.measurements .images {
  display: flex;
  flex-direction: column;
}

.measurements .images img {
  margin-bottom: 20px;
  box-shadow: 0px 3px 9px #00000080;
  border-radius: 30px;
}

.product-img {
  display: none;
}

.measurements {
  display: none;
}

.video {
  background: #e8e8e8;
  border: 3px solid #a5a5a580;
  text-align: center;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  box-shadow: 1px 1px 9px #0000003d;
  aspect-ratio: 1 / 1;
}

.video img {
  margin-top: 42%;
  width: 30px;
}

.pc-video-popup .video img{
  margin-top: 16%;
  width: 5%px;
}

.measurements .product-video-wrapper {
  border-top: 2px solid #000;
  text-align: center;
  border-radius: 15px;
  box-shadow: 1px 1px 7px #00000091;
  overflow: hidden;
  border-bottom: 2px solid #000;
  margin-bottom: 10px;
}

.measurements .panoram-image {
  background: #e8e8e8;
  border: 3px solid #a5a5a580;
  text-align: center;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  box-shadow: 1px 1px 9px #0000003d;
  padding-bottom: 85%;
}

.measurements .panoram-image img {
  margin-top: 39%;
  width: 30px;
}

.show {
  display: block!important;
}

.product-cart-action {
  width: 100%;
}

.product-cart-action button {
  width: 100%;
}

.shadow-product {
  background-image: url(https://d1d4ws4rsi496l.cloudfront.net/static/version16608861612/frontend/Opentechiz/glamira/es_MX/OpenTechiz_LayeredNavigationExtend/images/product_img.png);
  top: 0;
  left: 0;
  width: 84%;
  height: 50%;
  cursor: pointer;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  margin: 32px 0 0px 21px;
  z-index: 1;
  border-radius: 30px;
  pointer-events: none;
}

.slick-list .shadow-product{
  display: none;
}

.slick-list .product-shadow {
  background-image: url(https://d1d4ws4rsi496l.cloudfront.net/static/version16608861612/frontend/Opentechiz/glamira/es_MX/OpenTechiz_LayeredNavigationExtend/images/product_img.png);
  top: 0;
  left: 0;
  width: 84%;
  height: 50%;
  cursor: pointer;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  margin: 6px 0 0px 21px;
  z-index: 1;
  border-radius: 30px;
  pointer-events: none;
}

.login-comments-title {
  margin-top: 30px;
  margin-bottom: 10px!important;
}

.container-slider {
  width: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
  padding-bottom: 13px;
  padding-top: 18px;
}

.banner-content_slider {
  top: 51%;
  left: 3%;
  right: 0;
  position: absolute;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  display: flex;
  background: #ffffff5e;
  width: 94%;
  border-radius: 5px;
}
  
.main-slider {
  height: 165px;
}

.slider__section {
  position: absolute;
  transition: all 0.5s;
  transform: translate(-50%, 0px)
}

.front {
  margin: 0px 0;
  z-index: 2;
  opacity: 1;
  width: 150px;
}

.front img {
  height: 150px;
}

.middle {
  margin: 15px 0;
  z-index: 1;
  opacity: 0.7;
  width: 120px;
}

.middle img {
  height: 120px;
  object-fit: cover;
}

.back {
  margin: 30px 0;
  z-index: 0;
  opacity: 0;
  width: 90px;
}

.back img {
  height: 90px;
}

.slider__section img {
  display: block;
}

.slider__btn {
  position: absolute;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.8);
  top: 50%;
  transform: translateY(-50%);
  font-size: 25px;
  font-weight: bold;
  font-family: monospace;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  
}

.slider__btn:hover {
  
}

.slider__btn--left {
  left: 10px;
}

.slider__btn--right {
  right: 10px;    
}

@media (max-width: 599px) {
  .banner-content_slider {
    top: 51%;
    left: 6%;
    right: 0;
    position: absolute;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    display: flex;
    background: #ffffff5e;
    width: 88%;
    border-radius: 5px;
  }
  .banner-statistics-middle {
    position: relative;
    padding: 0px 30px 14px 31px;
  }
  .banner-content {
    right: 15%!important;
  }
  .front h5 {
    text-align: center;
    margin-left: -1%;
    margin-right: -1%;
    font-size: 13px;
    transition: all 0.5s ease 0s;
    margin-bottom: 3px;
    margin-top: 3px;
  }
  .front hr {
    margin-left: 4%;
    margin-right: 4%;
    width: 36%;
    height: 1.6px;
    margin-top: 7.5%;
    border-radius: 4px;
    background: #000000d6;
    transition: all 0.5s ease 0s;
    visibility: hidden;
  }
  .middle h5 {
    text-align: center;
    margin-left: -1%;
    margin-right: -1%;
    font-size: 11px;
    transition: all 0.5s ease 0s;
    margin-bottom: 3px;
    margin-top: 3px;
  }
  .middle hr {
    margin-left: 4%;
    margin-right: 4%;
    width: 36%;
    height: 1.6px;
    margin-top: 7.5%;
    border-radius: 4px;
    background: #000000d6;
    transition: all 0.5s ease 0s;
    visibility: hidden;
  }
  .back h5 {
    text-align: center;
    margin-left: -1%;
    margin-right: -1%;
    font-size: 10px;
    transition: all 0.5s ease 0s;
    margin-bottom: 3px;
    margin-top: 3px;
  }
  .back hr {
    margin-left: 4%;
    margin-right: 4%;
    width: 36%;
    height: 1.6px;
    margin-top: 7.5%;
    border-radius: 4px;
    background: #000000d6;
    transition: all 0.5s ease 0s;
    visibility: hidden;
  }
}

@media (min-width: 600px) {
  .banner-content_slider {
    top: 51%;
    left: 3%;
    right: 0;
    position: absolute;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    display: flex;
    background: #ffffff5e;
    width: 94%;
    border-radius: 5px;
  }
  .main-slider {
    height: 250px;
  }
  .front {
    width: 224px;
  }
  .middle {
    margin: 22px 0px;
    width: 180px;
  }
  .back {
    margin: 42px 0px;
    width: 130px;
    opacity: 0.2;
  }
  .front img {
    height: 224px;
    object-fit: cover;
  }
  .front h5 {
    text-align: center;
    margin-left: -1%;
    margin-right: -1%;
    font-size: 16px;
    transition: all 0.5s ease 0s;
    margin-bottom: 3px;
    margin-top: 3px;
  }
  .front hr {
    margin-left: 4%;
    margin-right: 4%;
    width: 36%;
    height: 1.6px;
    margin-top: 7.5%;
    border-radius: 4px;
    background: #000000d6;
    transition: all 0.5s ease 0s;
  }
  .middle img {
    height: 180px;
    object-fit: cover;
  }
  .middle h5 {
    text-align: center;
    margin-left: -1%;
    margin-right: -1%;
    font-size: 15px;
    transition: all 0.5s ease 0s;
    margin-bottom: 3px;
    margin-top: 3px;
  }
  .middle hr {
    margin-left: 4%;
    margin-right: 4%;
    width: 36%;
    height: 0.6px;
    margin-top: 9.2%;
    border-radius: 4px;
    background: #000000d6;
    transition: all 0.5s ease 0s;
  }
  .back img {
    height: 132px;
    object-fit: cover;
  }
  .back h5 {
    text-align: center;
    margin-left: -1%;
    margin-right: -1%;
    font-size: 12px;
    transition: all 0.5s ease 0s;
    margin-bottom: 3px;
    margin-top: 5px;
  }
  .back hr {
    margin-left: 4%;
    margin-right: 4%;
    width: 36%;
    height: 0.6px;
    margin-top: 12.8%;
    border-radius: 4px;
    background: #000000d6;
    transition: all 0.5s ease 0s;
  }
}

@media (min-width: 992px) {
  .banner-content_slider {
    top: 51%;
    left: 3%;
    right: 0;
    position: absolute;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    display: flex;
    background: #ffffff5e;
    width: 94%;
    border-radius: 5px;
  }
  .banner-statistics img {
    border-radius: 30px;
  }
  .container-slider {
    width: 96%;
  }
  .main-slider {
    height: 392px;
  }
  .front {
    width: 364px;
  }
  .middle {
    margin: 40px 0px;
    width: 286px;
  }
  .back {
    margin: 70px 0px;
    width: 242px;
    opacity: 0.2;
  }
  .front img {
    height: 364px;
    object-fit: cover;
  }
  .front h5 {
    text-align: center;
    margin-left: -1%;
    margin-right: -1%;
    font-size: 19px;
    transition: all 0.5s ease 0s;
    margin-bottom: 3px;
    margin-top: 3px;
  }
  .front hr {
    margin-left: 4%;
    margin-right: 4%;
    width: 36%;
    height: 2.3px;
    background: #000000d4;
    margin-top: 5.5%;
    border-radius: 3px;
    transition: all 0.5s ease 0s;
  }
  .middle img {
    height: 290px;
    object-fit: cover;
  }
  .middle h5 {
    text-align: center;
    margin-left: -1%;
    margin-right: -1%;
    font-size: 17px;
    transition: all 0.5s ease 0s;
    margin-bottom: 3px;
    margin-top: 3px;
  }
  .middle hr {
    margin-left: 4%;
    margin-right: 4%;
    width: 36%;
    height: 2.0px;
    background: #000000d4;
    margin-top: 6%;
    border-radius: 3px;
    transition: all 0.5s ease 0s;
  }
  .back img {
    height: 230px;
    object-fit: cover;
  }
  .back h5 {
    text-align: center;
    margin-left: -1%;
    margin-right: -1%;
    font-size: 15px;
    transition: all 0.5s ease 0s;
    margin-bottom: 3px;
    margin-top: 3px;
  }
  .back hr {
    margin-left: 4%;
    margin-right: 4%;
    width: 36%;
    height: 1.5px;
    background: #000000d4;
    margin-top: 6.6%;
    border-radius: 3px;
    transition: all 0.5s ease 0s;
  }
}

@media (min-width: 1300px) {
  .container-slider {
    width: 92%;
  }
  .main-slider {
    height: 500px;
  }
  .front {
    width: 535px;
  }
  .middle {
    margin: 40px 0px;
    width: 430px;
  }
  .back {
    margin: 70px 0px;
    width: 365px;
    opacity: 0.2;
  }
  .front img {
    height: 480px;
    object-fit: cover;
  }
  .front h5 {
    text-align: center;
    margin-left: -1%;
    margin-right: -1%;
    font-size: 23px;
    transition: all 0.5s ease 0s;
  }
  .front hr {
    margin-left: 4%;
    margin-right: 4%;
    width: 36%;
    height: 3px;
    background: #000000d4;
    margin-top: 3.8%;
    border-radius: 3px;
    transition: all 0.5s ease 0s;
  }
  .middle img {
    height: 400px;
    object-fit: cover;
  }
  .middle h5 {
    text-align: center;
    margin-left: -1%;
    margin-right: -1%;
    font-size: 21px;
    transition: all 0.5s ease 0s;
  }
  .middle hr {
    margin-left: 4%;
    margin-right: 4%;
    width: 36%;
    height: 2.4px;
    background: #000000d4;
    margin-top: 4.5%;
    border-radius: 3px;
    transition: all 0.5s ease 0s;
  }
  .back img {
    height: 330px;
    object-fit: cover;
  }
  .back h5 {
    text-align: center;
    margin-left: -1%;
    margin-right: -1%;
    font-size: 19px;
    transition: all 0.5s ease 0s;
  }
  .back hr {
    margin-left: 4%;
    margin-right: 4%;
    width: 36%;
    height: 2.1px;
    background: #000000d4;
    margin-top: 5%;
    border-radius: 3px;
    transition: all 0.5s ease 0s;
  }
}

@media (min-width: 1750px) {
  .container-slider {
    max-width: 1700px;
    width: 85%;
  }
  .main-slider {
    height: 500px;
  }
  .front {
    width: 535px;
  }
  .middle {
    margin: 40px 0px;
    width: 430px;
  }
  .back {
    margin: 70px 0px;
    width: 365px;
    opacity: 0.2;
  }
  .front img {
    height: 480px;
    object-fit: cover;
  }
  .front h5 {
    text-align: center;
    margin-left: -1%;
    margin-right: -1%;
    font-size: 25px;
    transition: all 0.5s ease 0s;
  }
  .front hr {
    margin-left: 4%;
    margin-right: 4%;
    width: 36%;
    height: 3px;
    background: #000000d4;
    margin-top: 4.1%;
    border-radius: 3px;
    transition: all 0.5s ease 0s;
  }
  .middle img {
    height: 400px;
    object-fit: cover;
  }
  .middle h5 {
    text-align: center;
    margin-left: -1%;
    margin-right: -1%;
    font-size: 23px;
    transition: all 0.5s ease 0s;
  }
  .middle hr {
    margin-left: 5%;
    margin-right: 5%;
    width: 36%;
    height: 3px;
    background: #000000d4;
    margin-top: 4.7%;
    border-radius: 3px;
    transition: all 0.5s ease 0s;
  }
  .back img {
    height: 330px;
    object-fit: cover;
  }
  .back h5 {
    text-align: center;
    margin-left: -1%;
    margin-right: -1%;
    font-size: 21px;
    transition: all 0.5s ease 0s;
  }
  .back hr {
    margin-left: 5%;
    margin-right: 5%;
    width: 36%;
    height: 2px;
    background: #000000d4;
    margin-top: 5.2%;
    border-radius: 3px;
    transition: all 0.5s ease 0s;
  }
}