.collection-wrapper {
  padding-top: 61px;
}
input.form-control.qty-nums.quantity.update-carts {
    width: 50%;
    height: auto;
    min-width: 25%;
    max-width: 25%;
}    
.form-control.qty-num {
  width: 69px;
  height: 23px;
}     
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.centered p {
    color: #2154a5;
    font-size: 14px;
    font-weight: 600;
}    
:root {
  --theme-deafult: #ff4c3b; }

/*-----------------------------------------------------------------------------------

/* 1. General CSS
   1.1. Button CSS
   1.2. Title CSS
   1.3. Brand logo CSS */
/* 2. Header CSS */


/* 8. Banner Timer CSS  */
/* 9. Category CSS */
/* 10. Product Box CSS */
/* 11. Theme tab CSS */
/* 12. Banner CSS */
/* 13. Collection Banner CSS */
/* 14. Product-box slider CSS */

/* 22. Inner pages CSS */

/* 29. Responsive CSS */
/*=====================
    1.General CSS start
==========================*/
body {
  font-family: Lato, sans-serif;
  position: relative;
  background: #ffffff;
  font-size: 14px; }
  body.christmas {
    font-family: Philosopher, sans-serif; }
    body.christmas .dark-light {
      display: none; }
    body.christmas section {
      overflow: hidden; }

h1 {
  font-size: 60px;
  color: #222222;
  font-weight: 700;
  text-transform: uppercase; }
  h1 span {
    font-size: 107px;
    font-weight: 700;
    color: var(--theme-deafult); }

h2 {
  font-size: 36px;
  color: #222222;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em; }

h3 {
  font-size: 24px;
  font-weight: 400;
  color: #777777;
  letter-spacing: 0.03em; }

h4 {
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1; }

h5 {
  font-size: 16px;
  font-weight: 400;
  color: #222222;
  line-height: 24px;
  letter-spacing: 0.05em; }

h6 {
  font-size: 14px;
  font-weight: 400;
  color: #777777;
  line-height: 24px; }

ul {
  padding-left: 0;
  margin-bottom: 0; }

li {
  display: inline-block; }

p {
  font-size: 14px;
  color: #777777;
  line-height: 1; }

a {
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease; }
  a:hover {
    text-decoration: none;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease; }
  a:focus {
    outline: none; }

button:focus {
  outline: none; }

section,
.section-t-space {
  padding-top: 70px; }

.section-b-space {
  padding-bottom: 70px; }

.large-section {
  padding-top: 120px;
  padding-bottom: 120px; }

.p-t-0 {
  padding-top: 0; }

hr.style1 {
  width: 75px;
  height: 3px;
  margin-top: 13px;
  background-color: var(--theme-deafult);
  text-align: center; }

.no-arrow .slick-next,
.no-arrow .slick-prev {
  display: none !important; }

.form-control {
  border-radius: 0; }

.small-section {
  padding-top: 35px;
  padding-bottom: 35px; }

.banner-padding {
  padding-top: 30px; }

.border-section {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd; }

.border-b {
  border-bottom: 1px solid #38352f; }

.border-bottom-grey {
  border-bottom: 1px solid #efefef; }

.border-top-grey {
  border-top: 1px solid #efefef; }

.darken-layout {
  background-color: #393230; }

.dark-layout {
  background-color: #2d2a25; }

.light-layout {
  background-color: #f9f9f9; }

.white-layout {
  background-color: #ffffff; }

.bg-light0 {
  background-color: #d0edff; }

.bg-light1 {
  background-color: #f1e7e6; }

.bg-light2 {
  background-color: #bfbfbf; }

.bg-blog {
  background-color: #eeeeee; }

.bg-grey {
  background-color: #f7f7f7; }

.bg_cls {
  background-color: #fafafa; }

del {
  font-size: 14px;
  color: #aaaaaa;
  font-weight: 400; }

[data-notify="progressbar"] {
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px; }

.progress-bar {
  background-color: #19a340; }

.progress-bar-info {
  background-color: #00829a; }

.container-fluid.custom-container {
  padding-left: 90px;
  padding-right: 90px; }

.ratio_40 .bg-size:before {
  padding-top: 40%;
  content: "";
  display: block; }

.ratio_45 .bg-size:before {
  padding-top: 45%;
  content: "";
  display: block; }

.ratio2_1 .bg-size:before {
  padding-top: 50%;
  content: "";
  display: block; }

.ratio2_3 .bg-size:before {
  padding-top: 60%;
  content: "";
  display: block; }

.ratio3_2 .bg-size:before {
  padding-top: 66.66%;
  content: "";
  display: block; }

.ratio_landscape .bg-size:before {
  padding-top: 75%;
  content: "";
  display: block; }

.ratio_square .bg-size:before {
  padding-top: 100%;
  content: "";
  display: block; }

.ratio_asos .bg-size:before {
  padding-top: 127.7777778%;
  content: "";
  display: block; }

.ratio_portrait .bg-size:before {
  padding-top: 150%;
  content: "";
  display: block; }

.ratio1_2 .bg-size:before {
  padding-top: 200%;
  content: "";
  display: block; }

.b-top {
  background-position: top !important; }

.b-bottom {
  background-position: bottom !important; }

.b-center {
  background-position: center !important; }

.b_size_content {
  background-size: contain !important;
  background-repeat: no-repeat; }

/*Lazy load */


/*=====================
    1.1.Button CSS start
==========================*/
button {
  cursor: pointer; }

.btn {
  line-height: 20px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  border-radius: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }
  .btn:hover {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
  .btn:focus {
    -webkit-box-shadow: none;
            box-shadow: none; }

.btn-solid {
  padding: 13px 29px;
  color: #ffffff;
  letter-spacing: 0.05em;
  border: 2px solid var(--theme-deafult);
  background-image: linear-gradient(30deg, #2154a5 50%, transparent 50%);
  background-size: 850px;
  background-repeat: no-repeat;
  background-position: 0;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
   }
  .btn-solid:hover {
    background-position: 100%;
    color: #000000;
    background-color: #ffffff; }
  .btn-solid.black-btn {
    background-image: linear-gradient(30deg, #222222 50%, transparent 50%);
    border: 2px solid #222222; }
  .btn-solid:focus {
    color: #ffffff; }
  .btn-solid.btn-gradient {
    background: var(--theme-deafult);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--gradient1)), color-stop(99%, var(--gradient2)));
    background: linear-gradient(180deg, var(--gradient1) 0%, var(--gradient2) 99%);
    -webkit-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
    background-size: 300% 100%;
    border: none; }
    .btn-solid.btn-gradient:hover {
      background: -webkit-gradient(linear, left top, left bottom, from(var(--gradient2)), color-stop(99%, var(--gradient1)));
      background: linear-gradient(-180deg, var(--gradient2) 0%, var(--gradient1) 99%);
      -webkit-transition: background 300ms ease-in-out;
      transition: background 300ms ease-in-out;
      color: white; }
  .btn-solid.btn-green {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient1)), to(var(--gradient2)));
    background-image: linear-gradient(to right, var(--gradient1), var(--gradient2));
    border: none;
    background-color: var(--theme-deafult); }
    .btn-solid.btn-green:hover {
      background-color: var(--theme-deafult);
      background-image: none;
      color: white; }
  .btn-solid.btn-sm {
    padding: 9px 16px; }
  .btn-solid.btn-xs {
    padding: 5px 8px;
    text-transform: capitalize; }

.btn-outline {
  display: inline-block;
  padding: 13px 29px;
  letter-spacing: 0.05em;
  border: 2px solid var(--theme-deafult);
  position: relative;
  color: #000000; }
  .btn-outline:before {
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content: "";
    background-color: var(--theme-deafult);
    z-index: -2; }
  .btn-outline:hover, .btn-outline:focus {
    color: #ffffff !important; }
    .btn-outline:hover i, .btn-outline:focus i {
      color: #ffffff !important; }
    .btn-outline:hover:before, .btn-outline:focus:before {
      -webkit-transition: 0.5s all ease;
      transition: 0.5s all ease;
      left: 0;
      right: 0;
      opacity: 1; }
  .btn-outline.btn-sm {
    padding: 9px 16px;
    font-size: 12px; }

button.btn.btn-solid:active, button.btn.btn-outline:active {
  background-image: linear-gradient(30deg, var(--theme-deafult) 50%, transparent 50%);
  color: #ffffff;
  background: var(--theme-deafult); }

.btn-classic:hover {
  background-color: var(--theme-deafult); }

.btn-theme {
  background-color: var(--theme-deafult);
  color: #ffffff; }

.btn-white {
  background-color: white;
  color: var(--theme-deafult);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 10px 29px; }
  .btn-white:hover {
    color: #000000;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.btn-custom {
  padding: 6px 30px !important;
  border: none; }

/*=====================
    1.2.Title CSS start
==========================*/
.title1 {
  text-align: center; }
  .title1 h4 {
    color: var(--theme-deafult);
    padding-bottom: 10px;
    margin-bottom: 0;
    margin-top: -3px; }
  .title1 .title-inner1 {
    padding-bottom: 15px;
    margin-bottom: 30px;
    position: relative; }
    .title1 .title-inner1:after {
      position: absolute;
      height: 5px;
      width: 70px;
      background-color: var(--theme-deafult);
      content: "";
      left: 0;
      right: 0;
      margin: 0 auto;
      bottom: 0; }
  .title1.title-gradient .title-inner1:after {
    background: var(--theme-deafult);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--gradient1)), color-stop(99%, var(--gradient2)));
    background: linear-gradient(180deg, var(--gradient1) 0%, var(--gradient2) 99%);
    background-color: var(--theme-deafult); }
  .title1.title5 .title-inner1 {
    padding-bottom: 0;
    margin-bottom: 0; }
    .title1.title5 .title-inner1:after {
      display: none; }
  .title1.title5 hr[role="tournament6"] {
    border: 0px solid;
    height: 1px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(var(--theme-deafult)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--theme-deafult), rgba(0, 0, 0, 0));
    display: block;
    width: 25%;
    margin: 15px auto 30px auto; }
  .title1.title5 hr[role="tournament6"]::before {
    position: absolute;
    background-color: #efefef;
    border: 1px solid;
    border-color: var(--theme-deafult);
    padding: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin: -6px 0px 0px 0;
    content: ""; }

.title2 {
  text-align: center; }
  .title2 h4 {
    color: var(--theme-deafult);
    padding-bottom: 10px;
    margin-bottom: 0;
    text-transform: uppercase;
    margin-top: -3px; }
  .title2 .title-inner2 {
    margin-bottom: 50px;
    position: relative;
    display: inline-block;
    padding: 0 25px; }
    .title2 .title-inner2:after {
      position: absolute;
      height: 5px;
      width: 100%;
      background-color: var(--theme-deafult);
      opacity: 0.4;
      content: "";
      left: 0;
      right: 0;
      margin: 0 auto;
      bottom: 3px;
      z-index: -1; }

.title3 {
  text-align: center; }
  .title3 h4 {
    color: var(--theme-deafult);
    padding-bottom: 10px;
    margin-bottom: 5px;
    margin-top: -3px; }
  .title3 .title-inner3 {
    margin-bottom: 20px;
    position: relative;
    margin-top: -5px; }
  .title3 .line {
    position: relative;
    height: 5px;
    width: 45px;
    background-color: var(--theme-deafult);
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    margin-bottom: 50px; }
    .title3 .line:after, .title3 .line:before {
      position: absolute;
      height: 5px;
      width: 10px;
      content: "";
      background-color: var(--theme-deafult); }
    .title3 .line:after {
      right: 50px; }
    .title3 .line:before {
      left: 50px; }

.title4 {
  text-align: center; }
  .title4 .title-inner4 {
    padding-bottom: 25px;
    margin-bottom: 0;
    position: relative;
    margin-top: -5px; }
  .title4 .line {
    position: relative;
    height: 1px;
    width: 180px;
    background-color: var(--theme-deafult);
    margin: 0 auto;
    margin-bottom: 55px;
    bottom: 0;
    top: 0; }
    .title4 .line:after, .title4 .line:before {
      position: absolute;
      height: 10px;
      width: 10px;
      content: "";
      background-color: var(--theme-deafult);
      top: -4px; }
    .title4 .line:after {
      left: 78px; }
    .title4 .line:before {
      left: 64px; }
    .title4 .line span:after, .title4 .line span:before {
      position: absolute;
      height: 10px;
      width: 10px;
      content: "";
      background-color: var(--theme-deafult);
      top: -4px; }
    .title4 .line span:after {
      right: 78px; }
    .title4 .line span:before {
      right: 64px; }

.title6 {
  text-align: center; }
  .title6 h2 {
    margin-top: -5px; }

.title-borderless {
  margin-bottom: 30px;
  text-align: center;
  margin-top: -5px; }


/*=====================
    7.About CSS start
==========================*/
.about-text p {
  line-height: 28px;
  letter-spacing: 0.06em;
  text-align: center;
  margin-bottom: 50px; }

/*=====================
    8.Banner Timer CSS start
==========================*/
.banner-timer {
  background-image: url("../images/offer-banner.jpg");
  background-size: cover;
  margin-left: 20px;
  margin-right: 20px; }
  .banner-timer .banner-text {
    padding-top: 45px;
    padding-bottom: 45px; }
    .banner-timer .banner-text h2 {
      margin-bottom: 0;
      text-align: center; }
      .banner-timer .banner-text h2 span {
        color: var(--theme-deafult); }
  .banner-timer .timer-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.timer {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 40px;
  margin-top: 30px;
  background-color: #2d2a25;
  display: inline-block; }
  .timer p {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 0; }
  .timer span {
    width: 70px;
    display: inline-block; }
    .timer span .timer-cal {
      font-size: 12px;
      color: #777777; }
    .timer span .padding-l {
      padding-left: 22px;
      display: inline; }

/*=====================
    9.Category CSS start
==========================*/
.category-block .category-image {
  margin: 0 auto;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease; }
  .category-block .category-image.svg-image {
    background-color: #ffffff; }
    .category-block .category-image.svg-image svg {
      width: 50px;
      fill: var(--theme-deafult); }

.category-block .category-details {
  margin-top: 15px;
  text-align: center; }
  .category-block .category-details h5 {
    font-weight: 700;
    margin: 0 auto;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    text-transform: uppercase; }
  .category-block .category-details h6 {
    margin-bottom: -6px;
    margin-top: -4px; }

.category-block:hover .category-image {
  background-color: var(--theme-deafult);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .category-block:hover .category-image img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .category-block:hover .category-image svg {
    fill: white;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.category-block:hover .category-details h5 {
  color: var(--theme-deafult);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.category-border {
  background-color: #f1f5f4;
  padding: 20px 10px; }
  .category-border .border-padding {
    padding: 0 10px; }
  .category-border div .category-banner {
    padding: 0;
    position: relative;
    overflow: hidden; }
    .category-border div .category-banner img,
    .category-border div .category-banner .bg-size {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transition: 0.5s ease;
      transition: 0.5s ease; }
    .category-border div .category-banner:hover img,
    .category-border div .category-banner:hover .bg-size {
      -webkit-transform: scale(1.1) translateX(14px);
              transform: scale(1.1) translateX(14px);
      -webkit-transition: 0.5s ease;
      transition: 0.5s ease; }
    .category-border div .category-banner:hover h2 {
      color: var(--theme-deafult);
      -webkit-transition: 0.5s ease;
      transition: 0.5s ease; }
    .category-border div .category-banner .category-box {
      z-index: 1;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .category-border div .category-banner .category-box h2 {
        background-color: #ffffff;
        display: inline-block;
        padding: 20px 35px;
        margin-bottom: 0;
        -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
                box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease; }

.category-bg {
  padding: 40px 50px;
  position: relative;
  z-index: 1; }
  .category-bg .image-block img {
    width: 100%; }
  .category-bg .image-block.even:after {
    bottom: 94%; }
  .category-bg .image-block:after {
    content: "";
    position: absolute;
    background-color: var(--theme-deafult);
    height: 0;
    width: 40px;
    z-index: 1;
    right: 0;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    margin-top: -40px; }
  .category-bg .image-block:hover:after {
    opacity: 0.3;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    height: 80px; }
  .category-bg .contain-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    background-color: #ffffff; }
    .category-bg .contain-block.even:after {
      top: 94%; }
    .category-bg .contain-block:after {
      content: "";
      position: absolute;
      background-color: var(--theme-deafult);
      height: 0;
      width: 40px;
      z-index: 1;
      right: 0;
      left: 0;
      margin: 0 auto;
      opacity: 0;
      -webkit-transition: 0.5s ease;
      transition: 0.5s ease;
      bottom: 94%; }
    .category-bg .contain-block:hover h2 {
      color: var(--theme-deafult);
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .category-bg .contain-block:hover h6 span {
      color: var(--theme-deafult);
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .category-bg .contain-block:hover .category-btn {
      background-image: linear-gradient(30deg, #222222 50%, transparent 50%);
      border: 2px solid #222222;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .category-bg .contain-block:hover:after {
      opacity: 0.3;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      height: 80px; }
    .category-bg .contain-block h2 {
      margin-bottom: 0;
      margin-top: 15px;
      -webkit-transition: 0.5s ease;
      transition: 0.5s ease;
      color: #222222; }
    .category-bg .contain-block h6 {
      color: var(--theme-deafult);
      text-transform: uppercase;
      letter-spacing: 0.3em;
      line-height: 1;
      margin-bottom: 0; }
      .category-bg .contain-block h6 span {
        color: #7f786d;
        letter-spacing: 0.03em;
        font-weight: 700;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
    .category-bg .contain-block .category-btn {
      letter-spacing: 0.07em;
      margin-bottom: 25px;
      margin-top: 25px;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
  .category-bg:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background-color: var(--theme-deafult);
    opacity: 0.3;
    width: 100%;
    height: 100%;
    z-index: -1; }

.category-m .slick-slide > div {
  margin: 0 10px; }

.category-m .category-wrapper {
  border: 1px solid #dddada;
  margin: 0 auto;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative; }
  .category-m .category-wrapper > div:after, .category-m .category-wrapper > div:before {
    content: "";
    width: 1px;
    height: 0;
    position: absolute;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: var(--theme-deafult);
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .category-m .category-wrapper > div:before {
    left: 0;
    top: 0; }
  .category-m .category-wrapper > div:after {
    right: 0;
    bottom: 0; }
  .category-m .category-wrapper .bg-size {
    max-width: 100px;
    margin: 0 auto; }
  .category-m .category-wrapper:after, .category-m .category-wrapper:before {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: var(--theme-deafult); }
  .category-m .category-wrapper:before {
    right: 0;
    top: 0; }
  .category-m .category-wrapper:after {
    left: 0;
    bottom: 0; }
  .category-m .category-wrapper:hover {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .category-m .category-wrapper:hover:after, .category-m .category-wrapper:hover:before {
      -webkit-transition-delay: 0s;
              transition-delay: 0s;
      width: 100%; }
    .category-m .category-wrapper:hover > div:after, .category-m .category-wrapper:hover > div:before {
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s;
      height: 100%; }
  .category-m .category-wrapper img {
    display: inline; }
  .category-m .category-wrapper h4 {
    text-transform: uppercase;
    color: #2d2a25;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 25px;
    padding-top: 25px; }
  .category-m .category-wrapper .btn {
    margin-top: 20px; }
  .category-m .category-wrapper .category-link li {
    display: block;
    text-transform: capitalize;
    margin-top: 5px; }
    .category-m .category-wrapper .category-link li:first-child {
      margin-top: 0; }
    .category-m .category-wrapper .category-link li a {
      color: #948e8c; }
      .category-m .category-wrapper .category-link li a:hover {
        color: var(--theme-deafult); }

.background {
  background-color: #f1f5f4;
  padding: 20px 10px;
  margin: 0; }
  .background .contain-bg {
    width: 100%;
    background-color: #ffffff;
    padding-top: 45px;
    padding-bottom: 45px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    z-index: 1; }
    .background .contain-bg:after {
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: var(--theme-deafult);
      opacity: 0;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .background .contain-bg h4 {
      color: #222222;
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 0;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .background .contain-bg:hover:after {
      opacity: 0.07;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .background .contain-bg:hover h4 {
      color: var(--theme-deafult);
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }

/*=====================
    10.Product Box CSS start
==========================*/
.absolute-product .theme-tab .tab-title .current a {
  font-weight: 700; }

.absolute-product .product-box {
  width: 100%;
  display: inline-block;
  padding-bottom: 10px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px; }
  .absolute-product .product-box .img-wrapper {
    border-radius: 5px 5px 0 0; }
  .absolute-product .product-box .product-detail {
    text-align: center;
    margin-top: 0;
    padding: 0 15px; }
    .absolute-product .product-box .product-detail .color-variant {
      padding-top: 5px; }
      .absolute-product .product-box .product-detail .color-variant li {
        height: 16px;
        width: 16px; }
    .absolute-product .product-box .product-detail .cart-bottom {
      border-top: 1px solid #ddd;
      padding-top: 10px;
      margin-top: 10px; }
      .absolute-product .product-box .product-detail .cart-bottom button {
        border: none;
        background-color: transparent;
        padding: 0; }
      .absolute-product .product-box .product-detail .cart-bottom i {
        color: #828282;
        font-size: 18px;
        padding-right: 7px;
        padding-left: 7px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        .absolute-product .product-box .product-detail .cart-bottom i:hover {
          color: var(--theme-deafult);
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
    .absolute-product .product-box .product-detail .rating {
      margin-top: 10px; }

.absolute-product .slick-slider .product-box {
  margin-bottom: 3px; }

.product-m .slick-list {
  margin-left: -15px;
  margin-right: -15px; }

.product-m .slick-slide > div {
  margin: 0 15px; }

.color-variant li {
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  margin-right: 5px;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  vertical-align: middle; }

.image-swatch {
  margin-bottom: 10px; }
  .image-swatch li img {
    width: 33px;
    height: 33px;
    padding: 2px;
    border: 1px solid #dddddd;
    margin-right: 5px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .image-swatch li:last-child {
    margin-right: 0; }
  .image-swatch li.active img {
    border: 1px solid var(--theme-deafult); }
  .image-swatch li:hover img {
    border: 1px solid var(--theme-deafult);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.no-slider .product-box {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: calc(25% - 30px);
  margin: 0 15px 30px; }
  .no-slider .product-box:nth-last-child(-n+4) {
    margin: 0 15px 0; }

.no-slider.five-product .product-box {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: calc(20% - 30px);
  margin: 0 15px 30px; }
  .no-slider.five-product .product-box:nth-last-child(-n+5) {
    margin: 0 15px 0; }

.product-para p {
  margin-bottom: 0;
  padding-bottom: 30px;
  line-height: 24px;
  letter-spacing: 0.05em; }

.product-box,
.product-wrap {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  vertical-align: middle; }
  .product-box .img-block,
  .product-wrap .img-block {
    background-color: #f9f9f9;
    position: relative;
    overflow: hidden; }
    .product-box .img-block .front,
    .product-wrap .img-block .front {
      opacity: 1;
      top: 0;
      left: 0;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .product-box .img-block .front a,
      .product-wrap .img-block .front a {
        display: block;
        width: 100%; }
    .product-box .img-block .back,
    .product-wrap .img-block .back {
      opacity: 0;
      position: absolute;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      top: 0;
      left: 0;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      -webkit-transform: translateX(-100px);
              transform: translateX(-100px);
      width: 100%; }
      .product-box .img-block .back a,
      .product-wrap .img-block .back a {
        display: block;
        width: 100%; }
    .product-box .img-block .lable-wrapper,
    .product-wrap .img-block .lable-wrapper {
      margin: 0 auto;
      top: 40px;
      position: absolute;
      left: 0;
      right: 0;
      text-align: center;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      z-index: 2; }
      .product-box .img-block .lable-wrapper .lable1,
      .product-box .img-block .lable-wrapper .lable2,
      .product-wrap .img-block .lable-wrapper .lable1,
      .product-wrap .img-block .lable-wrapper .lable2 {
        font-size: 14px;
        padding: 10px 14px 10px 20px;
        display: inline-block;
        text-transform: uppercase;
        text-align: center; }
      .product-box .img-block .lable-wrapper .lable1,
      .product-wrap .img-block .lable-wrapper .lable1 {
        background-color: var(--theme-deafult);
        color: #ffffff;
        border-bottom-left-radius: 25px;
        border-top-left-radius: 25px; }
      .product-box .img-block .lable-wrapper .lable2,
      .product-wrap .img-block .lable-wrapper .lable2 {
        background-color: #ffffff;
        color: #000000;
        border-bottom-right-radius: 25px;
        border-top-right-radius: 25px; }
  .product-box .img-wrapper,
  .product-wrap .img-wrapper {
    position: relative;
    overflow: hidden;
    z-index: 0; }
    .product-box .img-wrapper .front,
    .product-wrap .img-wrapper .front {
      opacity: 1;
      top: 0;
      left: 0;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .product-box .img-wrapper .back,
    .product-wrap .img-wrapper .back {
      opacity: 0;
      position: absolute;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      top: 0;
      left: 0;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      -webkit-transform: translateX(-100px);
              transform: translateX(-100px);
      width: 100%; }
    .product-box .img-wrapper .cart-box,
    .product-wrap .img-wrapper .cart-box {
      position: absolute;
      margin: 0 auto;
      display: inline-block;
      right: 0;
      left: 0;
      border-radius: 50px;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      padding: 12px 15px;
      -webkit-box-shadow: 0 0 12px 0 #dddddd;
              box-shadow: 0 0 12px 0 #dddddd;
      bottom: 30px;
      background-color: #ffffff;
      opacity: 0;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      .product-box .img-wrapper .cart-box button,
      .product-wrap .img-wrapper .cart-box button {
        background: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        border: none;
        padding: 0; }
      .product-box .img-wrapper .cart-box i,
      .product-wrap .img-wrapper .cart-box i {
        color: #6f6f6f;
        font-size: 18px;
        padding-left: 8px;
        padding-right: 8px;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        display: inline-block; }
        .product-box .img-wrapper .cart-box i:hover,
        .product-wrap .img-wrapper .cart-box i:hover {
          color: var(--theme-deafult);
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease; }
    .product-box .img-wrapper .lable-block .lable3,
    .product-wrap .img-wrapper .lable-block .lable3 {
      border-radius: 100%;
      background-color: var(--theme-deafult);
      text-align: center;
      font-size: 14px;
      font-weight: 700;
      position: absolute;
      padding: 12px 6px;
      text-transform: uppercase;
      color: #ffffff;
      top: 7px;
      left: 7px;
      z-index: 1; }
    .product-box .img-wrapper .lable-block .lable4,
    .product-wrap .img-wrapper .lable-block .lable4 {
      position: absolute;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      -webkit-writing-mode: vertical-rl;
          -ms-writing-mode: tb-rl;
              writing-mode: vertical-rl;
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
      top: 7px;
      right: 7px;
      letter-spacing: 0.1em;
      z-index: 1; }
  .product-box .cart-info,
  .product-box .cart-wrap,
  .product-wrap .cart-info,
  .product-wrap .cart-wrap {
    position: absolute;
    bottom: 40px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    right: 0;
    left: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .product-box .cart-info a [class^="ti-"],
    .product-box .cart-info a [class*=" ti-"],
    .product-box .cart-wrap a [class^="ti-"],
    .product-box .cart-wrap a [class*=" ti-"],
    .product-wrap .cart-info a [class^="ti-"],
    .product-wrap .cart-info a [class*=" ti-"],
    .product-wrap .cart-wrap a [class^="ti-"],
    .product-wrap .cart-wrap a [class*=" ti-"] {
      display: inline-block; }
    .product-box .cart-info.cart-wrap,
    .product-box .cart-wrap.cart-wrap,
    .product-wrap .cart-info.cart-wrap,
    .product-wrap .cart-wrap.cart-wrap {
      bottom: 0;
      text-align: right;
      left: unset; }
      .product-box .cart-info.cart-wrap i,
      .product-box .cart-wrap.cart-wrap i,
      .product-wrap .cart-info.cart-wrap i,
      .product-wrap .cart-wrap.cart-wrap i {
        display: block;
        padding-bottom: 10px;
        padding-top: 10px; }
      .product-box .cart-info.cart-wrap.cart-effect-left,
      .product-box .cart-wrap.cart-wrap.cart-effect-left,
      .product-wrap .cart-info.cart-wrap.cart-effect-left,
      .product-wrap .cart-wrap.cart-wrap.cart-effect-left {
        left: 0;
        right: unset; }
    .product-box .cart-info button,
    .product-box .cart-wrap button,
    .product-wrap .cart-info button,
    .product-wrap .cart-wrap button {
      background: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      border: none;
      padding: 0; }
    .product-box .cart-info i,
    .product-box .cart-wrap i,
    .product-wrap .cart-info i,
    .product-wrap .cart-wrap i {
      color: #6f6f6f;
      font-size: 18px;
      padding-right: 10px;
      padding-left: 10px; }
      .product-box .cart-info i:hover,
      .product-box .cart-wrap i:hover,
      .product-wrap .cart-info i:hover,
      .product-wrap .cart-wrap i:hover {
        color: var(--theme-deafult); }
  .product-box .cart-detail,
  .product-wrap .cart-detail {
    position: absolute;
    top: 15px;
    right: 20px;
    opacity: 0; }
    .product-box .cart-detail i,
    .product-wrap .cart-detail i {
      color: #6f6f6f;
      font-size: 18px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 8px;
      padding-bottom: 8px; }
    .product-box .cart-detail button,
    .product-wrap .cart-detail button {
      background: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      border: none;
      padding: 0; }
  .product-box .product-detail,
  .product-box .product-info,
  .product-wrap .product-detail,
  .product-wrap .product-info {
    padding-left: 5px; }
    .product-box .product-detail .rating,
    .product-box .product-info .rating,
    .product-wrap .product-detail .rating,
    .product-wrap .product-info .rating {
      margin-top: 15px; }
      .product-box .product-detail .rating i,
      .product-box .product-info .rating i,
      .product-wrap .product-detail .rating i,
      .product-wrap .product-info .rating i {
        padding-right: 5px; }
        .product-box .product-detail .rating i:nth-child(-n+4),
        .product-box .product-info .rating i:nth-child(-n+4),
        .product-wrap .product-detail .rating i:nth-child(-n+4),
        .product-wrap .product-info .rating i:nth-child(-n+4) {
          color: #ffa200; }
        .product-box .product-detail .rating i:last-child,
        .product-box .product-info .rating i:last-child,
        .product-wrap .product-detail .rating i:last-child,
        .product-wrap .product-info .rating i:last-child {
          color: #dddddd; }
    .product-box .product-detail h6,
    .product-box .product-info h6,
    .product-wrap .product-detail h6,
    .product-wrap .product-info h6 {
      line-height: 1;
      margin-bottom: 0;
      padding-top: 2px;
      padding-bottom: 5px;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      font-size: 16px; }
    .product-box .product-detail h4,
    .product-box .product-info h4,
    .product-wrap .product-detail h4,
    .product-wrap .product-info h4 {
      font-size: 18px;
      color: #222222;
      font-weight: 700;
      margin-bottom: 0;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .product-box .product-detail .color-variant,
    .product-box .product-info .color-variant,
    .product-wrap .product-detail .color-variant,
    .product-wrap .product-info .color-variant {
      padding-top: 15px; }
      .product-box .product-detail .color-variant li,
      .product-box .product-info .color-variant li,
      .product-wrap .product-detail .color-variant li,
      .product-wrap .product-info .color-variant li {
        display: inline-block;
        height: 20px;
        width: 20px;
        border-radius: 100%;
        margin-right: 5px;
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
        cursor: pointer; }
  .product-box .product-info,
  .product-wrap .product-info {
    padding: 0;
    text-align: center;
    position: relative; }
    .product-box .product-info .add-btn,
    .product-wrap .product-info .add-btn {
      position: absolute;
      bottom: 110px;
      margin: 0 auto;
      left: 0;
      right: 0;
      opacity: 0;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      z-index: 1; }
      .product-box .product-info .add-btn i,
      .product-wrap .product-info .add-btn i {
        color: var(--theme-deafult); }
      .product-box .product-info .add-btn .btn-outline,
      .product-wrap .product-info .add-btn .btn-outline {
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        color: var(--theme-deafult); }
        .product-box .product-info .add-btn .btn-outline:hover,
        .product-wrap .product-info .add-btn .btn-outline:hover {
          color: #ffffff; }
          .product-box .product-info .add-btn .btn-outline:hover i,
          .product-wrap .product-info .add-btn .btn-outline:hover i {
            color: #ffffff; }
  .product-box.effect-center .front img,
  .product-wrap.effect-center .front img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .product-box.effect-center .img-wrapper .cart-box,
  .product-wrap.effect-center .img-wrapper .cart-box {
    bottom: 20%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .product-box:hover.effect-center .front img,
  .product-wrap:hover.effect-center .front img {
    opacity: 0.3;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .product-box:hover.effect-center .img-wrapper .cart-box,
  .product-wrap:hover.effect-center .img-wrapper .cart-box {
    bottom: 35%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .product-box:hover .img-block .first,
  .product-box:hover .img-wrapper .first,
  .product-wrap:hover .img-block .first,
  .product-wrap:hover .img-wrapper .first {
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .product-box:hover .img-block .back,
  .product-box:hover .img-wrapper .back,
  .product-wrap:hover .img-block .back,
  .product-wrap:hover .img-wrapper .back {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .product-box:hover .cart-info,
  .product-wrap:hover .cart-info {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .product-box:hover .cart-info button,
    .product-wrap:hover .cart-info button {
      -webkit-animation: fadeInUp 300ms ease-in-out;
              animation: fadeInUp 300ms ease-in-out; }
    .product-box:hover .cart-info a:nth-child(2) i,
    .product-wrap:hover .cart-info a:nth-child(2) i {
      -webkit-animation: fadeInUp 500ms ease-in-out;
              animation: fadeInUp 500ms ease-in-out; }
    .product-box:hover .cart-info a:nth-child(3) i,
    .product-wrap:hover .cart-info a:nth-child(3) i {
      -webkit-animation: fadeInUp 700ms ease-in-out;
              animation: fadeInUp 700ms ease-in-out; }
    .product-box:hover .cart-info a:nth-child(4) i,
    .product-wrap:hover .cart-info a:nth-child(4) i {
      -webkit-animation: fadeInUp 1000ms ease-in-out;
              animation: fadeInUp 1000ms ease-in-out; }
  .product-box:hover .cart-wrap button,
  .product-wrap:hover .cart-wrap button {
    -webkit-animation: fadeInRight 300ms ease-in-out;
            animation: fadeInRight 300ms ease-in-out; }
  .product-box:hover .cart-wrap a:nth-child(2) i,
  .product-wrap:hover .cart-wrap a:nth-child(2) i {
    -webkit-animation: fadeInRight 500ms ease-in-out;
            animation: fadeInRight 500ms ease-in-out; }
  .product-box:hover .cart-wrap a:nth-child(3) i,
  .product-wrap:hover .cart-wrap a:nth-child(3) i {
    -webkit-animation: fadeInRight 700ms ease-in-out;
            animation: fadeInRight 700ms ease-in-out; }
  .product-box:hover .cart-wrap a:nth-child(4) i,
  .product-wrap:hover .cart-wrap a:nth-child(4) i {
    -webkit-animation: fadeInRight 1000ms ease-in-out;
            animation: fadeInRight 1000ms ease-in-out; }
  .product-box:hover .cart-wrap.cart-effect-left button,
  .product-wrap:hover .cart-wrap.cart-effect-left button {
    -webkit-animation: fadeInLeft 300ms ease-in-out;
            animation: fadeInLeft 300ms ease-in-out; }
  .product-box:hover .cart-wrap.cart-effect-left a:nth-child(2) i,
  .product-wrap:hover .cart-wrap.cart-effect-left a:nth-child(2) i {
    -webkit-animation: fadeInLeft 500ms ease-in-out;
            animation: fadeInLeft 500ms ease-in-out; }
  .product-box:hover .cart-wrap.cart-effect-left a:nth-child(3) i,
  .product-wrap:hover .cart-wrap.cart-effect-left a:nth-child(3) i {
    -webkit-animation: fadeInLeft 700ms ease-in-out;
            animation: fadeInLeft 700ms ease-in-out; }
  .product-box:hover .cart-wrap.cart-effect-left a:nth-child(4) i,
  .product-wrap:hover .cart-wrap.cart-effect-left a:nth-child(4) i {
    -webkit-animation: fadeInLeft 1000ms ease-in-out;
            animation: fadeInLeft 1000ms ease-in-out; }
  .product-box:hover .cart-detail,
  .product-wrap:hover .cart-detail {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .product-box:hover .cart-detail button,
    .product-wrap:hover .cart-detail button {
      -webkit-animation: fadeInRight 300ms ease-in-out;
              animation: fadeInRight 300ms ease-in-out; }
    .product-box:hover .cart-detail a:nth-child(2) i,
    .product-wrap:hover .cart-detail a:nth-child(2) i {
      -webkit-animation: fadeInRight 500ms ease-in-out;
              animation: fadeInRight 500ms ease-in-out; }
    .product-box:hover .cart-detail a:nth-child(3) i,
    .product-wrap:hover .cart-detail a:nth-child(3) i {
      -webkit-animation: fadeInRight 700ms ease-in-out;
              animation: fadeInRight 700ms ease-in-out; }
    .product-box:hover .cart-detail a:nth-child(4) i,
    .product-wrap:hover .cart-detail a:nth-child(4) i {
      -webkit-animation: fadeInRight 1000ms ease-in-out;
              animation: fadeInRight 1000ms ease-in-out; }
  .product-box:hover .product-info .add-btn,
  .product-wrap:hover .product-info .add-btn {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-animation: fadeInUp 500ms ease-in-out;
            animation: fadeInUp 500ms ease-in-out; }
  .product-box:hover .img-wrapper .cart-box,
  .product-wrap:hover .img-wrapper .cart-box {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-animation: fadeInUp 400ms ease-in-out;
            animation: fadeInUp 400ms ease-in-out; }

.addtocart_count {
  position: relative; }
  .addtocart_count .product-box .product-detail {
    text-align: center; }
  .addtocart_count .product-box .cart-info {
    bottom: 40px;
    right: 10px; }
    .addtocart_count .product-box .cart-info a i {
      background-color: #e2e2e2;
      border-radius: 100%;
      margin: 10px 0;
      padding: 8px;
      font-size: 16px;
      color: #313131; }
  .addtocart_count .product-box .add-button {
    background-color: #efefef;
    color: black;
    text-align: center;
    font-size: 18px;
    text-transform: capitalize;
    width: 100%;
    padding: 5px 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: none;
    cursor: pointer; }
  .addtocart_count .product-box:hover .cart-info a:nth-child(1) i {
    -webkit-animation: fadeInRight 300ms ease-in-out;
            animation: fadeInRight 300ms ease-in-out; }
  .addtocart_count .product-box:hover .add-button {
    bottom: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .addtocart_count .addtocart_btn {
    position: relative; }
    .addtocart_count .addtocart_btn .cart_qty {
      width: 100%; }
      .addtocart_count .addtocart_btn .cart_qty.qty-box {
        position: absolute;
        bottom: 0;
        display: none; }
        .addtocart_count .addtocart_btn .cart_qty.qty-box .input-group .form-control {
          width: 100%; }
          .addtocart_count .addtocart_btn .cart_qty.qty-box .input-group .form-control:focus {
            border-color: #efefef;
            -webkit-box-shadow: none;
                    box-shadow: none; }
        .addtocart_count .addtocart_btn .cart_qty.qty-box .input-group button {
          background: #efefef !important;
          position: absolute;
          height: 100%;
          z-index: 9; }
          .addtocart_count .addtocart_btn .cart_qty.qty-box .input-group button.quantity-left-minus {
            left: 0; }
          .addtocart_count .addtocart_btn .cart_qty.qty-box .input-group button.quantity-right-plus {
            right: 0; }
        .addtocart_count .addtocart_btn .cart_qty.qty-box .input-group button i {
          color: #000000; }
      .addtocart_count .addtocart_btn .cart_qty.open {
        display: block; }

.grid-products {
  margin-bottom: -30px; }
  .grid-products .product-box {
    margin-bottom: 30px; }

.bg-title .theme-card h5.title-border {
  padding: 10px;
  color: white;
  background-color: var(--theme-deafult);
  border-radius: 5px; }

.bg-title .theme-card .slick-prev {
  right: 30px; }
  .bg-title .theme-card .slick-prev:before {
    color: white;
    opacity: 1;
    font-size: 25px; }

.bg-title .theme-card .slick-next {
  right: 6px; }
  .bg-title .theme-card .slick-next:before {
    color: white;
    opacity: 1;
    font-size: 25px; }

.bg-title .theme-tab .bg-title-part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
  margin-top: -6px;
  background-color: var(--theme-deafult);
  padding: 10px;
  border-radius: 5px; }
  .bg-title .theme-tab .bg-title-part .title-border {
    margin-bottom: 0;
    color: white;
    text-transform: capitalize; }
  .bg-title .theme-tab .bg-title-part .tab-title {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: auto;
    text-align: right; }
    .bg-title .theme-tab .bg-title-part .tab-title li {
      font-size: 16px;
      padding-right: 0; }
      .bg-title .theme-tab .bg-title-part .tab-title li:first-child {
        padding-left: 0; }
    .bg-title .theme-tab .bg-title-part .tab-title a {
      color: rgba(255, 255, 255, 0.7); }
    .bg-title .theme-tab .bg-title-part .tab-title .current a {
      color: white; }

/*=====================
    11.Theme tab CSS start
==========================*/
.theme-tab {
  position: relative; }
  .theme-tab .tab-content {
    display: none; }
    .theme-tab .tab-content[style="display: block;"] .product-box,
    .theme-tab .tab-content[style="display: block;"] .tab-box {
      -webkit-animation: zoomIn 300ms ease-in-out;
              animation: zoomIn 300ms ease-in-out; }
    .theme-tab .tab-content .product-tab .tab-box {
      background-color: #ffffff;
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      max-width: calc(25% - 10px);
      margin: 0 5px 10px; }
      .theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n+4) {
        margin: 0 5px 0; }
      .theme-tab .tab-content .product-tab .tab-box .product-box2 img {
        height: 250px;
        padding: 15px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .rating {
        margin-top: 0; }
        .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .rating i {
          padding-right: 0; }
          .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .rating i:nth-child(-n+4) {
            color: #ffa200; }
          .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .rating i:last-child {
            color: #dddddd; }
      .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body a h6 {
        margin-right: 35px;
        line-height: 17px;
        margin-top: 5px;
        margin-bottom: 0; }
      .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body h4 {
        font-size: 20px;
        margin-top: 5px;
        font-weight: 700;
        color: #222222;
        margin-bottom: 0; }
      .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .color-variant li {
        display: inline-block;
        height: 20px;
        width: 20px;
        border-radius: 100%;
        margin-right: 2px;
        margin-top: 20px;
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
        margin-bottom: 0;
        cursor: pointer; }
      .theme-tab .tab-content .product-tab .tab-box:hover .product-box2 img {
        -webkit-transform: scale(1.03);
                transform: scale(1.03);
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
  .theme-tab .tab-title,
  .theme-tab .tab-title2 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: -6px; }
    .theme-tab .tab-title .current a,
    .theme-tab .tab-title2 .current a {
      color: var(--theme-deafult); }
    .theme-tab .tab-title li,
    .theme-tab .tab-title2 li {
      padding-left: 25px;
      padding-right: 25px; }
    .theme-tab .tab-title a,
    .theme-tab .tab-title2 a {
      color: #2d2a25;
      text-transform: uppercase; }
  .theme-tab .tab-title2 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: -8px; }
    .theme-tab .tab-title2:after {
      content: "";
      position: absolute;
      border: 1px solid #f1f5f4;
      width: 100%;
      left: 0;
      top: 17px;
      z-index: -1; }
    .theme-tab .tab-title2 .current {
      background-color: #ffffff; }
      .theme-tab .tab-title2 .current a {
        background-color: #ffffff; }

.tab-bg {
  position: relative;
  z-index: 1;
  padding: 70px 50px 60px 50px; }
  .tab-bg.tab-grey-bg {
    background-color: #f9f9f9; }
  .tab-bg:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--theme-deafult);
    opacity: 0.09;
    z-index: -1; }
  .tab-bg .theme-tab .tab-title {
    margin-bottom: 30px; }

/*=====================
    12.Banner CSS start
==========================*/
.full-banner {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 190px;
  padding-bottom: 190px;
  background-position: center; }
  .full-banner.advertise-banner {
    background-image: url("../images/fashion/banner.jpg"); }
  .full-banner.parallax-layout {
    padding-top: 350px;
    padding-bottom: 350px; }
    .full-banner.parallax-layout .banner-contain h4 {
      color: #7f786d; }
  .full-banner.banner-layout-3 .banner-contain h4 {
    color: #ffffff; }
  .full-banner.banner-layout-3 .banner-contain h3 {
    color: #ffffff;
    margin-top: 10px; }
  .full-banner.banner-layout-3 .banner-contain .color {
    color: var(--theme-deafult);
    line-height: 1; }
  .full-banner.parallax {
    background-attachment: fixed; }
  .full-banner.p-left .banner-contain {
    float: left; }
  .full-banner.p-right .banner-contain {
    float: right; }
  .full-banner.p-center .banner-contain {
    left: 0;
    right: 0;
    margin: 0 auto; }
  .full-banner.feature-banner {
    padding: 50px 0; }
    .full-banner.feature-banner h2 {
      text-align: center;
      color: #ffffff;
      margin-bottom: 180px;
      margin-top: -7px; }
    .full-banner.feature-banner .feature-object,
    .full-banner.feature-banner .feature-object-right {
      text-align: right;
      margin-bottom: -5px; }
      .full-banner.feature-banner .feature-object li,
      .full-banner.feature-banner .feature-object-right li {
        margin-bottom: 55px;
        margin-right: 50px; }
        .full-banner.feature-banner .feature-object li .media img,
        .full-banner.feature-banner .feature-object-right li .media img {
          border-radius: 100%;
          border: 1px solid white;
          margin-left: 15px;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
        .full-banner.feature-banner .feature-object li .media .media-body,
        .full-banner.feature-banner .feature-object-right li .media .media-body {
          text-align: right;
          margin-top: 18px; }
          .full-banner.feature-banner .feature-object li .media .media-body h4,
          .full-banner.feature-banner .feature-object li .media .media-body p,
          .full-banner.feature-banner .feature-object-right li .media .media-body h4,
          .full-banner.feature-banner .feature-object-right li .media .media-body p {
            color: white; }
          .full-banner.feature-banner .feature-object li .media .media-body h4,
          .full-banner.feature-banner .feature-object-right li .media .media-body h4 {
            font-size: 20px; }
          .full-banner.feature-banner .feature-object li .media .media-body p,
          .full-banner.feature-banner .feature-object-right li .media .media-body p {
            margin-bottom: 0; }
        .full-banner.feature-banner .feature-object li:hover .media img,
        .full-banner.feature-banner .feature-object-right li:hover .media img {
          background-color: white;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
          -webkit-transform: scale(1.05);
                  transform: scale(1.05); }
        .full-banner.feature-banner .feature-object li:nth-child(2),
        .full-banner.feature-banner .feature-object-right li:nth-child(2) {
          padding-right: 30px; }
        .full-banner.feature-banner .feature-object li:nth-child(3),
        .full-banner.feature-banner .feature-object-right li:nth-child(3) {
          padding-right: 60px;
          margin-bottom: 0; }
    .full-banner.feature-banner .feature-object-right {
      text-align: left;
      margin-left: 50px; }
      .full-banner.feature-banner .feature-object-right li .media img {
        margin-left: 0;
        margin-right: 15px; }
      .full-banner.feature-banner .feature-object-right li .media .media-body {
        text-align: left; }
      .full-banner.feature-banner .feature-object-right li:nth-child(2) {
        padding-right: 0;
        padding-left: 30px; }
      .full-banner.feature-banner .feature-object-right li:nth-child(3) {
        padding-right: 0;
        padding-left: 60px; }
    .full-banner.feature-banner .center-img {
      position: absolute;
      bottom: -112px;
      left: 50%;
      margin: 0 auto;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
    .full-banner.feature-banner .banner-decor .left-img {
      left: 50px;
      position: absolute;
      top: 0;
      -webkit-animation: movebounce 4.9s linear infinite;
              animation: movebounce 4.9s linear infinite; }
    .full-banner.feature-banner .banner-decor .right-img {
      right: 50px;
      position: absolute;
      top: 0;
      -webkit-animation: movebounce 4.9s linear infinite;
              animation: movebounce 4.9s linear infinite; }

@-webkit-keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }
  .full-banner .banner-contain .btn-solid,
  .full-banner .banner-contain .btn-outline {
    margin-top: 20px; }
  .full-banner .banner-contain h2 {
    font-size: 100px;
    font-weight: 700;
    color: var(--theme-deafult);
    text-transform: uppercase;
    margin-top: -15px; }
  .full-banner .banner-contain h3 {
    font-size: 60px;
    color: #333333;
    text-transform: uppercase;
    font-weight: 700; }
  .full-banner .banner-contain h4 {
    font-size: 24px;
    color: #777777;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    padding-top: 10px;
    margin-bottom: -5px;
    line-height: 1.3; }
  .full-banner .banner-contain.christmas-contain .btn-solid,
  .full-banner .banner-contain.christmas-contain .btn-outline {
    margin-top: calc(20px + (65 - 20) * ((100vw - 320px) / (1920 - 320))); }
  .full-banner .banner-contain.christmas-contain h2 {
    font-size: calc(24px + (70 - 24) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    color: #ffffff;
    text-transform: capitalize;
    margin-bottom: 0;
    margin-top: 0; }
  .full-banner .banner-contain.christmas-contain h3 {
    font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: -6px; }
  .full-banner .banner-contain.christmas-contain h4 {
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0.07em;
    padding-top: 10px;
    margin-bottom: -5px;
    line-height: 1.3; }
    .full-banner .banner-contain.christmas-contain h4 span {
      color: var(--theme-deafult); }
  .full-banner .santa-img {
    position: absolute;
    bottom: -62px;
    left: 28px; }
    .full-banner .santa-img img {
      display: inline-block;
      -webkit-animation-name: dance;
              animation-name: dance;
      -webkit-animation-duration: 2s;
              animation-duration: 2s;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.735, 0.045);
      -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
      transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }
  .full-banner .decor {
    position: absolute;
    top: -150px;
    left: 0; }

@-webkit-keyframes dance {
  0% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  16.66%,
  49.98% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  32.32% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  66.64%,
  100% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  83.8% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); } }

@keyframes dance {
  0% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  16.66%,
  49.98% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  32.32% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  66.64%,
  100% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
  83.8% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); } }

.parallax-cls section:nth-child(odd) .full-banner {
  background-position: right; }

.parallax-cls section:nth-child(even) .full-banner {
  background-position: left; }

.parallax-cls section .banner-contain {
  margin-top: -12px; }

.pet-parallax {
  position: relative; }
  .pet-parallax .pet-decor {
    position: absolute;
    left: 110px;
    bottom: -164px; }
  .pet-parallax .banner-contain h4,
  .pet-parallax .banner-contain h3,
  .pet-parallax .banner-contain p {
    color: #212121; }
  .pet-parallax .banner-contain p {
    max-width: 75%;
    margin: 0 auto;
    line-height: 22px;
    font-size: 16px;
    letter-spacing: 0.04em; }
  .pet-parallax .banner-contain h4 {
    letter-spacing: 0.05em;
    padding-top: 0 !important;
    margin-bottom: 0;
    line-height: 1.3;
    margin-top: -7px; }
  .pet-parallax .banner-contain h3 {
    margin: 15px 0;
    font-size: 48px; }
  .pet-parallax .full-banner {
    padding-top: 130px;
    padding-bottom: 130px;
    background-blend-mode: overlay; }

.advertise-section .full-banner {
  padding-bottom: 105px;
  padding-top: 105px;
  background-position: top; }
  .advertise-section .full-banner .banner-contain {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 40px 0;
    width: 90%;
    border: 3px solid var(--theme-deafult); }
    .advertise-section .full-banner .banner-contain h2 {
      font-size: 75px; }

/*=====================
    13.Collection Banner CSS start
==========================*/
.banner-text-white .collection-banner .contain-banner h2 {
  color: #ffffff; }

.collection-banner {
  position: relative;
  overflow: hidden; }
  .collection-banner .img-part {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 100%; }
  .collection-banner.p-left .contain-banner {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .collection-banner.p-right .contain-banner {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .collection-banner.p-center .contain-banner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .collection-banner .contain-banner {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 70px;
    padding-right: 70px; }
    .collection-banner .contain-banner.banner-3 {
      padding-left: 50px;
      padding-right: 50px; }
      .collection-banner .contain-banner.banner-3 h2 {
        font-size: 36px;
        letter-spacing: 0.05em;
        color: white;
        margin-top: 5px;
        margin-bottom: -6px; }
      .collection-banner .contain-banner.banner-3 h4 {
        color: #ffffff; }
    .collection-banner .contain-banner.banner-4 {
      padding-left: 50px;
      padding-right: 50px; }
      .collection-banner .contain-banner.banner-4 h2 {
        font-size: 28px;
        letter-spacing: 0.03em;
        color: white;
        margin-bottom: -6px; }
    .collection-banner .contain-banner h4 {
      color: var(--theme-deafult);
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      margin-bottom: 0; }
    .collection-banner .contain-banner h2 {
      font-size: 60px;
      font-weight: 700;
      color: #222222;
      letter-spacing: 0.1em;
      margin-bottom: -6px; }
  .collection-banner.christmas-banner .contain-banner {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
    padding-right: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320))); }
    .collection-banner.christmas-banner .contain-banner h4 {
      font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
      color: #ffffff;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      margin-bottom: 0; }
    .collection-banner.christmas-banner .contain-banner h2 {
      font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1920 - 320)));
      font-weight: 700;
      color: #ffffff;
      letter-spacing: 0.1em;
      margin-bottom: -6px; }
  .collection-banner:hover .img-part {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.banner-furniture {
  padding-left: 15px;
  padding-right: 15px; }
  .banner-furniture .collection-banner .contain-banner.banner-3 h2 {
    color: #222222;
    margin-bottom: 0; }
  .banner-furniture .collection-banner .contain-banner.banner-3 h4 {
    color: var(--theme-deafult); }

.banner-goggles .collection-banner .contain-banner.banner-3 h2 {
  color: #222222; }

.banner-goggles .collection-banner .contain-banner.banner-3 h4 {
  color: var(--theme-deafult); }

.banner-top-cls {
  margin-top: 30px; }

.banner-6 .collection-banner .contain-banner.banner-3 h2 {
  color: #222222; }

.absolute_banner {
  margin-bottom: 22px; }
  .absolute_banner .collection-banner {
    overflow: unset; }
    .absolute_banner .collection-banner .absolute-contain {
      position: absolute;
      background-color: #ffffff;
      bottom: -22px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      padding: 20px;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
              box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
      min-width: 85%;
      text-align: center;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .absolute_banner .collection-banner .absolute-contain h3 {
        color: var(--theme-deafult);
        text-transform: capitalize;
        margin-top: -5px;
        font-weight: 700; }
      .absolute_banner .collection-banner .absolute-contain h4 {
        color: #000000;
        margin-bottom: 0; }
    .absolute_banner .collection-banner:hover img {
      -webkit-transform: none;
              transform: none; }




/*=====================
  22.Inner pages CSS start
==========================*/
.breadcrumb-section {
  background-color: #f8f8f8;
  padding: 30px 0; }
  .breadcrumb-section .page-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .breadcrumb-section .page-title h2 {
      font-size: 16px;
      margin-bottom: 0; }
  .breadcrumb-section .breadcrumb {
    background-color: transparent;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-transform: uppercase;
    font-size: 14px;
    color: #555555;
    font-weight: 600;
    margin: 0;
    padding-right: 0; }
    .breadcrumb-section .breadcrumb a {
      color: #555555;
      font-weight: 600; }




.product-wrapper-grid.list-view .product-wrap .product-info {
  text-align: left;
  -ms-flex-item-align: center;
      align-self: center;
  padding-left: 15px; }

.product-wrapper-grid.list-view .product-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0; }
  .product-wrapper-grid.list-view .product-box .img-wrapper,
  .product-wrapper-grid.list-view .product-box .img-block {
    width: 25%; }
  .product-wrapper-grid.list-view .product-box .product-detail {
    padding-left: 15px;
    -ms-flex-item-align: center;
        align-self: center;
    text-align: left !important; }
    .product-wrapper-grid.list-view .product-box .product-detail .rating {
      margin-top: 0; }
    .product-wrapper-grid.list-view .product-box .product-detail p {
      display: block !important;
      margin-bottom: 5px;
      line-height: 18px; }
    .product-wrapper-grid.list-view .product-box .product-detail .color-variant {
      padding-top: 10px; }
    .product-wrapper-grid.list-view .product-box .product-detail h6 {
      font-weight: 700; }

.qty-box .input-group {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .qty-box .input-group span button {
    background: #ffffff !important;
    border: 1px solid #ced4da; }
  .qty-box .input-group .form-control {
    text-align: center;
    width: 80px;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset; }
  .qty-box .input-group button {
    background-color: transparent;
    border: 0;
    color: #777777;
    cursor: pointer;
    padding-left: 12px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1; }
    .qty-box .input-group button i {
      font-weight: 900;
      color: #222222; }
  .qty-box .input-group .icon {
    padding-right: 0; }


.product-right p {
  margin-bottom: 0;
  line-height: 1.5em; }

.product-right .product-title {
  color: #222222;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 0; }

.product-right .border-product {
  padding-top: 15px;
  padding-bottom: 20px;
  border-top: 1px dashed #dddddd; }

.product-right h2 {
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 25px;
  line-height: 1.2em; }

.product-right h3 {
  font-size: 26px;
  color: #222222;
  margin-bottom: 15px; }

.product-right h4 {
  font-size: 16px;
  margin-bottom: 7px; }
  .product-right h4 del {
    color: #777777; }
  .product-right h4 span {
    padding-left: 5px;
    color: var(--theme-deafult); }

.product-right .color-variant {
  margin-bottom: 10px; }
  .product-right .color-variant li {
    height: 30px;
    width: 30px;
    cursor: pointer; }

.product-right .product-buttons {
  margin-bottom: 20px; }
  .product-right .product-buttons .btn-solid,
  .product-right .product-buttons .btn-outline {
    padding: 7px 25px; }
  .product-right .product-buttons a:last-child {
    margin-left: 10px; }

.product-right .product-description h6 span {
  float: right; }

.product-right .product-description .qty-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px; }
  .product-right .product-description .qty-box .input-group {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    width: unset; }
    .product-right .product-description .qty-box .input-group .form-control {
      border-right: none; }

.product-right .size-box {
  margin-top: 10px;
  margin-bottom: 10px; }
  .product-right .size-box ul li {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #f7f7f7;
    text-align: center; }
    .product-right .size-box ul li a {
      color: #222222;
      font-size: 18px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100%; }
    .product-right .size-box ul li.active {
      background-color: #f7f7f7; }

.product-right .product-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .product-right .product-icon .product-social {
    margin-top: 5px; }
    .product-right .product-icon .product-social li {
      padding-right: 30px; }
      .product-right .product-icon .product-social li a {
        color: #333333;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .product-right .product-icon .product-social li a i {
          font-size: 18px; }
        .product-right .product-icon .product-social li a:hover {
          color: var(--theme-deafult); }
      .product-right .product-icon .product-social li:last-child {
        padding-right: 0; }
  .product-right .product-icon .wishlist-btn {
    background-color: transparent;
    border: none; }
    .product-right .product-icon .wishlist-btn i {
      border-left: 1px solid #dddddd;
      font-size: 18px;
      padding-left: 10px;
      margin-left: 5px;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .product-right .product-icon .wishlist-btn span {
      padding-left: 10px;
      font-size: 18px; }
    .product-right .product-icon .wishlist-btn:hover i {
      color: var(--theme-deafult);
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }

.product-right .payment-card-bottom {
  margin-top: 10px; }
  .product-right .payment-card-bottom ul li {
    padding-right: 10px; }

.product-right .timer {
  margin-top: 10px;
  background-color: #f7f7f7; }
  .product-right .timer p {
    color: #222222; }

.product-right.product-form-box {
  text-align: center;
  border: 1px solid #dddddd;
  padding: 20px; }
  .product-right.product-form-box .product-description .qty-box {
    margin-bottom: 5px; }
    .product-right.product-form-box .product-description .qty-box .input-group {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%; }
  .product-right.product-form-box .product-buttons {
    margin-bottom: 0; }
  .product-right.product-form-box .timer {
    margin-bottom: 10px;
    text-align: left; }

.single-product-tables {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px; }
  .single-product-tables table {
    width: 20%; }
    .single-product-tables table tr {
      height: 35px; }
      .single-product-tables table tr td:first-child {
        font-weight: 600; }
  .single-product-tables.detail-section {
    margin-top: 0; }
    .single-product-tables.detail-section table {
      width: 55%; }



.product-related h2 {
  color: #222222;
  padding-bottom: 20px;
  border-bottom: 1px solid #dddada;
  margin-bottom: 20px; }

.rating {
  margin-top: 0; }
  .rating i {
    padding-right: 5px; }
    .rating i:nth-child(-n+4) {
      color: #ffa200; }
    .rating i:last-child {
      color: #dddddd; }
  .rating .three-star {
    padding-bottom: 5px; }
    .rating .three-star i {
      color: #acacac; }
      .rating .three-star i:nth-child(-n+3) {
        color: #ffd200; }

.tab-product,
.product-full-tab {
  padding-top: 30px; }
  .tab-product .nav-material.nav-tabs,
  .product-full-tab .nav-material.nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .tab-product .nav-material.nav-tabs .nav-item .nav-link,
    .product-full-tab .nav-material.nav-tabs .nav-item .nav-link {
      color: #212121;
      text-align: center;
      padding: 0 15px 20px 15px;
      text-transform: uppercase;
      border: 0; }
    .tab-product .nav-material.nav-tabs .nav-item .material-border,
    .product-full-tab .nav-material.nav-tabs .nav-item .material-border {
      border-bottom: 2px solid var(--theme-deafult);
      opacity: 0; }
    .tab-product .nav-material.nav-tabs .nav-link.active,
    .product-full-tab .nav-material.nav-tabs .nav-link.active {
      color: var(--theme-deafult); }
      .tab-product .nav-material.nav-tabs .nav-link.active ~ .material-border,
      .product-full-tab .nav-material.nav-tabs .nav-link.active ~ .material-border {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        opacity: 1; }
  .tab-product .theme-form input,
  .product-full-tab .theme-form input {
    border-color: #dddddd;
    font-size: 15px;
    padding: 15px 25px;
    margin-bottom: 15px;
    height: inherit;
    text-align: left; }
  .tab-product .theme-form .btn-solid,
  .tab-product .theme-form .btn-outline,
  .product-full-tab .theme-form .btn-solid,
  .product-full-tab .theme-form .btn-outline {
    margin: 0 auto; }
  .tab-product .theme-form textarea,
  .product-full-tab .theme-form textarea {
    border-color: #dddddd;
    font-size: 15px;
    padding: 17px 25px;
    margin-bottom: 15px;
    height: inherit; }
  .tab-product .tab-content.nav-material p,
  .product-full-tab .tab-content.nav-material p {
    padding: 20px;
    margin-bottom: -8px;
    line-height: 2;
    letter-spacing: 0.05em; }
  .tab-product .tab-content.nav-material .media,
  .product-full-tab .tab-content.nav-material .media {
    margin-top: 20px; }
  .tab-product .title,
  .product-full-tab .title {
    padding-right: 45px;
    color: var(--theme-deafult);
    padding-bottom: 20px; }
  .tab-product .theme-slider .slick-arrow,
  .product-full-tab .theme-slider .slick-arrow {
    top: -45px;
    height: auto; }
    .tab-product .theme-slider .slick-arrow :before,
    .product-full-tab .theme-slider .slick-arrow :before {
      color: #000000;
      font-size: 18px; }
  .tab-product .product-box,
  .product-full-tab .product-box {
    position: relative;
    margin: 5px; }
    .tab-product .product-box:hover,
    .product-full-tab .product-box:hover {
      -webkit-box-shadow: 0 0 12px 0 #dddddd;
              box-shadow: 0 0 12px 0 #dddddd; }
      .tab-product .product-box:hover .lbl-1,
      .product-full-tab .product-box:hover .lbl-1 {
        opacity: 1;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .tab-product .product-box:hover .lbl-2,
      .product-full-tab .product-box:hover .lbl-2 {
        opacity: 1;
        -webkit-animation: flipInY 1000ms ease-in-out;
                animation: flipInY 1000ms ease-in-out; }
      .tab-product .product-box:hover .color-variant li,
      .product-full-tab .product-box:hover .color-variant li {
        opacity: 1 !important;
        -webkit-animation: fadeInUp 500ms ease-in-out;
                animation: fadeInUp 500ms ease-in-out; }
    .tab-product .product-box .img-block,
    .product-full-tab .product-box .img-block {
      min-height: unset; }
    .tab-product .product-box .cart-info,
    .product-full-tab .product-box .cart-info {
      position: absolute;
      padding: 10px 0;
      top: 25%;
      right: 15px;
      width: 40px;
      margin-right: 0; }
      .tab-product .product-box .cart-info i,
      .product-full-tab .product-box .cart-info i {
        padding-right: 0; }
      .tab-product .product-box .cart-info a,
      .tab-product .product-box .cart-info button,
      .product-full-tab .product-box .cart-info a,
      .product-full-tab .product-box .cart-info button {
        color: #333333;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background-color: #ffffff;
        height: 35px;
        width: 35px;
        margin: 7px 0;
        border-radius: 100%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border: 0;
        -webkit-box-shadow: 0 0 12px 0 #dddddd;
                box-shadow: 0 0 12px 0 #dddddd; }
        .tab-product .product-box .cart-info a :hover,
        .tab-product .product-box .cart-info button :hover,
        .product-full-tab .product-box .cart-info a :hover,
        .product-full-tab .product-box .cart-info button :hover {
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
          color: var(--theme-deafult); }
    .tab-product .product-box .lbl-1,
    .product-full-tab .product-box .lbl-1 {
      background-color: var(--theme-deafult);
      padding: 2px 20px 2px 10px;
      display: inline-block;
      text-align: center;
      color: #ffffff;
      position: absolute;
      left: 0;
      top: 15px;
      font-size: 14px;
      line-height: 1.5;
      opacity: 0; }
      .tab-product .product-box .lbl-1:before,
      .product-full-tab .product-box .lbl-1:before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 0;
        height: 0;
        border-top: 12px solid var(--theme-deafult);
        border-bottom: 13px solid var(--theme-deafult);
        border-right: 7px solid #ffffff; }
    .tab-product .product-box .lbl-2,
    .product-full-tab .product-box .lbl-2 {
      font-size: 14px;
      top: 15px;
      position: absolute;
      right: 10px;
      color: #333333;
      font-weight: 600;
      text-transform: capitalize;
      opacity: 0; }
    .tab-product .product-box a,
    .product-full-tab .product-box a {
      color: #0072bb;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 1px; }
    .tab-product .product-box .color-variant,
    .product-full-tab .product-box .color-variant {
      position: absolute;
      top: -35px;
      width: 100%; }
    .tab-product .product-box .slick-slide img,
    .product-full-tab .product-box .slick-slide img {
      display: block; }
    .tab-product .product-box .product-details,
    .product-full-tab .product-box .product-details {
      position: relative; }
      .tab-product .product-box .product-details .color-variant,
      .product-full-tab .product-box .product-details .color-variant {
        position: absolute;
        top: -35px;
        width: 100%; }
        .tab-product .product-box .product-details .color-variant li,
        .product-full-tab .product-box .product-details .color-variant li {
          opacity: 0;
          display: inline-block;
          height: 15px;
          width: 15px;
          border-radius: 100%;
          margin: 0 3px;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
          cursor: pointer; }
      .tab-product .product-box .product-details h6,
      .product-full-tab .product-box .product-details h6 {
        color: #333333;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: capitalize; }
      .tab-product .product-box .product-details .price,
      .product-full-tab .product-box .product-details .price {
        padding-bottom: 10px;
        font-size: 16px;
        color: var(--theme-deafult); }

.product-full-tab {
  padding-top: 70px; }


.product_image_4 > div:nth-last-child(-n+2) {
  margin-top: 25px; }

.quick-view {
  width: 100%;
  max-width: 1080px;
  max-height: 600px;
  position: relative; }


/*----------------Related product---------------------*/


.lead {
  font-weight: bold;
}
.MultiCarousel {
  float: left;
  overflow: hidden;
  padding: 15px;
  width: 100%;
  position: relative;
}
.MultiCarousel .MultiCarousel-inner {
  transition: 1s ease all;
  float: left;
}
.MultiCarousel .MultiCarousel-inner .item {
  float: left;
}
.MultiCarousel .MultiCarousel-inner .item > div {
  text-align: center;
  padding: 10px;
  margin: 10px;
  background: none;
  color: #666;
}
.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
  position: absolute;
  border-radius: 50%;
  top: calc(50% - 20px);
}
/******* Bnt Full********
.MultiCarousel .leftLst, .MultiCarousel .rightLst {
    position: absolute;
    border-radius: 50%; 
    height: 80%;
    top: 24px;
}**/

.MultiCarousel .leftLst {
  left: 0;
}
.MultiCarousel .rightLst {
  right: 0;
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
  pointer-events: none;
  background: #ccc;
}