/** Shopify CDN: Minification failed

Line 6812:1 Expected "}" to go with "{"

**/
/*! * Frame by Magentech * Copyright 2017-2018 The Magentech Authors * Mixin 2017-2018 SN, Inc. */
/*============================================================================ ================================ All Popup Page ============================ ==============================================================================*/
.product-layout {
  margin-left: auto;
  margin-right: auto;
}
.popup_cart {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: table;
  height: 100%;
  width: 100%;
  z-index: -1;
  transform: translateY(50px);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.popup_cart .popup_bg {
  position: absolute;
  height: calc(100% + 202px);
  top: -101px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #050608;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.popup_cart .popup_content {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  opacity: 0;
  max-height: calc(100% - 202px);
  visibility: hidden;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
.popup_cart .popup_content .container {
  position: relative;
  z-index: 99;
  text-align: center;
}
.popup_cart.active {
  z-index: 9999;
  transform: translateY(0px);
}
.popup_cart.active .popup_bg {
  z-index: 90;
  opacity: 1;
  visibility: visible;
}
.popup_cart.active .popup_content {
  z-index: 90;
  opacity: 1;
  visibility: visible;
}
.popup_cart.active .popup_close {
  opacity: 1;
  z-index: 99;
  right: 20px;
  top: 15px;
  background: var(--main-color);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    line-height: 22px;
    text-align: center;
  flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    }
.popup_cart.active .popup_bg {
  background-color: rgba(0, 0, 0, .75);
}
.popup_cart .popup_close {
  right: 0px;
  position: absolute;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.popup_cart svg.icon-close {
  fill: #fff;
  height: 15px;
  width: 15px;
}
.popup_cart svg.icon-close path{
  fill: #fff;
}
.popup_cart .popup_inner {
  position: relative;
  display: inline-block;
  text-align: var(--left);
    background: #fff;
    }
@media only screen and (min-width: 1200px) {
  .popup_cart .popup_inner {
    min-width: 1100px;
    max-width: 1100px;
    min-height: 400px;
  }
  .popup_cart .popup_inner .modal-body {
    padding: 30px;
  }
}
@media only screen and (min-width: 1023px) {
  .popup_cart .popup_inner .cart-popup-left {
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
  .popup_cart .popup_inner .cart-popup-info {
    padding-top: 30px;
  }
}
.popup_cart .popup_inner .product-image {
  margin-bottom: 10px;
}
.popup_cart .popup_inner .cart-popup-imgbottom {
  text-align: center;
  width: 100%;
  margin: 20px 0;
  font-size: 14px;
}
.popup_cart .popup_inner .previewCartCheckout-price {
  display: block;
  font-size: 28px;
  font-weight: 700;
  padding: 15px 0;
}
.popup_cart .popup_inner .product-name {
  margin-bottom: 10px;
  font-weight: 600;
}
.popup_cart .popup_inner .cart-popup-total, .popup_cart .popup_inner .product-type, .popup_cart .popup_inner .cart-price-total, .popup_cart .popup_inner .product-quantity {
  margin-bottom: 10px;
  font-size: 14px;
}
.popup_cart .popup_inner .cart-price-total {
  font-size: 24px;
}
.popup_cart .popup_inner .cart-price-total .price-new {
  font-size: 24px;
  font-weight: 600;
}
.popup_cart .popup_inner .cart-price-total .price-old {
  font-size: 16px;
}
.popup_cart .popup_inner .cart-popup-action {
  background: #f2f2f2;
  padding: 1.5rem;
  text-align: center;
  border-radius: 3px;
}
.popup_cart .popup_inner .cart-popup-action > .btn {
  padding: 10px 15px;
  font-size: 13px;
  margin: 5px 0;
  border: none;
  width: 100%;
}
.popup_cart .popup_inner .cart-success-messages {
  font-size: 18px;
  margin: 0;
}
.page-cart .title-cart {
  font-size: 28px;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #222;
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) {
  .page-cart .title-cart {
    font-size: 34px;
    line-height: 44px;
    padding: 0 0 20px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .page-cart .title-cart {
    font-size: 26px;
  }
}
@media only screen and (max-width: 575px) {
  .page-cart .title-cart {
    font-size: 22px;
    letter-spacing: 0;
  }
}
.page-cart .cart > table {
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 1.5em 0 1.75em;
  width: 100%;
}
.page-cart .cart > table .cart__row.cart__header th {
  text-transform: uppercase;
  color: #222;
  padding: 10px;
  border: 1px solid #ddd;
}
.page-cart .cart > table tr {
  border: 1px solid #ddd;
  color: #333;
}
.page-cart .cart > table th {
  padding: 10px 20px;
  text-transform: uppercase;
}
@media only screen and (min-width: 749px) {
  .page-cart .cart > table td {
    border: 1px solid #ddd;
  }
}
.page-cart .cart > table td {
  padding: 15px;
}
@media only screen and (max-width: 749px) {
  .page-cart .cart > table .cart-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    box-shadow: 0 1px 6px rgba(32, 33, 36, 0.18);
    margin-bottom: 10px;
    border: none;
    border-radius: 5px;
  }
  .page-cart .cart > table .cart__update-wrapper label, .page-cart .cart > table .cart__header {
    display: none !important;
  }
  .page-cart .cart > table tr {
    padding: 10px;
  }
  .page-cart .cart > table .cart__qty .cart__qty-input, .page-cart .cart > table .cart__qty .cart__remove, .page-cart .cart > table .cart__qty .cart__update {
    width: 100%;
    margin-top: 10px;
  }
  .page-cart .cart > table .cart__image-wrapper a {
    display: block;
    padding-right: 15px;
  }
  .page-cart .cart > table .small--hide {
    display: none !important;
  }
  .page-cart .cart > table .cart-flex-item {
    display: block;
    min-width: 0;
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 0;
  }
  .page-cart .cart > table .cart-flex-item.cart__image-wrapper {
    -webkit-flex: 0 0 85px;
    -moz-flex: 0 0 85px;
    -ms-flex: 0 0 85px;
    flex: 0 0 85px;
  }
  .page-cart .cart > table .cart-flex-item.cart__meta {
    -webkit-flex: 1 1 0%;
    -moz-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
  }
  .page-cart .cart > table .cart-flex-item.cart__price-wrapper {
    -webkit-flex: 0 1 24%;
    -moz-flex: 0 1 24%;
    -ms-flex: 0 1 24%;
    flex: 0 1 24%;
    text-align: right;
  }
}
.page-cart .cart > table .list-view-item__title {
  text-transform: capitalize;
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block;
}
.page-cart .cart > table .small--hide .money, .page-cart .cart > table .cart-flex-item .money {
  font-size: 14px;
  font-weight: bold;
}
@media only screen and (min-width: 567px) {
  .page-cart .cart > table .small--hide .money, .page-cart .cart > table .cart-flex-item .money {
    font-size: 18px;
  }
}
.page-cart .cart > table .cart__update-wrapper label {
  display: block;
}
.page-cart .cart > table .cart__update-wrapper .cart__qty-input {
  height: 33px;
  border: 1px solid #ddd;
  min-width: 60px;
  max-width: 145px;
  text-align: center;
  margin-bottom: 10px;
}
.page-cart .cart__shipping {
  margin: 10px 0 20px;
  font-style: italic;
}
.page-cart .cart__subtotal .money {
  font-size: 16px;
  font-weight: bold;
  color: red;
}
.page-cart .cart__subtotal-title {
  font-weight: bold;
  color: #222;
  text-transform: uppercase;
  padding-right: 15px;
  font-size: 18px;
}
.page-cart .cart_border {
  border: 1px solid #ddd;
  padding: 20px;
  min-height: 231px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 991px) {
  .page-cart .cart_border {
    padding: 15px 10px;
    min-height: 160px;
  }
}
.page-cart .cart-note .cart-note__label {
  display: block;
}
.page-cart .cart-note .cart-note__label span {
  background: #e95144;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 5px;
  margin-right: 10px;
  text-transform: uppercase;
}
.page-cart .cart-note .cart-note__input {
  width: 100%;
  background: #eee;
  padding: 10px;
  border: none;
}
.page-cart .empty-page-content {
  padding: 60px 20px 100px;
}
@media only screen and (max-width: 1024px) {
  .page-cart .empty-page-content {
    padding: 30px 20px 60px;
  }
}
@media only screen and (max-width: 575px) {
  .page-cart .empty-page-content {
    padding: 10px 10px 40px;
  }
}
.page-cart .empty-page-content .ico_empty i {
  font-size: 150px;
  line-height: 1.1;
  color: #ebecee;
}
@media only screen and (max-width: 575px) {
  .page-cart .empty-page-content .ico_empty i {
    font-size: 100px;
  }
}
@media only screen and (max-width: 1024px) {
  .page-cart .empty-page-content .ico_empty i {
    font-size: 110px;
  }
}
.page-cart .empty-page-content .cart_empty {
  color: #191919;
  padding: 0;
  margin: 13px 0 0 0;
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 44px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .page-cart .empty-page-content .cart_empty {
    font-size: 26px;
  }
}
@media only screen and (max-width: 575px) {
  .page-cart .empty-page-content .cart_empty {
    font-size: 22px;
    letter-spacing: 0;
  }
}
.page-cart .empty-page-content .cart__continue-btn {
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-weight: bold;
  padding: 8px 20px;
  background: var(--main-color);
    border-radius: 0;
    color: #fff;
    margin-top: 20px;
    }
.page-cart .empty-page-content .cart__continue-btn:hover {
  background: #222;
}
/*============================================================================ =============================== SIDEBAR ==================================== ==============================================================================*/
.col-sidebar .widget-prd-featured {
  margin: 0 -5px;
}
.col-sidebar .widget-prd-featured .owl-nav div.owl-prev, .col-sidebar .widget-prd-featured .owl-nav div.owl-next {
  top: -69px;
  position: absolute;
  height: 32px;
  width: 32px;
  line-height: 28px;
  border: none;
  opacity: 1;
  border: 1px solid #e5e5e5;
  background: #fff;
  font-size: 18px;
  margin: 0;
  padding: 0;
  color: #797575;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
@media only screen and (max-width: 568px) {
  .col-sidebar .widget-prd-featured .owl-nav div.owl-prev, .col-sidebar .widget-prd-featured .owl-nav div.owl-next {
    top: -55px;
    height: 24px;
    width: 24px;
    line-height: 24px;
  }
}
.col-sidebar .widget-prd-featured .owl-nav div.owl-prev:before, .col-sidebar .widget-prd-featured .owl-nav div.owl-next:before {
  display: none;
}
.col-sidebar .widget-prd-featured .owl-nav div.owl-prev:hover, .col-sidebar .widget-prd-featured .owl-nav div.owl-next:hover {
  border-color: var(--main-color);
    background-color: var(--main-color);
      color: #fff;
      }
.col-sidebar .widget-prd-featured .owl-nav div.owl-prev {
  left: auto;
  right: 47px;
}
.col-sidebar .widget-prd-featured .owl-nav div.owl-prev:hover {
  background-position: 0px 0;
}
.col-sidebar .widget-prd-featured .owl-nav div.owl-next {
  left: auto;
  right: 10px;
}
.col-sidebar .widget-prd-featured .wrap {
  padding: 5px 0;
}
.col-sidebar .widget-prd-featured .product-item {
  margin: 0px;
  margin-bottom: 0px;
  outline: none;
  clear: both;
}
.col-sidebar .widget-prd-featured .product-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0px;
  border: none;
}
.col-sidebar .widget-prd-featured .product-item .product-img {
  width: 75px;
  float: var(--left);
    }
@media only screen and (min-width: 1200px) {
  .col-sidebar .widget-prd-featured .product-item .product-img {
    width: 85px;
  }
}
.col-sidebar .widget-prd-featured .product-item .product-info {
  margin-top: 0;
  margin-left: 80px;
  background: transparent;
  color: #666;
}
@media only screen and (min-width: 1200px) {
  .col-sidebar .widget-prd-featured .product-item .product-info {
    margin-top: 5px;
    margin-left: 90px;
  }
}
.col-sidebar .widget-prd-featured .product-item .product-info h4 {
  margin: 0 0 5px;
  font-weightt: 400;
}

.col-sidebar .widget-prd-featured .product-item .product-info a:hover {
  color: var(--main-color);
    }
.col-sidebar .widget-prd-featured .product-item .price {
  margin: 0;
}
.col-sidebar .widget-prd-featured .product-item .price .price-new, .col-sidebar .widget-prd-featured .product-item .price .price span.price {
  font-size: 15px;
}
.col-sidebar .widget-prd-featured .product-item:hover .product-img {
  border-color: var(--main-color);
    }
.widget-categories .block-content > ul > li {
  padding: 0px;
  position: relative;
  margin: 0;
  box-shadow: none;
  background: transparent;
  border-bottom: 1px solid #ddd;
}
.widget-categories .block-content > ul > li:last-child {
  border: none;
}
.widget-categories .block-content > ul > li > a {
  padding: 10px 0;
  display: block;
  color: #222;
  font-size: 14px;
}
.widget-categories .block-content > ul > li > a:hover {
  color: var(--main-color);
    }
/*============================================================================ =============================== HOT DEAL PAGE ==================================== ==============================================================================*/
.page-hotdeal .page-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #222;
  text-transform: uppercase;
  padding-bottom: 3px;
  position: relative;
}
.page-hotdeal .page-title:before {
  display: none;
}

.page-hotdeal .deal-image {
  margin-bottom: 30px;
}
.page-hotdeal .ltabs-tabs-container {
  position: relative;
}
.page-hotdeal .ltabs-tabs-container .tab-content {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.2s ease-in-out 0s;
}
.page-hotdeal .ltabs-tabs-container .tab-content.current {
  opacity: 1;
  height: auto;
  overflow: visible;
  transition: all 0.2s ease-in-out 0s;
}
@media only screen and (min-width: 568px) {
  .page-hotdeal .ltabs-tabs-container .tabs-menu {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    width: 100%;
    display: inline-block;
  }
  .page-hotdeal .ltabs-tabs-container .tabs-menu .tabs-menu_btn {
    display: none;
  }
  .page-hotdeal .ltabs-tabs-container .tabs-menu ul li.tabs-menu-label {
    margin-bottom: -1px;
    background-color: #eee;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    cursor: pointer;
    float: var(--left);
      font-size: 13px;
      padding: 12px 15px;
      position: relative;
      }
  .page-hotdeal .ltabs-tabs-container .tabs-menu ul li.tabs-menu-label:hover,
  .page-hotdeal .ltabs-tabs-container .tabs-menu ul li.tabs-menu-label.current {
    color: var(--main-color);
      border-top: 2px solid var(--main-color);
        }
}
@media only screen and (max-width: 567px) {
  .page-hotdeal .ltabs-tabs-container .tabs-menu {
    position: absolute;
    top: 0;
    right: 15px;
  }
  .page-hotdeal .ltabs-tabs-container .tabs-menu .tabs-menu_btn {
    border: 1px solid #ddd;
    font-size: 21px;
    color: #222;
    height: 30px;
    width: 33px;
    display: block;
    text-align: center;
    line-height: 26px;
  }
  .page-hotdeal .ltabs-tabs-container .tabs-menu .tabs-menu_title {
    opacity: 0;
    overflow: hidden;
    margin: 0;
    min-width: 200px;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 10;
    padding: 10px 20px;
    position: absolute;
    top: calc(100% + 1px);
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    transition: all 0.2s ease 0s;
    right: 0;
  }
  .page-hotdeal .ltabs-tabs-container .tabs-menu .tabs-menu_title li {
    display: block;
    padding: 2px 0;
    text-align: var(--left);
      width: 100%;
      border-bottom: 1px solid #ddd;
      height: 35px;
      line-height: 33px;
      font-size: 13px;
      }
  .page-hotdeal .ltabs-tabs-container .tabs-menu .tabs-menu_title li:last-child {
    border-bottom: none;
  }
  .page-hotdeal .ltabs-tabs-container .tabs-menu .tabs-menu_title.tabs-open {
    opacity: 1;
    overflow: visible;
    transition: all 0.2s ease 0s;
    display: block;
  }
}
.collection-info .collection-des {
  overflow: hidden;
  margin-bottom: 10px;
}
.collection-info .collection_image {
  margin-bottom: 15px;
  max-height: 500px;
  overflow: hidden;
}
.collection-info .collection_image .owl-dots {
  bottom: 20px;
  position: absolute;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.collection-info .collection_image .owl-dot {
  background: #fff;
  margin: 0 7px;
  width: 10px;
  height: 10px;
  padding: 0 5px;
  transition: all 0.3s ease 0s;
  border-radius: 50%;
  float: var(--left);
    }
.collection-info .collection_image .owl-dot:hover, .collection-info .collection_image .owl-dot.active {
  background: var(--main-color);
    }
.collection-info .collection-des {
  margin-bottom: 30px;
  overflow: hidden;
}
.collection-info .collection-des .full_category {
  border-right: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  overflow: hidden;
}
.collection-info .collection-des .full_category.style2 {
  border-bottom: 1px solid #e8e8e8;
}
.collection-info .collection-des .full_category.style2 .cat-wrap {
  border-left: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  margin-bottom: -1px;
  text-align: var(--left);
    min-height: 165px;
    }
.collection-info .collection-des .full_category.style2 .cat-wrap h2.cat-title {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 15px 12px 20px;
  text-align: var(--left);
    display: inline-block;
    max-width: 95%;
    line-height: normal;
    }
.collection-info .collection-des .full_category.style2 .cat-wrap .cat-content {
  margin: 0 auto 11px;
  overflow: hidden;
  text-align: var(--left);
    }
.collection-info .collection-des .full_category.style2 .cat-wrap .cat-content img {
  width: 90px;
  height: 90px;
  overflow: hidden;
  display: block;
  position: absolute;
  left: 20px;
}
.collection-info .collection-des .full_category.style2 .cat-wrap .cat-content .cat-list {
  margin-left: 130px;
  min-height: 100px;
}
.collection-info .collection-des .full_category.style2 .cat-wrap .cat-content .cat-list.shop-all a {
  text-decoration: underline;
}
.collection-info .collection-des .full_category.style2 .cat-wrap .cat-content .cat-list li a {
  font-size: 13px;
  text-transform: capitalize;
  color: #444;
}
.collection-info .collection-des .full_category.style2 .cat-wrap .cat-content .cat-list li a:hover {
  color: var(--main-color);
    }
.collection-info .collection-des .cate-inner {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  position: relative;
  z-index: 1;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.collection-info .collection-des .cate-inner h3.sub_title {
  background: rgba(242, 242, 242, 0.55);
  text-align: center;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: -1px;
  margin-top: -10px;
  z-index: 2;
  position: absolute;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  bottom: 0;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.collection-info .collection-des .cate-inner:hover h3.sub_title {
  background: rgba(102, 102, 102, 0.55);
  color: #fff;
}
.collection-info .title-category {
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: uppercase;
  color: #222;
  border-bottom: 2px solid #d7d7d7;
  display: inline-block;
  width: 100%;
  position: relative;
  margin-top: 0;
  padding-bottom: 10px;
}
.collection-info .title-category:after {
  position: absolute;
  content: "";
  width: 110px;
  height: 2px;
  background-color: var(--main-color);
    bottom: -2px;
    left: 0;
    }
/*============================================================================ ========================== PAGE CUSTOMER THEMES ============================ ==============================================================================*/
h1.page-title {
  font-size: 20px;
  color: var(--link-color);
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 30px;
    }
@media only screen and (max-width: 991px) {
  h1.page-title {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
h1.page-title:before {
  content: "";
  width: 70px;
  height: 3px;
  display: inline-block;
  position: absolute;
  bottom: -8px;
  left: 0;
  background: var(--main-color);
    }
.rtl h1.page-title:before {
  left: inherit;
  right: 0;
}
@media only screen and (max-width: 991px) {
  h1.page-title:before {
    width: 50px;
    height: 2px;
    bottom: -5px;
  }
}
h3.page-title {
  color: #222;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
  line-height: 100%;
  margin: 0 0 15px;
  padding-bottom: 8px;
}
@media only screen and (min-width: 992px) {
  h3.page-title {
    font-size: 22px;
  }
}
h3.page-title:before {
  content: "";
  width: 70px;
  height: 1px;
  display: inline-block;
  position: absolute;
  bottom: -2px;
  left: 0;
  background: var(--main-color);
    }
h2.page-title {
  font-size: 16px;
  text-transform: capitalize;
  font-weight: bold;
  position: relative;
  line-height: 100%;
  margin: 0 0 40px;
  padding-bottom: 15px;
  color: var(--link-color);
    }
h2.page-title:before {
  content: "";
  width: 70px;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--main-color);
    }
.formlogin {
  padding: 30px;
  background-color: #fafafa;
  border: 1px solid var(--border-color);
    }
@media only screen and (min-width: 992px) {
  .formlogin {
    min-height: 420px;
  }
}
@media only screen and (max-width: 991px) {
  .formlogin {
    padding: 15px;
    margin-bottom: 1.5rem;
  }
}
.formlogin label {
  font-weight: 500;
}
.formlogin .btn.default {
  text-transform: uppercase;
  color: #fff;
}
.formlogin .btn.default .fa-user-plus {
  margin-right: 3px;
}
.formlogin .registerdescription {
  margin-bottom: 25px;
}
/*============================================================================ =============================== 404 PAGE ==================================== ==============================================================================*/
.page-404 .title-404 {
  font-size: 70px;
  line-height: 1em;
  margin-bottom: 65px;
  color: #222;
  font-weight: bold;
}
.page-404 img {
  margin-bottom: 30px;
}
.page-404 .info-404 span {
  font-size: 15px;
  padding-right: 10px;
}
.page-404 .info-404 .fa {
  margin-right: 5px;
}
.page-404 .info-404 .btn {
  text-transform: uppercase;
}
/*============================================================================ =============================== CONTACT PAGE ==================================== ==============================================================================*/
.page-contact .title-page {
  font-size: 20px;
  color: #444;
  font-weight: 700;
  margin-bottom: 30px;
  position: relative;
  text-transform: uppercase;
}
.page-contact .title-page:before {
  content: "";
  background-color: #f50;
  width: 70px;
  height: 3px;
  display: inline-block;
  position: absolute;
  bottom: -8px;
  left: 0;
}
.page-contact .contact-des {
  font-size: 12px;
  margin-bottom: 10px;
}
.page-contact .contact-form .btn {
  font-size: 12px;
  background-color: #444;
  height: 35px;
  padding: 0 20px;
  line-height: 35px;
  border: 0;
  border-radius: 0;
  margin-top: 10px;
  display: inline-block;
  width: auto;
  color: #fff;
}
.page-contact .contact-form .btn:hover {
  background: var(--main-color);
    }
.page-contact .contact-form input {
  height: 40px;
  border: 1px solid #ebeaea;
  border-radius: 2px;
  width: 100%;
  margin-bottom: 30px;
  padding: 0 10px;
}
.page-contact .contact-form textarea {
  width: 100%;
  border: 1px solid #ebeaea;
  border-radius: 2px;
  padding: 10px;
  max-height: 172px;
}
.page-contact .contact-form .title-bonus-page h2 {
  margin-bottom: 25px;
  font-weight: 600;
  color: #000;
  font-size: 20px;
}
.page-contact .contact-form .list-info .item-info {
  padding: 10px 0;
  border-top: 1px solid #f3f3f3;
  position: relative;
  font-size: 12px;
}
.page-contact .contact-form .list-info .item-info i {
  padding-right: 10px;
  font-size: 16px;
}
.page-contact .contact-form .list-info .item-info.main-info i {
  font-size: 21px;
}
.contact-map-wrap {
  border: 5px solid #ddd;
  margin-bottom: 40px;
}
.contact-map-wrap iframe {
  border: 0;
  width: 100%;
  overflow: hidden;
  height: 600px;
}
@media only screen and (max-width: 767px) {
  .contact-map-wrap iframe {
    height: 300px;
  }
}
/*============================================================================ =============================== ABOUT PAGE =================================== ==============================================================================*/
.page-about .image-about-us {
  margin-bottom: 30px;
}
.page-about .content-about {
  text-align: center;
}
.page-about .title-about-us h2 {
  font-weight: 700;
  text-transform: normal;
  color: #222;
  margin: 0 0 24px;
  font-size: 30px;
  text-transform: uppercase;
}
.page-about .content-about-us {
  padding-bottom: 30px;
}
.page-about .content-about-us .des-about-us {
  line-height: 23px;
  color: #888;
  margin-bottom: 35px;
  padding: 0 5%;
}
.page-about .content-about-us a {
  background-color: #ccc;
  color: #fff;
  height: 35px;
  border-radius: 17px;
  display: inline-block;
  padding: 0 35px;
  line-height: 35px;
  text-transform: capitalize;
}
.page-about .content-about-us a:hover {
  background: var(--main-color);
    }
.page-about .content-about-us .image-about-us img {
  width: 100%;
}
.page-about .content-about-us .image-about-us img:hover {
  opacity: 0.7;
}
.page-about .why-list li {
  position: relative;
  padding-left: 29px;
  font-size: 12px;
}
.page-about .why-list li:before {
  content: "";
  width: 14px;
  height: 12px;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 10px;
 
    }
.page-about .why-list li > a {
  display: block;
  padding: 5px 0 7px;
    }
.page-about .our-member {
  margin-top: 30px;
  font-size: 12px;
  text-align: center;
}
.page-about .our-member .title-about-us > h2 {
  padding: 0 30px 6px 30px;
  font-size: 215.38%;
  font-weight: normal;
  font-family: inherit;
}
.page-about .our-member .dshort-des {
  margin-bottom: 25px;
}
.page-about .our-member .w-image-box {
  display: inline-block;
  margin: 0px auto;
  position: relative;
  overflow: hidden;
}
.page-about .our-member .w-image-box .item-image > a:before {
  background: rgba(0, 0, 0, 0.3);
  display: inline-block;
  content: "";
  width: 100%;
  height: 0%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.page-about .our-member .w-image-box:hover .item-image > a:before {
  height: 100%;
}
.page-about .our-member .w-image-box:hover .cl-nw {
  bottom: 28px;
}
.page-about .our-member .w-image-box .cl-nw {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-position: var(--left) top;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -12px;
    overflow: hidden;
    text-indent: -9999px;
    z-index: 10;
    border-radius: 50px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    }
.page-about .our-member .w-image-box .cl-nw.cl-facebook {
 background-image: url("cl_facebook.png");
  margin-left: -42px;
  transition: all 0.3s ease 0.3s;
  -web-kit-transition: all 0.3s ease 0.3s;
  -moz-transition: all 0.3s ease 0.3s;
}
.page-about .our-member .w-image-box .cl-nw.cl-flickr {
  background-image: url("cl_flickr.png");
  transition: all 0.3s ease 0.6s;
  -web-kit-transition: all 0.3s ease 0.6s;
  -moz-transition: all 0.3s ease 0.6s;
}
.page-about .our-member .w-image-box .cl-nw.cl-twitter {
  background-image: url("cl_twitter.png");
  margin-left: 18px;
  transition: all 0.3s ease 0.9s;
  -web-kit-transition: all 0.3s ease 0.9s;
  -moz-transition: all 0.3s ease 0.9s;
}
.page-about .our-member .cl-name {
  margin: 0;
}
.page-about .our-member .cl-name > a {
  font-size: 16px;
  color: var(--main-color);
    }
.page-about .our-member .cl-name > a:hover {
  text-decoration: underline;
}
.page-about .our-member .cl-job {
  font-size: 116.6%;
  padding: 3px 0px 2px;
  color: #444;
  margin: 0;
}
.page-about .our-member .cl-des {
  color: #909090;
}
.page-about .happy-about-us {
  clear: both;
  padding-top: 45px;
}
.page-about .happy-about-us .happy-ab {
  border: 1px solid #e9e9e9;
  padding: 33px 8px 20px;
  position: relative;
}
.page-about .happy-about-us .title-happy-about {
  background: #fff;
  display: inline-block;
  left: 20px;
  padding: 5px 10px;
  position: absolute;
  top: -17px;
}
.page-about .happy-about-us .title-happy-about h2 {
  font-size: 18px;
  color: #444;
  font-family: inherit;
  font-weight: normal;
  margin: 0;
}
.page-about .happy-about-us .ct-why {
  padding: 0 10px 0 25px;
  position: relative;
}
.page-about .happy-about-us .ct-why:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 12px;
 
    }
.page-about .happy-about-us .ct-why .client-say {
  font-size: 13px;
  color: #909090;
  margin: 0 0 10px;
}
.page-about .happy-about-us .client-info-about .name {
  font-size: 133%;
  color: var(--main-color);
    }
/*=== BONUS PAGE ===*/
.page--information {
  /* PAGE - FAQ & Gallery =======================================================*/
}
.page--information .module-content {
  background: #fff;
  border: 1px solid #ddd;
  padding: 0 20px;
}
.page--information .module-content .list-box li {
  position: relative;
  padding-left: 15px;
}
.page--information h3{
  color: #222;
  margin-top: 20px;
}
.page--information .module-content .list-box li:before {
  position: absolute;
  display: block;
  top: 16px;
  background: #999;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  left: 0;
}
.page--information .title-under {
  position: relative;
  margin-bottom: 50px;
}
.page--information .title-under:after {
  content: "";
  position: absolute;
  display: block;
  height: 4px;
  width: 68px;
  background: var(--main-color);
    bottom: -10px;
    }
.page--information .title-under.text-center:after {
  left: 50%;
  margin-left: -34px;
}
.page--information .media-box-link--arrow .icon {
  font-size: 30px;
}
.page--information .media-box-link--figure .icon {
  font-size: 70px;
  width: 70px;
  height: 70px;
}
.page--information .media-box-link {
  display: table-row;
  width: 100%;
  height: 100%;
  background-color: var(--main-color);
    cursor: pointer;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    }
.page--information .media-box-link h4 {
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page--information .media-box-link--figure, .page--information .media-box-link--content, .page--information .media-box-link--arrow {
  display: table-cell;
  padding: 6% 0;
  vertical-align: middle;
}
.page--information .media-box-link--figure {
  width: 23%;
}
.page--information .media-box-link--content {
  padding-right: 5%;
  width: 67%;
}
.page--information .media-box-link--arrow {
  width: 10%;
  vertical-align: middle;
}
.page--information .media-box-link:hover {
  background-color: #999;
}
.page--information .content--gallery .row {
  margin: 0 -8px;
}
.page--information .content--gallery .col-md-1, .page--information .content--gallery .col-md-10, .page--information .content--gallery .col-md-11, .page--information .content--gallery .col-md-12, .page--information .content--gallery .col-md-2, .page--information .content--gallery .col-md-3, .page--information .content--gallery .col-md-4, .page--information .content--gallery .col-md-5, .page--information .content--gallery .col-md-6, .page--information .content--gallery .col-md-7, .page--information .content--gallery .col-md-8, .page--information .content--gallery .col-md-9, .page--information .content--gallery .col-sm-1, .page--information .content--gallery .col-sm-10, .page--information .content--gallery .col-sm-11, .page--information .content--gallery .col-sm-12, .page--information .content--gallery .col-sm-2, .page--information .content--gallery .col-sm-3, .page--information .content--gallery .col-sm-4, .page--information .content--gallery .col-sm-5, .page--information .content--gallery .col-sm-6, .page--information .content--gallery .col-sm-7, .page--information .content--gallery .col-sm-8, .page--information .content--gallery .col-sm-9 {
  padding: 0 8px;
}
.page--information .content--gallery .popup-gallery {
  margin: 0 0px 15px 0;
  display: block;
}
.page--information .content--gallery .popup-gallery.popup--video {
  position: relative;
  z-index: 2;
  background: black;
}
.page--information .content--gallery .popup-gallery.popup--video img {
  opacity: 0.6;
}
.page--information .content--gallery .popup-gallery.popup--video:before {
  content: "\f01d";
  display: block;
  font-family: FontAwesome;
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 50%;
  font-size: 52px;
  color: rgba(255, 255, 255, 0.9);
  margin: -9px 0 0 -20px;
}
.page--information .content--gallery .popup-gallery img {
  transition: 0.3 opacity ease-in-out;
}
.page--information .content--gallery .popup-gallery:hover img {
  opacity: 0.7;
}
.page--information ul.yt-accordion {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page--information ul.yt-accordion .yt-accordion-group {
  margin-bottom: 3px;
}

.page--information ul.yt-accordion .yt-accordion-group .accordion-heading {
  color: #333;
  font-size: 15px;
  padding: 9px 15px;
  margin: 0;
  line-height: 22px;
  cursor: pointer;
  background: #ddd;
  text-transform: capitalize;
  position: relative;
}
.page--information ul.yt-accordion .yt-accordion-group .accordion-heading .fa {
  margin-right: 10px;
}
.page--information ul.yt-accordion .yt-accordion-group .accordion-heading:hover {
  background: var(--main-color);
    color: white;
    }
.page--information ul.yt-accordion .yt-accordion-group .accordion-heading.active {
  background: var(--main-color);
    color: white;
    }
.page--information ul.yt-accordion .yt-accordion-group .accordion-heading.active:before {
  border: 8px solid var(--main-color);
    border-color: var(--main-color) transparent transparent transparent;
      content: "";
      position: absolute;
      top: 100%;
      left: 30px;
      }
.page--information ul.yt-accordion .yt-accordion-inner {
  padding: 15px 15px 10px 15px;
  background: #ddd;
}
/*============================================================================ =============================== QUICKVIEWS ==================================== ==============================================================================*/
.quick-view {
  bottom: 0;
  left: 0;
  outline: 0 none;
  overflow-x: auto;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1020;
  display: none;
}
.quick-view .owl-nav {
  position: static;
}
.quick-view .swatch .swatch-element {
  margin: 0px 7px 5px 0;
}
.quick-view .swatch .header {
  line-height: 32px;
}
.quick-view .swatch label:before {
  border: 2px solid white;
  border-radius: 28px;
}
.quick-view .swatch label {
  min-width: 28px !important;
  height: 28px !important;
  line-height: 26px;
  border-radius: 28px;
  overflow: hidden;
}
.quick-view .selector-wrapper {
  display: none;
}
.quick-view .content {
  position: relative;
  width: 90%;
  margin: 0px auto;
  background: #fff;
  padding: 30px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.quick-view .qv-left .quickview-image {
  border: 1px solid var(--border-color);
    }
.quick-view .qv-left .more-view-wrapper {
  margin-top: 10px;
}
.quick-view .qv-left .more-view-wrapper a {
  border: 1px solid var(--border-color);
    display: block;
    padding-bottom: 1px;
    }
.quick-view .qv-left .more-view-wrapper a:hover, .quick-view .qv-left .more-view-wrapper a.actived {
  border-color: var(--main-color);
    }
.quick-view .qv-left .more-view-wrapper .owl-nav div {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #c1c1c1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  top: 50%;
  text-align: center;
  margin-top: -15px;
  position: absolute;
  color: #fff;
  border: none;
  border-radius: 0;
}
.quick-view .qv-left .more-view-wrapper .owl-nav div:hover {
  background: var(--main-color);
    }
.quick-view .qv-left .more-view-wrapper .owl-nav div.owl-prev {
  left: -15px;
  float: left;
  background-color: #c1c1c1;
}
.quick-view .qv-left .more-view-wrapper .owl-nav div.owl-prev:before {
  font-family: FontAwesome;
  content: "\f104";
}
.quick-view .qv-left .more-view-wrapper .owl-nav div.owl-prev:hover {
  background-color: var(--main-color);
    opacity: 1;
    }
.quick-view .qv-left .more-view-wrapper .owl-nav div.owl-next {
  right: -15px;
  float: right;
  background-color: #c1c1c1;
}
.quick-view .qv-left .more-view-wrapper .owl-nav div.owl-next:before {
  font-family: FontAwesome;
  content: "\f105";
}
.quick-view .qv-left .more-view-wrapper .owl-nav div.owl-next:hover {
  background-color: var(--main-color);
    opacity: 1;
    }
.quick-view .qv-left .more-view-wrapper:hover .owl-nav div {
  opacity: 1;
}
.quick-view .product-inventory .fa {
  position: relative;
  top: 1px;
  margin-right: 5px;
  color: #598a23;
}
.quick-view .qv-right h2.product-title {
  font-size: 167%;
  font-family: inherit;
  font-weight: bold;
  margin-top: -5px;
}
.quick-view .qv-right .box-price .price-new {
  font-size: 150%;
}
.quick-view .qv-right .product-description {
  margin-bottom: 10px;
}
.quick-view .qv-right .product-info label {
  font-weight: normal;
  text-transform: capitalize;
  min-width: 90px;
  padding-right: 5px;
  color: #222;
}
.quick-view .qv-right .product-info p {
  margin: 0;
}
.quick-view .qv-right .product-variants {
  margin: 0 -5px 15px;
}
.quick-view .qv-right .product-variants .option-sl {
  padding: 0 5px;
  width: 50%;
  float: var(--left);
    }
.quick-view .qv-right .product-variants .option-sl select {
  padding: 5px 0 5px 15px;
  width: 100%;
}
.quick-view .qv-right .add-to-box .wrap-qty {
  height: 40px;
  float: var(--left);
    }
.quick-view .qv-right .add-to-box .wrap-qty label {
  float: var(--left);
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    margin-bottom: 0;
    color: #222;
    font-weight: normal;
    }
.quick-view .qv-right .add-to-box .wrap-qty .qty-set {
  float: var(--left);
    vertical-align: top;
    position: relative;
    }
.quick-view .qv-right .add-to-box .wrap-qty .qty-set .quantity {
  float: var(--left);
    position: relative;
    width: 100px;
    padding: 5px 10px;
    border: none;
    text-align: center;
    padding-right: 23px;
    }
.rtl .quick-view .qv-right .add-to-box .wrap-qty .qty-set .quantity {
  padding-right: 0px;
  padding-left: 23px;
}
.quick-view .qv-right .add-to-box .wrap-qty .qty-set .button {
  width: 15px;
  height: 15px;
  background-color: #444;
  margin-bottom: 0px;
  background-repeat: no-repeat;
  padding: 0;
  border: none;
  position: absolute;
  right: 0;
  text-align: center;
  line-height: 15px;
  color: #fff;
  cursor: pointer;
}
.rtl .quick-view .qv-right .add-to-box .wrap-qty .qty-set .button{
  left: 0;
  right: inherit;
}
.quick-view .qv-right .add-to-box .wrap-qty .qty-set .button.inc {
  top: 0;
}
.quick-view .qv-right .add-to-box .wrap-qty .qty-set .button.dec {
  bottom: 0px;
}
.quick-view .qv-right .add-to-box .wrap-qty .qty-set .button:hover {
  background: var(--main-color);
    }
.quick-view .qv-right .add-to-box .add-to-cart-btn {
  line-height: 40px;
  height: 40px;
  border: 1px solid #000;
  padding: 0 20px;
  text-transform: uppercase;
  font-size: 100%;
  background: transparent;
  color: #fff;
  margin-left: 5px;
  border-radius: 0;
  background: #000;
}
.quick-view .qv-right .add-to-box .add-to-cart-btn:hover {
  background: var(--main-color);
    border-color: var(--main-color);;
  color: #fff;
}

.quick-view .qv-right .total-price {
  margin-bottom: 10px;
}
.quick-view .qv-right .total-price label {
  min-width: 70px;
  font-weight: normal;
  color: #222;
}
.quick-view .qv-right .total-price span {
  color: #ff3c20;
  position: relative;
  font-size: 16px;
  top: 1px;
  font-weight: bold;
}
.quick-view .close-quickview {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 20px;
}
.rtl .quick-view .close-quickview{
  left: 10px;
  right: inherit;
}
@media only screen and (min-width: 1200px) {
  .quickview-template .content, .quick-view .content {
    width: 980px;
  }
}
@media only screen and (max-width: 1034px) {
  .quick-view {
    display: none !important;
  }
}
/*============================================================================ ========================== Garenal Site ============================ ==============================================================================*/
@media only screen and (max-width: 767px) {
  .container {
    max-width: 100%;
  }
}
.page-wrapper.wrapper-iframed {
  margin: 20px auto;
}
.page-wrapper.wrapper-rounded {
  margin: 20px auto;
  border-radius: 10px;
  overflow: hidden;
}
.wrapper-boxed, .wrapper-iframed, .wrapper-rounded {
  max-width: 1250px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.wrapper-boxed .header-fixed.stickytop, .wrapper-iframed .header-fixed.stickytop, .wrapper-rounded .header-fixed.stickytop {
  left: auto;
  right: auto;
}
@media only screen and (min-width: 1920px) {
  .wrapper-boxed, .wrapper-iframed, .wrapper-rounded {
    max-width: 1650px;
  }
}
.page-wrapper {
  overflow-x: hidden;
}
#goToTop {
  position: fixed;
  bottom: 20px;
  top: auto !important;
  cursor: pointer;
  border: none;
  color: #000;
  display: inline-block;
  text-align: center;
  width: 46px;
  height: 46px;
  background: transparent;
  line-height: 46px;
  z-index: 30;
  border-radius: 0px;
  opacity: 1;
  left: 20px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: scale(scale(1));
  -ms-transform: scale(scale(1));
  -o-transform: scale(scale(1));
  transform: scale(scale(1));
}
@media only screen and (max-width: 1600px) {
  #goToTop {
    left: 20px;
    border-radius: 0;
  }
}
#goToTop:hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}
#goToTop.hidden-top {
  bottom: -100px;
  opacity: 0;
  -webkit-transform: scale(scale(0));
  -ms-transform: scale(scale(0));
  -o-transform: scale(scale(0));
  transform: scale(scale(0));
}
#goToTop span {
  display: block;
}
#goToTop span:before {
  content: '\f106';
  display: inline-block;
  font-family: FontAwesome;
  font-synthesis: weight style;
  line-height: 1;
  color: #000;
  text-align: center;
  font-size: 22px;
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: 0.3s, 1s;
  animation-duration: 0.3s, 1s;
  -webkit-animation-delay: 0s, 0.3s;
  animation-delay: 0s, 0.3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  50% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
}
#loadingSite {
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
  left: 0;
  background: #fff;
}
.loader {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("icon-loadings.svg") 50% 50% no-repeat;
 
}
/*============================================================================ =============================== CART PRO ==================================== ==============================================================================*/
.update-minicart-message {
  font-size: 91.67%;
  color: #f00;
  float: var(--left);
    width: 100%;
    margin: 0;
    padding: 0;
    }
/*============================================================================ =============================== SOCIAL FIXED ==================================== ==============================================================================*/
.socials-wrap {
  display: inline-block;
  position: fixed;
  z-index: 4;
}
.socials-wrap.left {
  left: 0;
}
.socials-wrap.right {
  right: 0;
}
@media only screen and (max-width: 980px) {
  .socials-wrap {
    display: none !important;
  }
}
.socials-wrap ul .li-social.facebook-social a {
  background-color: #3c599f;
}
.socials-wrap ul .li-social.twitter-social a {
  background-color: #5ea9dd;
}
.socials-wrap ul .li-social.google-social a {
  background-color: #dd4b39;
}
.socials-wrap ul .li-social.pinterest-social a {
  background-color: #d73532;
}
.socials-wrap ul .li-social a {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  background-color: #df357a;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
.socials-wrap ul .li-social a:hover {
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.7);
  -webkit-text-shadow: 0 0 5px rgba(255, 255, 255, 0.7);
}
/*============================================================================ =============================== Collection Page ============================ ==============================================================================*/
.collection-main{
  margin-bottom: 10px;
}
.toolbar-bottom{
  margin-bottom: 30px;
}
.toolbar-bottom ul li{
      display: inline-block;
  width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
  border-radius: 4px;
    background: #f5f5f5;
  margin-left: 3px;
  color: #111111;
      font-size: 14px;
}
.toolbar-bottom ul li a{
      display: block;
  color: #111111;
}
.toolbar-bottom ul li:hover, .toolbar-bottom ul li.active{
  background: #111111;
  color: #fff;
}
.toolbar-bottom ul li:hover a{
  color: #fff;
}
.template-collection .filters-toolbar-wrapper h3.page-title {
  font-size: 20px;
  color: #464646;
  font-weight: 600;
  margin: 0px;
  padding: 0px;
  padding-top: 4px;
}
.template-collection .products-listing .product-layout .product-item{
  padding: 0px;
}
.template-collection .filters-toolbar-wrapper h3.page-title:before {
  display: none;
}
.template-collection .filters-toolbar-wrapper .filters-toolbar .open-fiter {
  background-color: #999;
  color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 0 10px;
  display: none;
  line-height: 36px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.template-collection .filters-toolbar-wrapper .filters-toolbar .open-fiter:hover {
  background-color: #333;
}
.template-collection .filters-toolbar-wrapper .filters-toolbar .changeViewMode {
  display: inline-block;
  border: none;
  width: 30px;
  height: 30px;
  overflow: hidden;
  vertical-align: top;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
  color: #ccc;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.template-collection .filters-toolbar-wrapper .filters-toolbar .changeViewMode > i {
  line-height: 30px;
}
.template-collection .filters-toolbar-wrapper .filters-toolbar .changeViewMode:hover, .template-collection .filters-toolbar-wrapper .filters-toolbar .changeViewMode.active, .template-collection .filters-toolbar-wrapper .filters-toolbar .changeViewMode:focus {
  outline: none;
  color: #333;
}
.template-collection .filters-toolbar-wrapper .list-view .btn-view {
  border: none;
  height: 30px;
  width: 30px;
  display: inline-block;
  cursor: pointer;
  border-radius: 0;
  position: relative;
  margin-right: 5px;
  background: #999;
}
.template-collection .filters-toolbar-wrapper .list-view .btn-view > a {
  color: #fff;
}
.template-collection .filters-toolbar-wrapper .list-view .btn-view:hover, .template-collection .filters-toolbar-wrapper .list-view .btn-view.active {
  background: #333;
}
.template-collection .filters-toolbar-wrapper .list-view .label-grid {
  margin: 0;
  margin-right: 5px;
  font-size: 12px;
  font-weight: normal;
  line-height: 30px;
}
.template-collection .filters-toolbar-wrapper label.label-sortby {
  margin-right: 5px;
  margin-bottom: 0;
  font-weight: normal;
  line-height: 30px;
  font-size: 12px;
}
.template-collection .filters-toolbar-wrapper .filters-toolbar-sort {
  padding: 0 15px;
  border: none;
  height: 30px;
  position: relative;
  cursor: pointer;
  line-height: 30px;
  width: 150px;
  max-width: 170px;
  margin: 0;
  font-size: 12px;
  background-color: #eee;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
@media only screen and (max-width: 767px) {
  .template-collection .filters-toolbar-wrapper .filters-toolbar-sort {
    padding: side-values(0 20px 0 10px);
  }
}
.template-collection .filters-toolbar-wrapper .filters-toolbar-sort:focus {
  outline: none;
}
.template-collection .btn.loadmore {
  border-radius: 0;
  text-transform: uppercase;
  font-size: 13px;
}
.template-collection .filters-toolbar-item {
  text-align: var(--right);
    position: relative;
    }
.template-collection .col-full .sidebar-fixed {
  display: none;
}
.template-collection .collection-image {
  margin-bottom: 20px;
}
.template-collection h1.collection-tille {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  padding: 0 0 10px;
  color: #222;
  display: inline-block;
}
.template-collection .col-full .collection-info {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.15);
}
.template-collection .col-full .collection-info .des {
  padding-bottom: 15px;
}
.template-collection .col-full .btn-fixed {
  display: none;
}
.template-collection .col-full .collection-info-full {
  text-align: center;
}
.template-collection .col-full .widget-filter {
  border-radius: 0;
  background: #f1f1f1;
}
.template-collection .col-full .widget-filter .block-layered-nav .block-title {
  display: none;
}
.template-collection .category-carousel {
  margin: 20px 0;
}
@media only screen and (min-width: 1200px) {
  .template-collection .category-carousel {
    margin: 30px 0;
  }
}
.template-collection .category-carousel .owl-nav div {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #c1c1c1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  top: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  position: absolute;
  color: #fff;
}
.template-collection .category-carousel .owl-nav div:hover {
  background: var(--main-color);
    }
.template-collection .category-carousel .owl-nav div.owl-prev {
  left: -15px;
  float: left;
  background-color: #c1c1c1;
}
.template-collection .category-carousel .owl-nav div.owl-prev:hover {
  background-color: var(--main-color);
    opacity: 1;
    }
.template-collection .category-carousel .owl-nav div.owl-next {
  right: -15px;
  float: right;
  background-color: #c1c1c1;
}
.template-collection .category-carousel .owl-nav div.owl-next:hover {
  background-color: var(--main-color);
    opacity: 1;
    }
.template-collection .category-carousel .product-category {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  position: relative;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.template-collection .category-carousel .product-category:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.template-collection .category-carousel .product-category:hover .category-info {
  bottom: 10px;
}
.template-collection .category-carousel .product-category .category-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.template-collection .category-carousel .product-category .category-info .category {
  margin-bottom: 15px;
  padding: 10px 0 7px;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.template-collection .category-carousel .product-category .category-info .category .category-info__title {
  padding: 0;
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
  color: #222;
  font-weight: bold;
}
.template-collection .category-carousel .product-category .category-info .category .category-info__count {
  font-size: 14px;
  color: var(--main-color);
    }
.template-collection #narrow-by-list {
  margin-bottom: 0;
}
.template-collection #narrow-by-list .filter-tags > div dd{
  border-bottom: 1px solid #ededed;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.template-collection #narrow-by-list .filter-tags > div:first-child dt {
  border: none;
}
.template-collection #narrow-by-list .category-filter {
  color: #000000;
  text-transform: uppercase;
  padding: 12px 0px 18px;
  line-height: 100%;
  font-size: 14px;
  font-weight: 400;
}
.template-collection #narrow-by-list dd {
  overflow: hidden;
  clear: both;
}
.template-collection #narrow-by-list dd dd ol li {
  display: inline-block;
}
.template-collection #narrow-by-list .filter-tags input[type="checkbox"] {
  display: none;
}
.template-collection #narrow-by-list .filter-tags dt a {
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 400;
  float: var(--right);
    letter-spacing: 0;
    line-height: 1px;
    }
.template-collection #narrow-by-list .filter-tags dt a.clear {
  position: relative;
  top: 15px;
  z-index: 4;
  padding-right: 10px;
}
.template-collection #narrow-by-list .filter-tags dd ol li {
  display: inline-block;
  padding: 4px 0;
}
.template-collection #narrow-by-list .filter-tags dd ol li.checked label {
  color: #fff;
  background: var(--main-color);
    }
.template-collection #narrow-by-list .filter-tags .category-filter {
  display: inline-block;
}
.template-collection #narrow-by-list .filter-tags .filter-color li {
  margin: 0 0px 12px 0 !important;
  padding: 0px;
  display: block;
  position: relative;
}
.template-collection #narrow-by-list .filter-tags .filter-color li a:hover{
  background: transparent;
  color: var(--main-color);
    }
.template-collection #narrow-by-list .filter-tags .filter-color li.white a:after {
  color: #222 !important;
}
.template-collection #narrow-by-list .filter-tags .filter-color li a .style-color {
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 0;
  position: relative;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  min-width: auto;
  border-radius: 50%;
  vertical-align: middle;
  margin-top: -2px;
}
.template-collection #narrow-by-list .filter-tags .filter-color li a img {
  width: 100%;
}
.template-collection #narrow-by-list .filter-tags .filter-color li a:after {
  content: '\f00c';
  display: inline-block;
  font-family: FontAwesome;
  text-align: center;
  font-size: 13px;
  color: #fff;
  position: absolute;
  left: -10px;
  opacity: 0;
}
.template-collection #narrow-by-list .filter-tags .filter-color li a:hover:after, .template-collection #narrow-by-list .filter-tags .filter-color li a.active:after {
  content: '\f00c';
  display: inline-block;
  font-family: FontAwesome;
  text-align: center;
  font-size: 13px;
  color: #fff;
  position: absolute;
  left: 10px;
  margin-left: -7px;
  opacity: 1;
}
.rtl .template-collection #narrow-by-list .filter-tags .filter-color li a:hover:after,.rtl .template-collection #narrow-by-list .filter-tags .filter-color li a.active:after {
	left: inherit;
  right: 10px;
}
.template-collection #narrow-by-list .filter-tags .filter-color li.black a .style-color {
  background-color: #000;
}
.template-collection #narrow-by-list .filter-tags .filter-color li.red a .style-color{
  background-color: #e12b2b;
}
.template-collection #narrow-by-list .filter-tags .filter-color li.white a .style-color{
  background-color: #fff;
}
.template-collection #narrow-by-list .filter-tags .filter-color li.blue a .style-color{
  background-color: #397bb5;
}
.template-collection #narrow-by-list .filter-tags .filter-color li.yellow a .style-color{
  background-color: #dbdb4e;
}
.template-collection #narrow-by-list .filter-tags .filter-color li.green a .style-color{
  background-color: #5b9d51;
}
.template-collection #narrow-by-list .filter-tags .filter-color li.pink a .style-color{
  background-color: #bd5db1;
}
.template-collection #narrow-by-list .filter-tags .filter-color li.brown a .style-color{
  background-color: #c07009;
}
.template-collection #narrow-by-list .filter-tags .filter-color li.cyan a .style-color{
  background-color: #25bdb0;
}
.template-collection #narrow-by-list .filter-tags .filter-color li.gold a .style-color{
  background-color: #f1c12e;
}
.template-collection #narrow-by-list .filter-tags .filter-color li.grey a .style-color{
  background-color: #ccc;
}
.template-collection #narrow-by-list .filter-tags .filter-color li.sliver a .style-color{
  background-color: #c0c0c0;
}
.template-collection #narrow-by-list .filter-tags dd li {
  margin-right: 3px;
}
.template-collection #narrow-by-list dd ol li label{
  font-weight: normal;
  cursor: pointer;
  display: block;
  font-size: 13px;
  line-height: 27px;
  text-align: center;
  color: #7d7d7d;
  border: 1px solid #e8e8e8;
  background: #fff;
  padding: 0 5px;
  min-width: 30px;
  margin: 0;
}
.template-collection #narrow-by-list dd ol li a .style-color {
  font-weight: normal;
  cursor: pointer;
  display: block;
  font-size: 13px;
  line-height: 27px;
  text-align: center;
  color: #7d7d7d;
  border: 1px solid #e8e8e8;
  background: #fff;
  padding: 0 5px;
  min-width: 30px;
  margin: 0;
}
.template-collection #narrow-by-list dd ol li a:hover, .template-collection #narrow-by-list dd ol li label:hover {
  color: #fff;
  background: var(--main-color);
    border-color: var(--main-color);
      }
.label-product {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 2;
  width: 46px;
  height: 20px;
  text-align: center;
  background: #222;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.label-product.label-sale {
  background: var(--label-sale);
    left: 15px;
    }
.label-product.label-new {
  background: var(--label-new);
    right: 15px;
    left: inherit;
    }
.box-price, .price {
  line-height: 22px;
  margin: 0 0 15px;
}
.box-price .price-old, .price .price-old {
  font-size: 14px;
  color: var(--old-price);
    text-decoration: line-through;
    display: inline-block;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    margin-left: 7px;
    }
.box-price .price-new, .price .price-new, .box-price span.price-regular, .price span.price-regular {
  font-size: 14px;
  vertical-align: top;
  font-weight: 400;
}
.box-price span.price-regular, .price span.price-regular {
  color: var(--new-price);
    }
.box-price .price-new, .price .price-new {
  color: var(--new-price);
    }
.zoomWrapper > div {
  width: 64px !important;
  height: 64px !important;
  background-color: #fff !important;
  right: 50% !important;
  margin: -32px 0 0 -32px !important;
  top: 50% !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 99 !important;
}
.custom-reviews {
  font-size: 11px;
  margin: 0 0 6px;
  overflow: hidden;
  color: #ffb800;
}
.custom-reviews .spr-badge-starrating {
  margin: 0 0px 0 -2px;
}
.custom-reviews .spr-icon.spr-icon-star-empty{
  opacity: 0.27;
}
.custom-reviews [class^="spr-icon-"]:before, .custom-reviews [class*=" spr-icon-"]:before {
  font-size: 100%;
  width: 1.3em;
  content: '' !important;
  width: 13px;
  height: 13px;
  background: url("star2.svg") no-repeat var(--left) top;
    vertical-align: middle;

    }
.custom-reviews .spr-icon-star-empty:before{
  background: url("Star.svg") no-repeat var(--left) top;
}

.custom-reviews .spr-badge-caption {
  display: none;
}
.label.label-stock {
  position: absolute;
  bottom: 55px;
  padding: 5px 8px;
  left: 15px;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  z-index: 2;
  line-height: 100%;
  color: #fff;
}
.label.label-stock.label1 {
  background-color: rgba(92, 184, 92, 1);
}
.label.label-stock.label2 {
  z-index: 3;
  background-color: rgba(222, 40, 40, 1);
}
.collection_info .collection_image {
  margin-bottom: 20px;
}
.collection_info .collection_image .collection_image_crop {
  background-repeat: no-repeat;
  background-size: cover;
  height: 360px;
  opacity: 1;
}
.collection_info .collection-des {
  margin-bottom: 20px;
}
.banner-collection .row {
  margin: 0px;
}
.banner-collection .row .col-xs-6 {
  padding: 0px;
}
.grid-view-item--sold-out .quickview-button {
  display: none;
}
.products-listing {
  /*---------------- PRODUCT GRID ------------------*/
  /*---------------- PRODUCT LIST -----------------*/
}
.products-listing .product-layout .left-block {
  position: relative;
  text-align: center;
}
.products-listing .product-layout .left-block .product-image-container {
  position: relative;
}
.products-listing .product-layout .left-block .product-image-container img {
  display: block;
  width: auto;
  margin: 0 auto;
  height: 100%;
  object-fit: cover;
  
}
.open-sidebar{
  display: none !important;
}
.products-listing .product-layout .left-block .label-sold-out {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -21px;
  transform: translateX(-50%);
  white-space: nowrap;
  background: #fff;
  text-transform: uppercase;
  color: #000000;
  padding: 13px 26px;
  font-size: 16px;
  line-height: 1em;
  text-align: center;
}
.products-listing .product-layout .left-block .label-sold-out span {
  display: table-cell;
  vertical-align: middle;
}
.products-listing .product-layout .description {
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 24px;
}
.products-listing .product-layout .description .label {
  margin-bottom: 0;
}
.products-listing .product-layout .caption h4 {
  margin: 0;
  font-size: 14px;
}
.products-listing .product-layout:hover .left-block .countdown_box {
  z-index: 99;
  display: block;
  opacity: 0;
}
.products-listing.grid {
  z-index: 2;
  clear: both;
}
.products-listing .product-layout {
/*   display: block; */
}
.products-listing .product-layout .product-item, .products-listing .product-layout .product-item{
  padding-bottom: 0;
}
.products-listing .product-layout .product-item-container {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
  background: #fff;
}

.products-listing .product-layout .product-item-container .product-card__gallery {
  position: absolute;
  z-index: 9;
  top: 0px;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  -ms-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
  margin: 10px;
}
.products-listing .product-layout .product-item-container .product-card__gallery.product-card__left {
  transform: translateX(if-ltr(-100%, 100%));
  left: 0;
}
.products-listing .product-layout .product-item-container .product-card__gallery.product-card__right {
  transform: translateX(if-ltr(100%, -100%));
  right: 0;
}
.products-listing .product-layout .product-item-container .product-card__gallery.product-card__bottom {
  top: auto;
  bottom: 0;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
.products-listing .product-layout .product-item-container .product-card__gallery.product-card__bottom .item-img {
  width: 20px;
  height: 8px;
  background: #999;
  margin: 1px;
  margin-left: 1px;
  border: none;
}
.products-listing .product-layout .product-item-container .product-card__gallery.product-card__bottom .item-img.thumb-active {
  border: none;
  width: 50px;
}
.products-listing .product-layout .product-item-container .product-card__gallery.product-card__bottom .item-img img {
  display: none;
}
.products-listing .product-layout .product-item-container .product-card__gallery .item-img {
  padding: 1px;
  background: white;
  border: 1px solid #999;
  margin: 0 0 3px;
  cursor: pointer;
  opacity: 0.8;
}
.products-listing .product-layout .product-item-container .product-card__gallery .item-img.thumb-active {
  opacity: 1;
  border: 1px solid var(--main-color);
    }
.products-listing .product-layout .product-item-container .box-countdown {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 25%;
}
.products-listing .product-layout .product-item-container .box-countdown .countdown_inner {
  margin: 0 auto;
  display: inline-block;
}
.products-listing .product-layout .product-item-container .box-countdown .countdown_inner .deals-time {
  float: var(--left);
    min-width: 38px;
    margin-right: 2px;
    background: #444;
    }
.products-listing .product-layout .product-item-container .box-countdown .countdown_inner .deals-time .num-time {
  font-size: 14px;
  color: #fff;
  margin: 0;
  border: none;
  line-height: 100%;
  font-weight: bold;
  padding: 5px 0 2px;
  background: rgba(255, 255, 255, 0.06);
}
.products-listing .product-layout .product-item-container .box-countdown .countdown_inner .deals-time .title-time {
  font-size: 10px;
  color: #fff;
  margin: 0;
  line-height: 22px;
  text-transform: uppercase;
}
.products-listing .product-layout .product-item-container .price {
  overflow: hidden;
  width: 100%;
  margin-bottom: 5px;
}

.products-listing .product-layout .product-item-container .price .price-left {
  float: var(--left);
    width: 70%;
    }
.products-listing .product-layout .product-item-container .price .price-left .price-old {
  line-height: normal;
  display: block;
  text-decoration: line-through;
  color: #ccc;
  font-size: 14px;
  font-weight: normal;
  padding-top: 2px;
}
.products-listing .product-layout .product-item-container .price .price-right {
  float: var(--left);
    width: 30%;
    text-align: var(--right);
      }
.products-listing .product-layout .product-item-container .price .price-right span {
  background: var(--main-color);
    color: #fff;
    font-weight: bold;
    display: inline-block;
    font-size: 16px;
    width: 40px;
    height: 40px;
    padding: 3px 0;
    text-align: center;
    border-radius: 5px;
    line-height: 17px;
    position: relative;
    top: 0;
    }
.products-listing .product-layout .product-item-container .price .price-right span:before {
  content: "";
  position: absolute;
  top: 13px;
  bottom: auto;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 10px solid var(--main-color);
    right: auto;
    left: -7px;
    }
.products-listing .product-layout .product-item-container .price .price-right span strong {
  display: block;
  font-size: 12px;
}
.products-listing .product-layout .product-item-container.sold-out {
  opacity: 0.7;
}
.products-listing .product-layout .product-item-container.sold-out .quickview-button {
  display: none !important;
}
.products-listing .product-layout .product-item-container .button-link {
  z-index: 9;
  display: flex;
  justify-content: center;
}
.products-listing .product-layout .product-item-container .button-link .disabled {
  cursor: not-allowed;
}

.products-listing .product-layout .product-item-container .button-link .btn_sold_out, .products-listing .product-layout .product-item-container .button-link .btn_df {
  border: none;
  display: block;
  margin-top: 0px;
  padding: 0;
  background-color: #fff;
  border: 1px solid var(--main-color);
    border-radius: 50%;
    color: var(--main-color);
      width: 38px;
      height: 38px;
      line-height: 38px;
      text-align: center;
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;
      opacity: 0;
      visibility: hidden;
      text-transform: uppercase;
      margin: 0 6px;
      }

.products-listing .product-layout .product-item-container .button-link .btn_sold_out:hover, .products-listing .product-layout .product-item-container .button-link .btn_df:hover {
  background: var(--main-color);
    border-color: var(--main-color);
      }
.products-listing .product-layout .product-item-container .button-link .btn_sold_out:hover i, .products-listing .product-layout .product-item-container .button-link .btn_df:hover i {
  color: #fff;
}
.products-listing .product-layout .product-item-container .add-to-cart{
  position: relative;
  width: 100%;
  background: #fff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 1;
  z-index: 1;
}
.products-listing .product-layout .product-item-container .btn_sold_out, .products-listing .product-layout .product-item-container .add-to-cart .btn_df {
  width: 90%;
  margin-left: 5%;
  display: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border: 1px solid var(--main-color);
    text-transform: uppercase;
    color: var(--main-color);
      padding: 4px 0;
      
      }

  .products-listing .product-layout .product-item-container .btn_sold_out, .products-listing .product-layout .product-item-container .add-to-cart .btn_df{
    display: block;

.rtl .products-listing .product-layout .product-item-container .btn_sold_out,.rtl .products-listing .product-layout .product-item-container .add-to-cart .btn_df {
  margin-left: -1px;
  margin-right: 0;
}

.products-listing .product-layout .product-item-container .btn_sold_out i, .products-listing .product-layout .product-item-container .add-to-cart .btn_df i {
  width: auto;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.products-listing .product-layout .product-item-container .btn_sold_out:hover, .products-listing .product-layout .product-item-container .add-to-cart .btn_df:hover {
  background: var(--main-color);
    border-color: var(--main-color);
      }
.products-listing .product-layout .product-item-container .btn_sold_out:hover span, .products-listing .product-layout .product-item-container .add-to-cart .btn_df:hover span, .products-listing .product-layout .product-item-container .btn_sold_out:hover i, .products-listing .product-layout .product-item-container .add-to-cart .btn_df:hover i {
  color: #fff;
}
.products-listing .product-layout .product-item-container .left-block {
  position: relative;
  margin-bottom: 15px;
}
.products-listing .product-layout .product-item-container .left-block .button-link {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -20px;
}
.products-listing .product-layout .product-item-container .left-block .product-image-container > a {
  position: relative;
  display: block;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.products-listing .product-layout .product-item-container .right-block {
  position: relative;
  padding: 0 15px 0px;
}
.products-listing .product-layout .product-item-container .right-block .description {
  display: none;
}
.products-listing .product-layout .product-item-container .right-block .button-link {
  position: absolute;
  bottom: -50px;
  width: 100%;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;

}
.products-listing .product-layout .product-item-container .right-block .title-vendor{
  margin-bottom: 5px;
}

.products-listing .product-layout .product-item-container .right-block .title-vendor a {
  color: #ccc;
  font-size: 12px;

}
.products-listing .product-layout .product-item-container .right-block .title-vendor a:hover {
  color: var(--main-color);
    }
.products-listing .product-layout .product-item-container .right-block .caption h4 {
  font-weight: 400;
  text-transform: capitalize;
  font-size: 14px;
  margin-bottom: 4px;
  margin-top: 6px;
}
.products-listing .product-layout .product-item-container .right-block .caption h4 a {
  font-size: 14px;
  color: #000;
  text-transform: capitalize;
  line-height: 19px;
}
.products-listing .product-layout .product-item-container .right-block .caption h4 a:hover {
  color: var(--main-color);
    }
.products-listing .product-layout .product-item-container .second-img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  background: #fff;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.products-listing .product-layout.list__item .product-item-container:hover .button-link .btn_df,
.products-listing .product-layout.grid__item .product-item-container:hover .button-link .btn_df,
.products-listing.grid .product-layout .product-item-container:hover .button-link .btn_df {
  opacity: 0;
    display: none;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.products-listing .product-layout .product-item{
  padding: 15px;
}
.products-listing .product-layout .product-item-container:before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 4px 26px rgba(0,96,255,.1);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
}
.products-listing .product-layout .product-item-container:hover:before{
  opacity: 1;
}
.products-listing .product-layout .product-item-container:hover .add-to-cart{
  opacity: 1;
  bottom: 0;
}
.products-listing .product-layout .product-item-container:hover .product-card__gallery {
  visibility: visible;
  transform: translateX(0%);
}
.products-listing .product-layout .product-item-container:hover .label-stock,
.products-listing .product-layout .product-item-container:hover .countdown_tab {
   opacity: 0;
  bottom: -60px;
}
.products-listing .product-layout .product-item-container:hover .second-img {
  opacity: 1;
  z-index: 2;
  visibility: visible;
}
.products-listing .list__item .caption h4 {
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.products-listing .list__item .caption h4 a {
  color: #222;
  font-size: 16px;
}
.products-listing .list__item .caption h4 a:hover {
  color: var(--main-color);
    }
.products-listing .list__item.product-layout .product-item {
  background: #fff;
  margin-bottom: 25px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 3px;
}
.products-listing .list__item.product-layout .product-item-container {
  overflow: hidden;
  border: none;
}
.products-listing .list__item.product-layout .product-item-container:hover {
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.products-listing .list__item.product-layout .product-item-container .price {
  margin: 5px 0 10px;
}
.products-listing .list__item.product-layout .product-item-container .left-block {
  width: 300px;
  float: var(--left);
    margin-bottom: 0;
    padding: 10px;
    }
.products-listing .list__item.product-layout .product-item-container:hover .add-to-cart{ 
  bottom: 10px;
}
@media only screen and (max-width: 479px) {
  .products-listing .list__item.product-layout .product-item-container .left-block {
    width: 100%;
    margin-bottom: 20px;
  }
}

.products-listing .list__item.product-layout .product-item-container .right-block {
  margin-left: 330px;
  padding-top: 40px;
}
.rtl .products-listing .list__item.product-layout .product-item-container .right-block{
  margin-left: 0px;
  margin-right: 330px;
}
@media only screen and (max-width: 479px) {
  .products-listing .list__item.product-layout .product-item-container .right-block {
    margin-left: 0px;
  }
}
.products-listing .list__item.product-layout .product-item-container .right-block .description {
  display: block;
}
.products-listing .list__item.product-layout .product-item-container .right-block .button-link {
  display: block;
  margin-bottom: 20px;
  position: relative;
}
.products-listing .list__item.product-layout .product-item-container .right-block .button-link >div{
  display: inline-block;
}
.products-listing .list__item.product-layout .product-item-container .right-block .button-link .btn_df {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  opacity: 0;
}
.products-listing .list__item.product-layout .product-item-container:hover .button-link .btn_sold_out, .products-listing .list__item.product-layout .product-item-container:hover .button-link .btn_df {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  opacity: 1;
}
.products-listing .list__item.product-layout .product-item-container:hover .price, .products-listing .list__item.product-layout .product-item-container:hover .custom-reviews {
  opacity: 1;
}
.products-listing .list__item.product-layout .product-item-container:hover .product-card__gallery {
  visibility: visible;
  transform: translateX(0%);
}
.products-listing .list__item.product-layout .product-item-container:hover .countdown_tab {
  opacity: 0;
}
.products-listing .list__item.product-layout .product-item-container:hover .second-img {
  opacity: 1;
  z-index: 2;
  visibility: visible;
}
@media only screen and (max-width: 991px) {
  .positon-sidebar .open-sidebar {
    background: #666;
    padding: 2px 10px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
    display: inline-block;
  }
  .positon-sidebar .open-sidebar:hover {
    color: #fff;
    background: #666;
  }
  .positon-sidebar .open-sidebar .fa {
    font-size: 14px;
    margin-right: 5px;
  }
  .positon-sidebar .open-sboff {
    height: 100%;
    overflow: hidden;
  }
  .positon-sidebar .sidebar-fixed {
    padding-left: 15px !important;
    padding-right: 10px !important;
    background: #fff;
    width: 300px;
    position: fixed;
    left: -140%;
    top: 0px;
    bottom: 0px;
    z-index: 9999;
    height: 100%;
    overflow-x: scroll;
    -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    padding-top: 30px;
    margin: 0px;
  }
  .positon-sidebar .sidebar-fixed.active {
    left: 0;
    display: block !important;
  }
  .positon-sidebar .sidebar-fixed.active .show-offcanvas {
    display: block;
  }
  .positon-sidebar .sidebar-fixed .btn-fixed {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 16px;
    display: block;
  }
  .positon-sidebar .sidebar-overlay {
    background: rgba(0, 0, 0, 0.5);
    display: none;
    height: 100%;
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0px;
    right: 0px;
    width: 100%;
    z-index: 9998;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
  }
}
.sidebar .widget.widget_product_categories .product-categories.accordion-categories li.cat-parent > ul{
  margin: 0;
}
/*============================================================================ ========================= SECCTION FILTER SIDEBAR ============================= ==============================================================================*/
.sidebar-product .block, .col-sidebar .block {
  overflow: hidden;
  background: #fff;
  margin-bottom: 30px;
}
.col-sidebar .block-category, .sidebar-product .block-category{
  border-bottom: 1px solid #ededed;
padding-bottom: 10px;
}

.col-sidebar .block-category .toggle-menu{
  max-height: 220px;
overflow-y: auto;
  scrollbar-color: #d7d7d7 #f0f0f0;
scrollbar-width: thin;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .sidebar-product .block, .col-sidebar .block {
    margin-bottom: 20px;
  }
}
.sidebar-product .block.sidebar-banner, .col-sidebar .block.sidebar-banner {
  border: none;
}
.sidebar-product .block.sidebar-banner img, .col-sidebar .block.sidebar-banner img {
  width: 100%;
}
.sidebar-product .block .widget-content, .col-sidebar .block .widget-content {
  max-height: 360px;
  overflow-y: auto;
}
.sidebar-product .block-title, .col-sidebar .block-title {
  line-height: 100%;
  width: 100%;
  font-weight: 500;
  position: relative;
  text-transform: uppercase;
  font-size: 18px;
  color: #222;
  margin-bottom: 12px;
}
.sidebar-product .block-title strong, .col-sidebar .block-title strong {
  font-weight: 500;
}
.sidebar-html .services-sidebar li:last-child .service-content {
  border: none;
}
.sidebar-html .services-sidebar li .service-content {
  border-bottom: 1px dashed var(--border-color);
    padding: 20px 0;
    }
.sidebar-html .services-sidebar li .service-content .service-icon {
  display: inline-block;
  font-size: 30px;
  line-height: 1.2;
  min-width: 36px;
  text-align: center;
  vertical-align: top;
  font-size: 24px;
  color: #000;
    }
@media only screen and (min-width: 992px) {
  .sidebar-html .services-sidebar li .service-content .service-icon {
    font-size: 30px;
  }
}
.sidebar-html .services-sidebar li .service-content .service-info {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
}
.sidebar-html .services-sidebar li .service-content .service-info h4 {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 0 5px;
  color: #000;
}
.sidebar-html .services-sidebar li .service-content .service-info p {
  margin: 0;
  font-size: 12px;
}
.block-category .toggle-menu > li {
  padding: 7px 35px;
  position: relative;
}
.block-category .toggle-menu > li.active a,
.block-category .toggle-menu > li:hover a{
  color: var(--main-color);
}
.block-category .toggle-menu > li:hover:after,
.block-category .toggle-menu > li.active:after {
   content: "\f00c";
  position: absolute;
  font-family: 'FontAwesome';
  width: 18px;
  height: 18px;
  border-radius: 50%;
  top: 17px;
  left: 3px;
  margin-top: -9px;
  color: var(--main-color);
}
.block-category .toggle-menu > li:before{
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border: 1px solid #dedede;
  border-radius: 50%;
  top: 19px;
  left: 0;
  margin-top: -9px;
}
.rtl .block-category .toggle-menu > li:before{
  left: inherit;
  right: 0;
}
.block-category .toggle-menu a .count {
  float: var(--right);
    min-width: 28px;
    text-align: var(--right);
      }
.block-category .toggle-menu .caret {
  float: var(--right);
    width: 30px;
    text-align: center;
    font-size: 14px;
    }
#layered-navigation .block-layered-nav {
  border: none;
  margin: 0;
}
#layered-navigation .block-layered-nav .block-title{
  display: none;
}
#layered-navigation .block-layered-nav .widget-content {
  margin: 0;
  border-bottom: 1px solid var(--border-color);
    padding: 0 20px 15px;
    }
#layered-navigation .block-layered-nav .block-content {
  width: 100%;
  border-top: 0;
  padding: 0px;
}
.product-photo-thumbs:not(.slick-slider) .item, .quickview-featured-image:not(.slick-slider) .thumb + .thumb, .slider-nav:not(.slick-slider) .item, .slider-for:not(.slick-slider) .thumb + .thumb {
  display: none;
}
#shopify-section-sidebar-filter-collection .block-title{
  color: #000;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 500;
  margin-bottom: 10px;
}
/*============================================================================ =============================== PAGE DETAIL =============================== ==============================================================================*/
.product-single {
  background: #fff;
  /*   overflow: hidden; */
  /* Product Thumb */
  /* PANEL BOTTOM */
}
.product-single .price{
  font-size: 21px;
  color: var(--main-color);
    }
.product-single .description .jfk-bubble {
  display: none;
}
.product-single .product-single__image .large-image {
  cursor: pointer;
  display: block;
  padding: 1px;
  overflow: hidden;
  position: relative;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
}
.product-single .product-media {
  position: relative;
}
.product-single .product-media .slick-arrow:before{
  display: none;
}

.product-single .product-media .slick-slide img {
  margin: 0 auto;
}
.product-single .product-media .slick-list {
  overflow: hidden;
}
.product-single .product-media .slick-list .item.slick-current a {
  border-color: var(--main-color);
    }
.product-single .product-media .slick-list .item a {
  display: block;
  border: 1px solid transparent;
  overflow: hidden;
}
.product-single .product-media .slick-list .item a:hover {
  border-color: var(--main-color);
    }
.product-single .product-media.thumbnais-bottom .product-photo-container {
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) {
  .product-single .product-media.thumbnais-bottom .slider-nav:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
  }
  .product-single .product-media.thumbnais-bottom .slider-nav:hover .slick-arrow.slick-next {
    right: -18px;
  }
  .product-single .product-media.thumbnais-bottom .slider-nav:hover .slick-arrow.slick-prev {
    left: -18px;
  }
}
.product-single .product-media.thumbnais-bottom .slider-nav .slick-list {
  margin: 0 -5px;
}
.product-single .product-media.thumbnais-bottom .slider-nav .slick-slide {
  padding: 0 5px;
  text-align: center;
}
.product-single .product-media.thumbnais-bottom .slider-nav .slick-arrow {
  display: block;
  padding: 0px;
  border: 0px;
  width: auto;
  height: auto;
  line-height: 30px;
  position: absolute;
  background: none;
  z-index: 99;
  top: 50%;
  outline: none;
  cursor: pointer;
  background: #999;
  color: #fff;
  width: 30px;
  height: 30px;
  font-size: 14px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1200px) {
  .product-single .product-media.thumbnais-bottom .slider-nav .slick-arrow {
    opacity: 0;
    visibility: hidden;
  }
}
.product-single .product-media.thumbnais-bottom .slider-nav .slick-arrow:hover {
  background: var(--main-color);
    }
.product-single .product-media.thumbnais-bottom .slider-nav .slick-arrow.slick-next {
  right: 0px;
}
@media only screen and (min-width: 1200px) {
  .product-single .product-media.thumbnais-bottom .slider-nav .slick-arrow.slick-next {
    right: 10px;
  }
}
.product-single .product-media.thumbnais-bottom .slider-nav .slick-arrow.slick-prev {
  left: 0px;
}
@media only screen and (min-width: 1200px) {
  .product-single .product-media.thumbnais-bottom .slider-nav .slick-arrow.slick-prev {
    left: 10px;
  }
}
.product-single .product-media.thumbnais-left, .product-single .product-media.thumbnais-right {
  position: relative;
}
.product-single .product-media.thumbnais-left .slick-arrow, .product-single .product-media.thumbnais-right .slick-arrow {
  text-align: center;
  font-size: 25px;
  cursor: pointer;
}
.product-single .product-media.thumbnais-left .product-photo-container, .product-single .product-media.thumbnais-right .product-photo-container {
  float: var(--left);
    width: calc(100% - 112px);
    }
@media only screen and (max-width: 568px) {
  .product-single .product-media.thumbnais-left .product-photo-container, .product-single .product-media.thumbnais-right .product-photo-container {
    width: calc(100% - 92px);
  }
}
.product-single .product-media.thumbnais-left .slick-vertical, .product-single .product-media.thumbnais-right .slick-vertical {
  width: 98px;
  height: 100%;
  position: absolute;
  top: 0;
}
@media only screen and (max-width: 568px) {
  .product-single .product-media.thumbnais-left .slick-vertical, .product-single .product-media.thumbnais-right .slick-vertical {
    width: 80px;
  }
}
.product-single .product-media.thumbnais-left .slick-vertical .item, .product-single .product-media.thumbnais-right .slick-vertical .item {
  padding: 5px 0;
}
.product-single .product-media.thumbnais-left .product-photo-container {
  float: var(--right);
    }
.product-single .product-media.thumbnais-left .slick-vertical {
  left: 0;
  right: auto;
}
.product-single .product-media.thumbnais-right .product-photo-container {
  float: var(--left);
    }
.product-single .product-media.thumbnais-right .slick-vertical {
  left: auto;
  right: 0;
}


.product-single .product-single__detail .spr-badge {
  float: var(--left);
    }
.product-single .product-single__detail .spr-badge .spr-icon{
  top: -1px;
}
.product-single .product-single__detail .simp-ask-question-header .simpAskQuestion-Qcontent h3 {
  font-weight: 400;
}
.product-single .product-single__detail .simp-ask-question-header .simpAskQuestionForm-btnOpen {
  right: 0 !important;
  left: inherit !important;
}
.rtl .product-single .product-single__detail .simp-ask-question-header .simpAskQuestionForm-btnOpen{
  left: 0 !important;
  right: inherit !important;
}
.product-single .product-single__detail .product-single__title {
  text-transform: none;
  font-weight: 400;
  font-size: 22px;
  color: #444;
}

.product-single .product-single__detail .product-description {
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 12px;
  color: #666;
  width: 100%;
  display: inline-block;
}
.product-single .product-single__detail .custom-reviews {
  margin-left: -4px;
  font-size: 13px;
  color: var(--star-base);
    }
.product-single .product-single__detail .custom-reviews .spr-badge-caption {
  display: inline-block;
  color: #999;
}
.product-single .product-single__detail .custom-reviews .spr-badge-caption:before {
  content: "|";
  margin-left: 15px;
  left: -9px;
  position: relative;
}

.product-single .product-single__detail .product-price .price-box .product-price__price, .product-single .product-single__detail .product-price .price-box .special-price {
  color: #222;
  font-size: 22px;
  padding: 0 5px 0 0;
  font-weight: 500;
}

.product-single .product-single__detail .product-price .price-box .old-price {
  color: #999;
  text-decoration: line-through;
  font-size: 14px;
}
.product-single .product-single__detail .product-info {
  margin: 10px 0;
  color: #666;
  position: relative;
}
.product-single .product-single__detail .product-info p {
  margin-bottom: 0;
  display: none;
  line-height: 20px;
}
.product-single .product-single__detail .product-info p a {
  color: #666;
}
.product-single .product-single__detail .product-info p a:hover {
  color: var(--main-color);
    }
.product-single .product-single__detail .product-info i {
  color: #598a23;
}
.product-single .product-single__detail .product-info label {
  display: inline-block;
  color: #222;
  padding-right: 5px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
}
.product-single .product-single__detail label {
  color: #777;
  font-weight: 400;
  text-transform: capitalize;
  padding: 0;
  font-size: 14px;
  float: left;
  line-height: 33px;
  margin-right: 15px;
}
.product-single .product-single__detail .variant-sku{
  line-height: 33px;
}

@media only screen and (min-width: 1200px) {
  .product-single .product-single__detail label {
    min-width: 98px;
  }
}
.product-single .product-single__detail .total-price {
  margin-bottom: 15px;
}
.product-single .product-single__detail .total-price span.money {
  font-size: 15px;
  font-weight: 700;
  color: #ff3c20;
}
.product-single .product-single__detail .product-single__description {
  margin: 0 0 10px;
  line-height: 20px;
}
.product-single .product-single__detail .product-single__description label {
  display: block;
  color: #222;
  padding-right: 5px;
}
.product-single .product-single__detail .product-form-product-template {
  margin: 0;
}
.product-single .product-single__detail .product-form-product-template .show_block .selector-wrapper {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
.product-single .product-single__detail .product-form-product-template .show_block .selector-wrapper label {
  position: absolute;
  line-height: 40px;
  font-size: 14px;
  color: #222;
}
.product-single .product-single__detail .product-form-product-template .show_block .selector-wrapper select {
  padding: 5px 0 5px 15px;
  min-width: 160px;
  margin-left: 70px;
  height: 40px;
  border: 1px solid #d7d7d7;
  color: #666;
}
.product-single .product-single__detail .product-form-product-template .show_block .selector-wrapper select:focus {
  outline: none;
}
.product-single .product-single__detail .product-options-bottom {
  margin: 0 0px 20px;
  overflow: hidden;
  float: var(--left);
    display: inline-block;
    }
.product-single .product-single__detail .product-options-bottom .product-form__item--quantity {
  overflow: hidden;
  float: var(--left);
    height: 40px;
    }
.product-single .product-single__detail .product-options-bottom .product-form__item--quantity label {
  float: var(--left);
    line-height: 40px;
    color: #222;
    margin: side-values(0 5px 0 0);
    }
.product-single .product-single__detail .product-options-bottom .product-form__item--quantity label.quantity-selector {
  min-width: auto !important;
  padding: 0 10px;
}
.product-single .product-single__detail .product-options-bottom .product-form__item--quantity .form_qty {
  display: inline-block;
  vertical-align: middle;
  padding-right: 20px;
  line-height: 40px;
}
.rtl .product-single .product-single__detail .product-options-bottom .product-form__item--quantity .form_qty{
  padding-left: 20px;
  padding-right: 0px;
}
.product-single .product-single__detail .product-options-bottom .product-form__item--quantity .form_qty .inline {
  position: relative;
  float: var(--right);
    line-height: 40px;
    }
.product-single .product-single__detail .product-options-bottom .product-form__item--quantity input.quantity-selector {
  width: 70px;
  height: 40px;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  border: none;
  background: #f5f5f5;
  padding: 0;
  border-radius: 0;
  line-height: 40px;
  outline: none;
}
.product-single .product-single__detail .product-options-bottom .product-form__item--quantity .items {
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url("plus-minus.png") no-repeat #444;;
}
@media only screen and (max-width: 568px) {
  .product-single .product-single__detail .product-options-bottom .product-form__item--quantity .items {
    display: none;
  }
}
.product-single .product-single__detail .product-options-bottom .product-form__item--quantity .items:hover {
  background-color: var(--main-color);
    }
.product-single .product-single__detail .product-options-bottom .product-form__item--quantity .items.reduced {
  background-position: 4px -45px;
}
.product-single .product-single__detail .product-options-bottom .product-form__item--quantity .items.increase {
  background-position: 4px 4px;
}
.product-single .product-single__detail .product-options-bottom .product-form__item--submit {
  float: var(--left);
    padding: 0;
  width: 100%;
    }
.product-single .product-single__detail .product-options-bottom .product-form__item--submit .btn.product-form__cart-submit {
      background: #000;
    background-color: #000;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 0 0px;
    height: 50px;
    line-height: 49px;
    min-width: 198px;
    text-transform: uppercase;
    border-radius: 0;
    border: 0;
    margin-right: 0px;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 14px;
    font-weight: 400;
    clear: both;
    width: 100%;
    box-shadow: none;
}
.rtl .product-single .product-single__detail .product-options-bottom .product-form__item--submit .btn.product-form__cart-submit {
	margin-left: 20px;
  margin-right: 0px;
}
.product-single .product-single__detail .product-options-bottom .product-form__item--submit .btn.product-form__cart-submit:hover {
  background: #222;
  color: #fff;
}
.product-single .product-single__detail .simpAsk-container {
  margin: 0 0 20px;
}
.product-single .product-single__detail .simpAsk-container .simpAsk-title-container {
  display: none;
}
.product-single .product-single__detail .simpAsk-container .simp-ask-question-header {
  padding: 0;
  background: none;
  margin-bottom: 20px;
}
.product-single .product-single__detail .simpAsk-container .simp-ask-question-header .button{
  color: #000;
  background: #ddd;
}
.product-single .product-single__detail .simpAsk-container .simp-ask-question-header .button:hover{
  color: #fff;
  background: var(--main-color);
}
.product-single .product-single__detail .shopify-payment-button {
  display: inline-block;
  float: var(--left);
    margin-right: 10px;
  width: 100%;
    }
.rtl .product-single .product-single__detail .shopify-payment-button {
  margin-right: 0px;
  margin-left: 10px;
}
.product-single .product-single__detail .shopify-payment-button .shopify-payment-button__button {
  height: 50px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 0;
  text-transform: uppercase;
  background: var(--main-color);
  color: #fff;
  margin-bottom: 0;
  border: none;
  box-shadow: none;
}
.product-single .product-single__detail .shopify-payment-button .shopify-payment-button__button:hover {
  background: var(--main-color-darker);
  color: #fff;
  width: 100%;
    }
.product-single .product-single__detail .shopify-payment-button .shopify-payment-button__more-options {
  height: 0;
}
.product-single .product-single__detail .product-single__sold {
  text-align: right;
  color: #f50;
  font-weight: bold;
}
.product-single .product-single__detail .product-single__sold .fa {
  font-size: 1.8rem;
  padding: 0 10px;
}
.product-single .product-single__detail .product-addto-links {
  float: var(--left);
    display: none;
    }
.product-single .product-single__detail .product-addto-links .btn_df {
  background: #fff;
  height: 50px;
  width: 50px;
  line-height: 48px;
  display: block;
  color: #222;
  text-align: center;
  padding: 0;
  border: 1px solid #222;
  font-size: 14px;
}
.product-single .product-single__detail .product-addto-links .btn_df span {
  display: none;
}
.product-single .product-single__detail .product-addto-links .btn_df:hover {
  border-color: var(--main-color);
    color: var(--main-color);
      }
.product-single .product-single__detail .social_share_detail {
  margin: 10px 0 20px;
  display: inline-block;
  width: 100%;
  padding: 20px 0 22px;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.product-single .product-single__detail .social_share_detail ul {
  display: inline-block;
}
.product-single .product-single__detail .social_share_detail label {
  float: var(--left);
    line-height: 30px;
    margin-bottom: 0;
    }
.product-single .detail_category, .product-single .detail_tag {
  display: block;
  overflow: hidden;
  width: 100%;
}
.product-single .detail_category h2, .product-single .detail_tag h2 {
  float: var(--left);
    min-width: 90px;
    line-height: 25px;
    color: #777;
    margin: 0;
    font-size: 14px;
    text-transform: capitalize;
    }
.product-single .detail_category li, .product-single .detail_tag li {
  display: inline-block;
  padding-right: 5px;
}
.product-single .detail_category li a, .product-single .detail_tag li a {
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  line-height: 21px;
  display: inline-block;
}
.product-single .detail_category li a:hover, .product-single .detail_tag li a:hover {
  color: var(--main-color);
    }
.product-single .thumbnails-slide .owl-nav {
  opacity: 0;
}
.product-single .thumbnails-slide:hover .owl-nav {
  opacity: 1;
}
.product-single .thumbnails-slide .owl-nav div {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #c1c1c1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  top: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  position: absolute;
  color: #fff;
}
.product-single .thumbnails-slide .owl-nav div:hover {
  background: var(--main-color);
    }
.product-single .thumbnails-slide .owl-nav div.owl-prev {
  left: -15px;
  float: left;
  background-color: #c1c1c1;
}
.product-single .thumbnails-slide .owl-nav div.owl-prev:hover {
  background-color: var(--main-color);
    opacity: 1;
    }
.product-single .thumbnails-slide .owl-nav div.owl-next {
  right: -15px;
  float: right;
  background-color: #c1c1c1;
}
.product-single .thumbnails-slide .owl-nav div.owl-next:hover {
  background-color: var(--main-color);
    opacity: 1;
    }
.product-single .detail-bottom {
  margin: 35px 0;
  width: 100%;
  display: none;
}
@media only screen and (max-width: 767px) {
  .product-single .detail-bottom {
    margin: 15px 0;
  }
}
.product-single .detail-bottom .tab-vertical {
  margin: 0;
  border-top: 1px solid var(--border-color);
    background: #fff;
    padding-top: 40px;
    }
.product-single .detail-bottom .tab-vertical ul.nav-tabs {
  float: var(--left);
    width: 220px;
    border: none;
    }
@media only screen and (max-width: 568px) {
  .product-single .detail-bottom .tab-vertical ul.nav-tabs {
    width: 100%;
    float: none;
  }
}
.product-single .detail-bottom .tab-vertical ul.nav-tabs li {
  display: block;
  border-bottom: 0;
  font-size: 16px;
  color: #444;
  padding: 8px 0px;
  margin: 0 -1px 0 0;
  cursor: pointer;
  float: none;
  font-weight: 400;
  position: relative !important;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .product-single .detail-bottom .tab-vertical ul.nav-tabs li {
    padding: 5px 15px;
  }
}
@media only screen and (max-width: 568px) {
  .product-single .detail-bottom .tab-vertical ul.nav-tabs li {
    width: 100%;
    float: none;
  }
}
.product-single .detail-bottom .tab-vertical .button-primary{
  padding: 10px 25px;
}
.product-single .detail-bottom .tab-vertical ul.nav-tabs li:first-child {
  border: none;
}
.product-single .detail-bottom .tab-vertical ul.nav-tabs li a {
  padding: 0;
  border: none;
  background: #fff;
  font-size: 16px;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
}
.product-single .detail-bottom .tab-vertical ul.nav-tabs li a:before {
  content: "";
  background: #000000;
  width: 0px;
  height: 2px;
  left: 0;
  top: 50%;
  position: absolute;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
}
.rtl .product-single .detail-bottom .tab-vertical ul.nav-tabs li a:before{
  left: inherit;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .product-single .detail-bottom .tab-vertical ul.nav-tabs li a {
    font-size: 14px;
  }
}

.product-single .detail-bottom .tab-vertical ul.nav-tabs li.active a,
.product-single .detail-bottom .tab-vertical ul.nav-tabs li:hover a{
  padding-left: 36px;
  background: transparent;
  color: #000000;
}
.rtl .product-single .detail-bottom .tab-vertical ul.nav-tabs li.active a,
.rtl .product-single .detail-bottom .tab-vertical ul.nav-tabs li:hover a{
  padding-right: 36px;
  padding-left: inherit;
}
.product-single .detail-bottom .tab-vertical ul.nav-tabs li.active a:before,
.product-single .detail-bottom .tab-vertical ul.nav-tabs li:hover a:before{
  width: 20px;
}
.product-single .detail-bottom .tab-vertical .tab-content {
  padding: 0;
  background-color: #fff;
  min-height: 210px;
  margin-left: 220px;
  clear: none;
}
.rtl .product-single .detail-bottom .tab-vertical .tab-content {
  margin-right: 220px;
  margin-left: 0px;
}
.product-single .detail-bottom .tab-vertical .tab-content .tab-pane {
  border-left: 1px solid var(--border-color);
    padding: 13px 25px;
    min-height: 213px;
    }
.rtl .product-single .detail-bottom .tab-vertical .tab-content .tab-pane{
  border-left: none;
  border-right: 1px solid var(--border-color);    

    }
@media only screen and (max-width: 478px) {
  .product-single .detail-bottom .tab-vertical .tab-content .tab-pane {
    border: none;
    padding: 15px;
  }
}
.product-single .detail-bottom .tab-vertical .tab-content h2, .product-single .detail-bottom .tab-vertical .tab-content h3, .product-single .detail-bottom .tab-vertical .tab-content h4 {
  font-size: 14px;
  font-weight: 700;
  padding: 0 0 10px;
  margin: 0;
  color: var(--link-color);
    text-transform: uppercase;
    }
.product-single .detail-bottom .tab-hozizoltal ul.nav-tabs {
  border: 1px solid #ddd;
  border-bottom: none;
}
@media only screen and (max-width: 568px) {
  .product-single .detail-bottom .tab-hozizoltal ul.nav-tabs {
    border: none;
  }
}
.product-single .detail-bottom .tab-hozizoltal ul.nav-tabs li {
  list-style: none;
  cursor: pointer;
  float: var(--left);
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 10px;
    }
@media only screen and (min-width: 1200px) {
  .product-single .detail-bottom .tab-hozizoltal ul.nav-tabs li {
    border-right: 1px solid #ddd;
    padding: 5px 15px;
  }
}
.product-single .detail-bottom .tab-hozizoltal ul.nav-tabs li a {
  color: #454545;
  font-weight: 500;
  height: 100%;
  width: 100%;
  text-transform: capitalize;
  border: none;
  font-size: 16px;
  padding: 4px 0;
  display: block;
  border-radius: 0;
  margin: 0;
  position: relative;
  background: transparent;
}
.product-single .detail-bottom .tab-hozizoltal ul.nav-tabs li a.active {
  color: var(--main-color);
}

@media only screen and (max-width: 479px) {
  .product-single .detail-bottom .tab-hozizoltal ul.nav-tabs li a {
    font-size: 14px;
  }
}
.product-single .detail-bottom .tab-hozizoltal ul.nav-tabs li:hover a, .product-single .detail-bottom .tab-hozizoltal ul.nav-tabs li.active a {
  color: #000;
}
@media only screen and (max-width: 568px) {
  .product-single .detail-bottom .tab-hozizoltal ul.nav-tabs li {
    margin-top: 10px;
    width: 100%;
    float: none;
    padding: 0;
    border: 1px solid #d7d7d7;
    padding: 0 15px !important;
    border-radius: 3px;
    background: #eee;
  }
  .product-single .detail-bottom .tab-hozizoltal ul.nav-tabs li a {
    padding: 5px 0;
  }
  .product-single .detail-bottom .tab-hozizoltal ul.nav-tabs li:hover a:before, .product-single .detail-bottom .tab-hozizoltal ul.nav-tabs li.active a:before {
    display: none;
  }
}
.product-single .detail-bottom .tab-hozizoltal .tab-content {
  min-height: 210px;
  text-align: justify;
  padding: 20px;
  display: block;
  margin: 0;
  border: 1px solid #ddd;
  line-height: 22px;
  border-radius: 0;
}
@media only screen and (min-width: 1200px) {
  .product-single .detail-bottom .tab-hozizoltal .tab-content {
    padding: 30px;
  }
}
.product-single .detail-bottom .tab-hozizoltal .tab-content .tab-pane {
  padding: 0;
  min-height: 100px;
}
@media only screen and (min-width: 992px) {
  .product-single .detail-bottom .tab-hozizoltal .tab-content .tab-pane {
    min-height: 213px;
  }
}
.product-single .detail-bottom .tab-hozizoltal .tab-content .tab-pane .rte.description {
  font-size: 12px;
  line-height: 20px;
}
.product-single .detail-bottom .tab-hozizoltal .tab-content ul {
  display: block;
  list-style-type: disc;
  padding-left: 20px;
}
.product-single .detail-bottom .tab-hozizoltal .tab-content h2, .product-single .detail-bottom .tab-hozizoltal .tab-content h3, .product-single .detail-bottom .tab-hozizoltal .tab-content h4 {
  font-size: 14px;
  font-weight: 700;
  padding: 0 0 10px;
  margin: 0;
  color: var(--link-color);
    text-transform: uppercase;
    }
.product-single .detail-bottom .panel-accor {
  margin: 0;
}
.product-single .detail-bottom .panel-accor .panel {
  border: 1px solid var(--border-color);
    padding: 10px 15px;
    margin-bottom: 15px;
    }
.product-single .detail-bottom .panel-accor .panel .panel-title {
  font-size: 15px;
  color: var(--link-color);
    text-transform: uppercase;
    padding: 0;
    }
.product-single .detail-bottom .panel-accor .panel h2, .product-single .detail-bottom .panel-accor .panel h3, .product-single .detail-bottom .panel-accor .panel h4 {
  font-size: 14px;
  font-weight: 700;
  padding: 0 0 10px;
  margin: 0;
  color: var(--link-color);
    text-transform: uppercase;
    }
.product-single .detail-bottom .panel-accor .panel-body {
  margin-top: 10px;
}
.product-single .panel-accor{
  margin: 50px 0;
}
.product-single .panel-accor .panel{
      box-shadow: none;
    border: 0;
    background: transparent;
    border-bottom: 1px solid #cdc8c8;
    border-radius: 0;
  
}
.product-single .panel-accor .panel-title{
  margin: 0;
}
.product-single .panel-accor .panel-title a{
      font-weight: 500;
    color: #000000;
    font-size: 20px;
    display: block;
    padding: 20px 0px;
    position: relative;
  
}
.product-single .panel-accor .panel-title a i{
  display: none;
}

.product-single .panel-accor .panel-title a:after{
  content: '';
    position: absolute;
    right: 0;
    top: 23px;
    width: 16px;
    height: 16px;
    padding: 0 15px;
    background: url("icon-minus.png") no-repeat center;
}
.product-single .panel-accor .panel-title a.collapsed:after{
  background: url("icon-plus.png") no-repeat center;
}
.product-single .detail-bottom #shopify-product-reviews {
  clear: none;
}
.product-single .detail-bottom #shopify-product-reviews .spr-summary-actions-newreview {
  background-color: #444;
  color: #fff;
  border-color: #444;
  text-transform: uppercase;
  line-height: 30px;
  height: 32px;
  padding: 0 20px;
  display: inline-block;
  float: var(--right);
    }
.product-single .detail-bottom #shopify-product-reviews .spr-summary-actions-newreview:hover {
  border-color: var(--main-color);
    background-color: var(--main-color);
      }
@media only screen and (min-width: 992px) {
  .product-single.oneCol .product-single__detail .product-single__meta {
    float: var(--left);
      width: 70%;
      padding-right: 30px;
      }
}

@media only screen and (max-width: 767px) {
  .product-single.oneCol .product-single__detail .product-single__services {
    width: 100%;
    float: none;
    margin-top: 20px;
  }
}
.product-single.oneCol .product-single__detail .product-single__services .banner-policy {
  background-color: #eee;
  font-size: 15px;
  text-transform: uppercase;
}
.product-single.oneCol .product-single__detail .product-single__services .policy {
  line-height: 19px;
  padding: 0px 14px;
  border-bottom: 1px solid #fff;
}
.product-single.oneCol .product-single__detail .product-single__services .policy a {
  display: table;
  padding: 30px 0px;
}
@media only screen and (max-width: 767px) {
  .product-single.oneCol .product-single__detail .product-single__services .policy a {
    padding: 10px 0px;
  }
}
.product-single.oneCol .product-single__detail .product-single__services .policy a .ico-policy {
  width: 38px;
  height: 40px;
  display: table-cell;
  text-align: var(--right);
    line-height: 50px;
    margin-right: 10px;
    float: var(--left);
      }
.product-single.oneCol .product-single__detail .product-single__services .policy a .ico-policy i {
  font-size: 30px;
}
.product-single.oneCol .product-single__detail .product-single__services .policy a h3.des {
  display: table-cell;
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
  margin: 4px 0 0;
}
.product-single .no-swatch .selector-wrapper {
  webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 15px;
}

.product-single .no-swatch .selector-wrapper .single-option-selector {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  box-shadow: none;
  outline: none;
  margin-bottom: 10px;
}


/* RELATED PRODUCTS */
.section-related{
  overflow: hidden;
}
.related-products .owl-nav div.owl-prev, .related-products .owl-nav div.owl-next {
  top: -57px;
  position: absolute;
  height: 32px;
  width: 32px;
  line-height: 28px;
  border: none;
  opacity: 1;
  border: 1px solid #e5e5e5;
  background: #fff;
  font-size: 18px;
  margin: 0;
  padding: 0;
  color: #797575;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
@media only screen and (max-width: 568px) {
  .related-products .owl-nav div.owl-prev, .related-products .owl-nav div.owl-next {
    top: -45px;
    height: 24px;
    width: 24px;
    line-height: 24px;
  }
}
.related-products .owl-nav div.owl-prev:before, .related-products .owl-nav div.owl-next:before {
  display: none;
}
.related-products .owl-nav div.owl-prev:hover, .related-products .owl-nav div.owl-next:hover {
  border-color: var(--main-color);
    background-color: var(--main-color);
      color: #fff;
      }
.related-products .owl-nav div.owl-prev {
  left: auto;
  right: 47px;
}
.rtl .related-products .owl-nav div.owl-prev {
  right: auto;
  left: 47px;
  transform: rotatey(180deg);
  -webkit-transform: rotatey(180deg);
  -ms-transform: rotatey(180deg);
  -o-transform: rotatey(180deg);
}
.related-products .owl-nav div.owl-prev:hover {
  background-position: 0px 0;
}
.related-products .owl-nav div.owl-next {
  left: auto;
  right: 10px;
}
.rtl .related-products .owl-nav div.owl-next {
  right: auto;
  left: 10px;
  transform: rotatey(180deg);
  -webkit-transform: rotatey(180deg);
  -ms-transform: rotatey(180deg);
  -o-transform: rotatey(180deg);
}
.related-products .detail-title {
  position: relative;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .related-products .detail-title {
    margin-bottom: 20px;
  }
}
.related-products .detail-title strong {
  position: relative;
  font-weight: 400;
  font-size: 24px;
  color: #000000;
  margin-bottom: 10px;
  text-align: left;
}

.layout_scroll .popup_cart .popup_inner .product-image {
  display: none;
}
.layout_scroll .popup_cart .popup_inner .cart-popup-info {
  max-width: 100%;
  flex: 0 0 100%;
}
.layout_scroll .product-media .row {
  margin: 0;
}
@media only screen and (min-width: 569px) {
  .layout_scroll .product-media .row {
    margin: 0 -5px;
  }
}
.layout_scroll .product-media .row > div {
  padding: 0;
}
@media only screen and (min-width: 569px) {
  .layout_scroll .product-media .row > div {
    padding: 0 5px;
  }
}
.layout_scroll .product-media .product-media__item {
  margin-top: 10px;
}
.layout_scroll .product-media .slick-dots {
  text-align: center;
  margin: 0 auto;
}
.layout_scroll .product-media .slick-dots > li {
  display: inline-block;
  font-size: 0;
  width: 10px;
  height: 10px;
  background: #999;
  margin: 0 3px;
}
.layout_scroll .product-media .slick-dots > li > button {
  display: none;
}
.layout_scroll .swatch label {
  min-width: 33px !important;
  cursor: pointer;
}
.layout_scroll .fixed-scr {
  margin-top: 10px;
}
@media only screen and (max-width: 991px) {
  .layout_scroll .product-single .product-single__detail .product-info .cls-size {
    position: relative;
  }
}
@media only screen and (min-width: 1200px) {
  .layout_scroll .product-single .product-single__detail .product-single__title {
    font-size: 22px;
    text-transform: capitalize;
  }
}
.layout_scroll .product-single .product-single__meta__title {
  display: inline-block;
}
.layout_scroll .product-single .product-single__meta__title .product-single__vendor {
  font-size: 16px;
}
.layout_scroll .product-single .product-single__detail .product-options-bottom {
  width: calc(100% - 60px);
}
.layout_scroll .product-single .product-single__detail .product-options-bottom .product-form__item--submit {
  margin: side-values(0 5px 0 0);
  float: none;
}
.layout_scroll .product-single .product-single__detail .product-options-bottom .product-form__item--submit .btn.product-form__cart-submit {
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 0;
  background: #222;
  height: 40px;
  line-height: 40px;
  width: 100%;
}
.layout_scroll .product-single .product-single__detail .product-options-bottom .product-form__item--submit .btn.product-form__cart-submit:hover {
  background: var(--main-color);
    }
.layout_scroll .product-single .product-single__detail .product-addto-links .btn_df {
  background: #222;
  height: 40px;
  width: 55px;
  line-height: 40px;
  display: block;
  border-radius: 0;
  color: #fff;
  text-align: center;
  padding: 0;
  border: none;
}
.layout_scroll .product-single .product-single__detail .product-addto-links .btn_df:hover {
  background: var(--main-color);
    }
.layout_scroll .product-single .product-price {
  display: block;
  margin-top: 5px;
}
@media only screen and (min-width: 567px) {
  .layout_scroll .product-single .product-price {
    display: inline-block;
    float: var(--right);
      margin-top: 0;
      }
}
.layout_scroll .product-single .panel-group {
  margin-top: 20px;
  color: #222;
}
.layout_scroll .product-single .panel-group .panel {
  border-top: 1px solid #ebebeb;
  padding: 20px 0;
}
.layout_scroll .product-single .panel-group .panel:last-child {
  border-bottom: 1px solid #ebebeb;
}
.layout_scroll .product-single .panel-group .panel h4.panel-title {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}
.layout_scroll .product-single .panel-group .panel h4.panel-title .fa {
  float: var(--right);
    font-size: 14px;
    }
.layout_scroll .product-single .panel-group .panel h4.panel-title a.collapsed .fa:before {
  content: "\f068";
}
.layout_scroll .product-single .panel-group .panel .panel-collapse {
  margin-top: 15px;
}
.layout_scroll .related-products .detail-title {
  margin-top: 30px;
}
@media only screen and (min-width: 569px) {
  .layout_scroll .related-products .detail-title {
    text-align: center;
  }
}
.layout_scroll .related-products .detail-title strong {
  font-size: 16px;
}
@media only screen and (min-width: 569px) {
  .layout_scroll .related-products .detail-title strong {
    font-size: 18px;
  }
}
.layout_scroll .product-single__services {
  margin: 30px 0 30px;
  overflow: hidden;
}
.layout_scroll .product-single__services .inner {
  margin: 0 -10px;
}
.layout_scroll .product-single__services .inner .policy {
  text-align: center;
  width: 50%;
  float: var(--left);
    padding: 0 10px;
    margin-top: 10px;
    }
@media only screen and (max-width: 480px) {
  .layout_scroll .product-single__services .inner .policy {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .layout_scroll .product-single__services .inner .policy {
    width: 25%;
  }
}
.layout_scroll .product-single__services .inner .policy > a {
  overflow: hidden;
  border: 1px solid #ddd;
  display: block;
  padding: 10px 0;
}
@media only screen and (min-width: 1200px) {
  .layout_scroll .product-single__services .inner .policy > a {
    padding: 15px 0;
  }
}
.layout_scroll .product-single__services .inner .policy > a span.ico-policy {
  font-size: 26px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 1200px) {
  .layout_scroll .product-single__services .inner .policy > a span.ico-policy {
    font-size: 30px;
  }
}
.layout_scroll .product-single__services .inner .policy > a h3.des {
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 10px;
}
@media only screen and (min-width: 1200px) {
  .layout_scroll .product-single__services .inner .policy > a h3.des {
    font-size: 16px;
  }
}
/*============================================================================ =============================== Swatches Styles ==================================== ==============================================================================*/
.swatch {
  margin: 5px 0;
}
.swatch .header {
  font-size: 14px;
  color: #222;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 5px;
}
.swatch input {
  display: none;
}
.swatch label {
  float: var(--left);
    min-width: 33px !important;
    margin: 0;
    border: #ddd 1px solid;
    background-color: #e6e6e6;
    font-size: 14px;
    text-align: center;
    line-height: 26px;
    white-space: nowrap;
    text-transform: uppercase;
    height: 33px;
    }
.swatch label:hover {
  border-color: var(--main-color);
    }
.swatch input:checked + label, .swatch .swatch label:hover {
  border-color: var(--main-color);
    line-height: 33px;
    }
.swatch .tooltip {
  text-align: center;
  background: gray;
  color: #fff;
  bottom: 100%;
  padding: 5px 10px;
  display: block;
  position: absolute;
  width: 85px;
  left: 50%;
  margin-left: -42px;
  margin-bottom: 15px;
  filter: alpha(opacity=0);
  /* Make it invisible by default */
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(10px);
  /* Animations */
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.swatch .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}
.swatch .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid gray 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  width: 0;
}
.swatch .swatch-element .crossed-out {
  display: none;
}
.swatch .swatch-element.soldout .crossed-out {
  display: block;
}
.swatch .swatch-element.soldout label {
  opacity: 0.6;
}
.swatch .swatch-element:hover .tooltip {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.swatch .swatch-element {
  float: var(--left);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    /* webkit flicker fix */
    margin: 0px 10px 10px 0;
    /* webkit text rendering fix */
    /* Spacing between buttons */
    position: relative;
    /* To position the sold out graphic and tooltip */
    }
.swatch.error p {
  margin: 0.7em 0;
}
.swatch.error p:first-child {
  margin-top: 0;
}
.swatch.error p:last-child {
  margin-bottom: 0;
}
.swatch.error code {
  font-family: monospace;
}
.swatch .swatch-element label {
  padding: 0 8px;
  cursor: pointer;
}
.swatch.error {
  background-color: #e8d2d2 !important;
  color: #333 !important;
  padding: 1em;
  border-radius: 5px;
}
.swatch-element label {
  padding: 0 5px;
}
.crossed-out {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
/* CSS IE ONLLY */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .quick-view .owl-carousel .owl-stage-outer {
    padding: 0 1px;
    margin: 0 -1px;
  }
}
/*============================================================================ =============================== BLOGS ==================================== ==============================================================================*/
.template-blog .blog-views {
  margin-top: 0px;
}
.blog-views .blog-list .image-blogs {
  margin: 0px;
}
.blog-views .blog-list .blog-detail .article__tags {
  color: #909090;
  font-size: 12px;
  padding-left: 5px;
}
.blog-views .blog-list .blog-detail .info-read {
  margin-top: 20px;
  border: 1px solid #ddd;
  padding: 15px;
  display: inline-block;
  width: 100%;
}
.blog-views .blog-list .blog-detail .article-title.h3 a {
  font-weight: bold;
  text-transform: uppercase;
}
.blog-views {
  margin-top: 20px;
}
.blog-views .blog-item {
  margin-bottom: 30px;
}
.blog-views .article-title.h3 {
  margin: 0 0 5px;
  font-size: 16px;
  font-weight: 500;
}
.blog-views .article-title.h3 a {
  font-weight: bold;
}
.blog-views .article-title.h3 a:hover {
  color: var(--main-color);
    }
.blog-views .des-blogs {
  margin-top: 5px;
  line-height: 18px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .blog-views .des-blogs {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
  }
}
.blog-views .article-date {
  color: #909090;
  font-size: 12px;
}
.blog-views .article-date i {
  margin-right: 3px;
}
.blog-views .image-blogs {
  margin: 20px 0;
}
.blog-views .info-read {
  margin-top: 13px;
}
.blog-views .info-read li {
  font-size: 12px;
}
.blog-views .info-read li span {
  color: #909090;
}
.blog-views .info-read li a {
  color: var(--main-color);
    margin-right: 3px;
    padding-right: 5px;
    border-right: 1px solid var(--border-color);
      }
.blog-views .info-read .btn-blog.btn {
  background: transparent;
  color: #000000;
  font-size: 12px;
  width: 125px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-transform: uppercase;
  display: block;
  border: 1px solid #222222;
}
.blog-views .info-read .btn-blog.btn:hover {
  color: #fff;
  background: var(--main-color);
    border-color: var(--main-color);
      }
.blog-views .blog-grid .article__grid-media {
  position: relative;
}
.blog-views .blog-grid .article__grid-meta {
  padding: 10px 0px 15px;
  background: #fff;
  display: inline-block;
}
.blog-views .blog-grid .article__grid-meta .media__info .article-author {
  color: #aaa;
}
.blog-views .blog-grid .article__grid-meta .media__info .article-author span {
  color: #aaa;
}
.blog-views .blog-grid .article__grid-meta .media__info .article__tags {
  color: #aaa;
}
.blog-views .blog-grid .article__grid-meta .media__info .article__tags a {
  color: #aaa;
}


.blog-views .blog-grid .article__grid-meta .media__info .article-title a:hover {
  color: var(--main-color);
    }
.blog-views .blog-grid .article__grid-meta .article-author {
  text-transform: uppercase;
  font-weight: bold;
  color: var(--main-color);
    padding: 0 15px 0 0;
    position: relative;
    font-size: 12px;
    }
@media only screen and (min-width: 992px) {
  .blog-views .blog-grid .article__grid-meta .article-author {
    font-size: 14px;
  }
}
.blog-views .blog-grid .article__grid-meta .article-author span {
  color: #111;
}
.blog-views .blog-grid .article__grid-meta .article-author:after {
  content: "/";
  position: absolute;
  right: 0;
  color: #111;
}
.blog-views .blog-grid .article__grid-meta .article-date {
  font-size: 13px;
  color: #888;
  text-transform: uppercase;
}

.blog-views .blog-grid .article__grid-meta .article-title {
  font-size: 16px !important;
  font-weight: 700;
}
.blog-views .blog-grid .article__grid-meta .article-title a {
  color: #222;
}
.blog-views .blog-grid .article__grid-meta .article-title a:hover {
  color: var(--main-color);
    }
.blog-views .blog-grid .blog-item {
  margin-bottom: 30px;
}
.blog-views .pagination {
  width: 100%;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}
.blog-views .pagination .btn--narrow {
  border: none;
}
.article-detail .article-img {
  position: relative;
}
.article-detail .article-img img {
  width: 100%;
}
.article-detail .media__info {
  color: #aaa;
  font-size: 13px;
}
.article-detail .media__info .article-author span {
  color: #aaa;
}
.article-detail .media__info .article-date {
  padding-left: 20px;
}
.article-detail .media__info .article__tags {
  color: #878787;
}
.article-detail .media__info .article-title {
  font-size: 16px;
  margin-top: 10px;
}
.article-detail .media__info .article-title h1:hover {
  color: var(--main-color);
    }
.article-detail .tag-comment {
  border: 1px solid var(--border-color);
    padding: 15px 20px;
    }
.article-detail .social-sharing {
  margin-top: 15px;
  text-align: center;
}
.article-detail .social-sharing a {
  font-size: 20px;
  padding: 0 15px;
}
.article-detail .comment-title {
  text-transform: capitalize;
  font-size: 22px;
  color: #111;
  font-weight: normal;
}
@media only screen and (min-width: 1200px) {
  .article-detail .comment-title {
    font-size: 28px !important;
  }
}
.article-detail input, .article-detail textarea {
  background: #fff;
  border-radius: 0px;
  border: 1px solid var(--border-color);
    }
.article-detail label {
  font-size: 14px;
  color: #666;
  font-weight: 400;
}
.article-detail .form-success {
  border: 1px solid #c8d9b9;
  margin-bottom: 20px;
  padding: 5px 20px 5px 20px;
  font-style: italic;
  color: #4f861e;
}
.article-detail .form-success .fa {
  color: #4f861e;
  margin-right: 5px;
}
.article-detail .comments .icon-user {
  float: var(--left);
    width: 80px;
    height: 80px;
    display: block;
    background-color: #f5f5f5;
    margin-right: 20px;
    color: #fff;
    position: relative;
    text-align: center;
    }
.article-detail .comments .icon-user .fa {
  font-size: 44px;
  text-align: center;
  line-height: 80px;
  color: #999;
}
.article-detail .comment__meta {
  font-size: 13px;
  text-transform: capitalize;
  font-weight: bold;
}
.article-detail .comment__meta .comment-user {
  margin-right: 10px;
}
.article-detail .comment__meta .comment-time .fa {
  margin-right: 5px;
}
.article-detail .comment__content {
  font-style: italic;
}
.article-detail .comment {
  margin-bottom: 20px;
}
.article-detail .comment:last-child {
  margin: 0;
}
.article-detail .article-img {
  margin: 0px 0 20px;
}
.widget-category .widget-content {
  padding: 15px;
}
@media only screen and (min-width: 1200px) {
  .widget-category .widget-content {
    padding: 15px 20px;
  }
}
.widget-category a {
  color: #444;
}
.widget-category a:hover {
  color: var(--main-color);
    }
.widget-category ul.list-menu > li {
  padding: 3px 0px;
}
.widget-category ul.list-menu > li.active > a {
  color: var(--main-color);
    }
.widget-category ul.list-menu > li.active > a:before {
  border: 2px solid #999;
  background: #fff;
}
.widget-category ul.list-menu > li > a {
  position: relative;
  padding-left: 20px;
  padding-right: 10px;
  width: 100%;
  display: inline-block;
}
.widget-category ul.list-menu > li > a .count {
  font-size: 12px;
  position: absolute;
  right: -6px;
  font-size: 12px;
}
.widget-category ul.list-menu > li > a:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 0;
  background: #999;
  top: 50%;
  margin-top: -5px;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
.widget-category ul.list-menu > li > a:hover:before {
  border: 2px solid #999;
  background: #fff;
}
.widget-category ul.list-menu > li ul {
  margin-top: 5px;
  padding-left: 10px;
}
.widget-category ul.list-menu > li ul li {
  padding: 5px 15px;
}
.widget-category ul.list-menu > li ul li a {
  position: relative;
}
.widget-category ul.list-menu > li ul li a:before {
  content: "";
  height: 5px;
  width: 5px;
  background: #999;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: -15px;
}
.widget-category ul.list-menu > li .caret {
  float: var(--right);
    position: relative;
    top: 8px;
    right: -8px;
    }
.widget-blogs .block-content li {
  text-transform: capitalize;
  border-bottom: 1px dotted #e4e4e4;
  margin: 0;
  padding: 7px 0px;
}
.widget-blogs .block-content li p {
  margin: 0 0 3px;
  color: #999;
  line-height: 100%;
  font-size: 12px;
}
.widget-blogs .block-content li:last-child {
  border: none;
}
.widget-blogs .block-content li .count {
  float: var(--right);
    }
.widget-blogs_instagram .block-content {
  padding: 10px;
}
.widget-blogs_instagram .block-content img:hover {
  opacity: 0.8;
}

.logo-mobiles{
  max-width: 125px;
}

/*============================================================================ #COLLECTION PAGE ==============================================================================*/
.collection-grid-item {
  padding-bottom: 100%;
  position: relative;
  margin: 0 0 30px;
}
.collection-grid-item img {
  display: block;
}
.collection-grid-item .collection-grid-item__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #f7f7f7;
}
.collection-grid-item .collection-grid-item__title-wrapper .collection-grid-item__title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.collection-grid-item .collection-grid-item__title-wrapper .collection-grid-item__title a {
  color: #fff;
}
.collection-grid-item .collection-grid-item__title-wrapper .collection-grid-item__title a:hover {
  color: var(--main-color);
    }
.collection-grid-item .collection-grid-item__title-wrapper .collection-grid-item__title a > p {
  font-size: 12px;
}
.collection-grid-item .collection-grid-item__title-wrapper .collection-grid-item__title .btn {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 0;
  font-weight: bold;
  padding: 5px 20px;
}
.collection-grid-item .collection-grid-item__title-wrapper .collection-grid-item__title .btn:hover {
  background: var(--main-color);
    border-color: var(--main-color);
      color: #fff;
      }
.collection-grid-item .collection-grid-item__title-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #3d4246;
  opacity: 0.25;
}
.collection-grid-item .collection-grid-item__title {
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  display: block;
  margin: 0 0 4px;
  font-size: 16px;
}


.inline {
  display: inline-block;
}
.countdown_tab {
  width: calc( 100% - 30px);
  text-align: center;
  position: absolute;
  bottom: 0;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 5px;
  left: 15px;
   transition: all 0.3s ease;
}
.countdown_tab .countdown_inner {
  margin: 0 auto;
  display: inline-block;
  width: 100%;
  padding: 3px 7px;
}
.countdown_tab .countdown_inner .deals-time {
  width: 24%;
  margin: 0 1px;
  display: inline-block;
  float: none;
  position: relative;
}
.countdown_tab .countdown_inner .day{
  margin: 0 -4px;
}
.countdown_tab .countdown_inner .deals-time .num-time {
  font-size: 16px;
  font-weight: 400;
  color: #ed1d24;
  position: relative;
  min-width: 30px;
  text-align: center;
  padding: 0 5px;
  line-height: 20px;
}

.countdown_tab .countdown_inner .deals-time:before {
  position: absolute;
  content: ':';
  top: 50%;
  right: -1px;
  color: #ed1d24;
  font-size: 14px;
  margin-top: -13px;
}
.rtl .countdown_tab .countdown_inner .deals-time:before {
  left: -1px;
  right: inherit;
}
.countdown_tab .countdown_inner .deals-time:last-child:before{
  display: none;
}
.countdown_tab .countdown_inner .deals-time .title-time {
  text-transform: capitalize;
  font-size: 11px;
  line-height: 13px;
  color: #999999;
}
.spr-icon-star-empty:before {
  color: #ccc;
}
.spr-icon-star:before {
  content: '\e801' !important;
}
.dropdown-toggle::after {
  display: none;
}
/* Hide when not loaded */
.swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded) {
  display: none;
}

/*============================================================================ =============================== Popup Cookie ==================================== ==============================================================================*/
.fixed-bottom-left {
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 99;
}
@media only screen and (max-width: 479px) {
  .fixed-bottom-left {
    bottom: 65px;
    left: 0;
  }
}
.fixed-bottom-left #popup-cookie {
  background: rgba(20, 20, 20, 0.9);
  width: 370px;
  max-width: 85vw;
  text-align: var(--left);
    margin-top: 15px;
    padding: 10px 15px;
    display: none !important;
    }
@media only screen and (max-width: 479px) {
  .fixed-bottom-left #popup-cookie {
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
}
.fixed-bottom-left #popup-cookie .block-cookies {
  font-family: var(--font-family-heading);
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    }
.fixed-bottom-left #popup-cookie .block-cookies .group-action-links {
  margin-top: 10px;
  text-align: var(--right);
    }
.fixed-bottom-left #popup-cookie .block-cookies .group-action-links #accept-cookie {
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 500;
  cursor: pointer;
}
.fixed-bottom-left #popup-cookie .block-cookies .group-action-links #accept-cookie:hover {
  color: #818181;
}
.fixed-bottom-left #popup-cookie .block-cookies .group-action-links a.privacy-link {
  color: #818181;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-right: 10px;
}
.fixed-bottom-left #popup-cookie .block-cookies .group-action-links a.privacy-link:hover {
  color: #fff;
}
/*============================================================================ =============================== Lookbook Page ================================ ==============================================================================*/
.page-lookbook .image-lookbook {
  margin-bottom: 30px;
  position: relative;
}
.page-lookbook .image-lookbook img {
  width: 100%;
}
.page-lookbook .point a.number {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #333;
  background: #fff;
  border-radius: 50%;
  z-index: 8;
  display: inline-block;
  width: 40px;
  line-height: 40px;
  height: 40px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}
.page-lookbook .point .product-hot {
  display: none;
  width: 180px;
  height: auto;
  background: #fff;
  padding: 7px;
  position: relative;
  z-index: 2;
  box-shadow: 0px 2px 5px 1px #e2e2e2;
}
.page-lookbook .point .product-hot .product-name {
  font-size: 14px;
}
.page-lookbook .point .product-hot.top {
  margin-left: -70px;
  margin-top: -396px;
}
.page-lookbook .point .product-hot.top:before {
  border-bottom: 10px solid transparent;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
  right: 50%;
  margin-right: -10px;
  bottom: -18px;
  margin-top: -10px;
  content: "";
  position: absolute;
}
.page-lookbook .point .product-hot.right {
  margin-left: 50px;
  margin-top: -195px;
}
.page-lookbook .point .product-hot.right:before {
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  border-top: 10px solid transparent;
  left: -9px;
  top: 50%;
  margin-top: -10px;
  content: "";
  position: absolute;
}
.page-lookbook .point .product-hot.bottom {
  margin-left: -70px;
}
.page-lookbook .point .product-hot.bottom:before {
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  left: 50%;
  margin-left: -10px;
  top: -9px;
  content: "";
  position: absolute;
}
.page-lookbook .point .product-hot.left {
  margin-left: -190px;
  margin-top: -195px;
}
.page-lookbook .point .product-hot.left:before {
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  right: -9px;
  top: 50%;
  margin-top: -10px;
  content: "";
  position: absolute;
}
.page-lookbook .point .product-hot .wrap-label, .page-lookbook .point .product-hot .swatch-list, .page-lookbook .point .product-hot .button-link {
  display: none;
}
.page-lookbook .point .product-hot .right-block {
  padding: 7px 10px 0px 0px !important;
}
.page-lookbook .point .product-hot h4 {
  margin: 8px 0 2px 0 !important;
}
.page-lookbook .point:hover .product-hot {
  display: block;
}
/*============================================================================ =============================== Add to cart fixed ==================================== ==============================================================================*/
.add-to-cart-fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #0f0f0f;
  padding: 10px 0;
  z-index: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .add-to-cart-fixed {
    display: none;
  }
}
.add-to-cart-fixed.active {
  opacity: 1;
  overflow: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 99;
}
.add-to-cart-fixed .column-left {
  display: flex;
  align-items: center;
}
.add-to-cart-fixed .column-left .img-product {
  max-width: 60px;
}
.add-to-cart-fixed .column-left .infor-product {
  margin-left: 15px;
  color: #fff;
}
.rtl .add-to-cart-fixed .column-left .infor-product {
  margin-left: 0px;
  margin-right: 15px;
}
.add-to-cart-fixed .column-left .infor-product .product-single__title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.add-to-cart-fixed .column-left .infor-product .product-price .special-price {
  color: #fff;
  font-size: 16px;
  margin-right: 5px;
}
.add-to-cart-fixed .column-left .infor-product .product-price .old-price {
  text-decoration: line-through;
}
.add-to-cart-fixed .col-select {
  position: relative;
}
.add-to-cart-fixed .col-select:after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 22px;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 8px;
  right: 35px;
  pointer-events: none;
}
.add-to-cart-fixed .col-select #second-select {
  background: #414141;
  border-color: #414141;
  color: #fff;
  height: 40px !important;
  padding: 7px 12px 9px 15px;
  max-width: 380px;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  border-radius: 6px;
}
.add-to-cart-fixed .column-right .col-item {
  float: left;
}
.add-to-cart-fixed .column-right .col-item .button-addtocard {
  margin-left: 15px;
  background: var(--main-color);
    color: #fff;
    border-radius: 5px;
    padding: 0 40px;
    height: 40px;
    line-height: 40px;
    border: 0;
    cursor: pointer;
    outline: none;
    }
.add-to-cart-fixed .column-right .col-item .form_qty {
  float: left;
  display: flex;
  align-items: center;
  height: 40px;
  width: auto;
  position: relative;
  min-width: 60px;
  padding: 5px;
  border-radius: 5px;
  background: #414141;
}
.add-to-cart-fixed .column-right .col-item .form_qty .items {
  width: 17px;
  height: 17px;
  cursor: pointer;
  line-height: 17px;
  text-align: center;
  font-size: 14px;
  color: #999;
  display: inline-block;
  position: relative;
}
.add-to-cart-fixed .column-right .col-item .form_qty .quantity-selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background: #414141;
  color: #fff;
  padding: 0;
  height: 40px;
  width: 35px;
  line-height: 28px;
  text-align: center;
  border: none;
}


.toogle_content3.active, .toogle_content2.active {
  display: block !important;
}
.toogle_content3 .form_register, .toogle_content2 .form_register, .toogle_content3 .form_login, .toogle_content2 .form_login {
  visibility: hidden;
  opacity: 0;
  top: 30%;
  display: block;
  position: fixed;
  margin: 30px auto;
  left: 50%;
  z-index: 2042;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  height: 100vh;
  background-color: #000326;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-top: 7vh;
  -webkit-align-items: center;
  align-items: center;
  overflow-x: hidden;
}
.toogle_content3 .form_register .popup-regis-close, .toogle_content2 .form_register .popup-regis-close, .toogle_content3 .form_login .popup-regis-close, .toogle_content2 .form_login .popup-regis-close, .toogle_content3 .form_register .popup-close, .toogle_content2 .form_register .popup-close, .toogle_content3 .form_login .popup-close, .toogle_content2 .form_login .popup-close {
  text-align: center;
  width: 100%;
  display: block;
  padding-top: 10px;
  padding-bottom: 20px;
  cursor: pointer;
}
.toogle_content3 .form_register .register-terms, .toogle_content2 .form_register .register-terms, .toogle_content3 .form_login .register-terms, .toogle_content2 .form_login .register-terms {
  color: #8083a1;
  margin: 1rem auto 0;
}
.toogle_content3 .form_register .register-terms a, .toogle_content2 .form_register .register-terms a, .toogle_content3 .form_login .register-terms a, .toogle_content2 .form_login .register-terms a {
  color: #000326;
}
.toogle_content3 .form_register .form-check .form-check-input, .toogle_content2 .form_register .form-check .form-check-input, .toogle_content3 .form_login .form-check .form-check-input, .toogle_content2 .form_login .form-check .form-check-input {
  margin-top: 5px;
}
.toogle_content3 .form_register .form-group, .toogle_content2 .form_register .form-group, .toogle_content3 .form_login .form-group, .toogle_content2 .form_login .form-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.toogle_content3 .form_register .form-group h5, .toogle_content2 .form_register .form-group h5, .toogle_content3 .form_login .form-group h5, .toogle_content2 .form_login .form-group h5 {
  margin-bottom: 0;
}
.toogle_content3 .form_register .form-group p, .toogle_content2 .form_register .form-group p, .toogle_content3 .form_login .form-group p, .toogle_content2 .form_login .form-group p {
  margin-bottom: 0;
}
.toogle_content3 .form_register .form-group #customer_register_link, .toogle_content2 .form_register .form-group #customer_register_link, .toogle_content3 .form_login .form-group #customer_register_link, .toogle_content2 .form_login .form-group #customer_register_link {
  background-color: #353968;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  width: 50%;
  height: 42px;
  border-radius: 4px;
}
.toogle_content3.log-hidden, .toogle_content2.log-hidden {
  display: none;
}
.toogle_content3 .form-vertical, .toogle_content2 .form-vertical {
  background: #fff;
  border-radius: 9px;
  padding: 45px 75px 25px;
  width: 590px;
}
.toogle_content3 .form-vertical .title_pop, .toogle_content2 .form-vertical .title_pop {
  margin: 0;
  text-align: center;
  font-size: 28px;
  padding: 15px 0;
  font-weight: bold;
  color: #000326;
}
.toogle_content3 .form-vertical #customer_login .fa, .toogle_content2 .form-vertical #customer_login .fa {
  float: left;
  height: 40px;
  background: #676056;
  width: 40px;
  text-align: center;
  color: #fff;
  line-height: 40px;
  font-size: 16px;
  display: inline-block;
}
.toogle_content3 .form-vertical #customer_login .form-of, .toogle_content2 .form-vertical #customer_login .form-of {
  min-width: 225px;
  margin-bottom: 15px;
  width: 100%;
  padding: 0 15px;
  background: transparent;
  border: 1px solid #dbdce9;
  border-radius: 5px;
  height: 52px;
  color: #000326;
  font-size: 16px;
}
.toogle_content3 .form-vertical #customer_login ::-webkit-input-placeholder, .toogle_content2 .form-vertical #customer_login ::-webkit-input-placeholder {
  /* Edge */
  color: #8083a1;
}
.toogle_content3 .form-vertical #customer_login :-ms-input-placeholder, .toogle_content2 .form-vertical #customer_login :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #8083a1;
}
.toogle_content3 .form-vertical #customer_login ::placeholder, .toogle_content2 .form-vertical #customer_login ::placeholder {
  color: #8083a1;
}
.toogle_content3 .form-vertical .form_log, .toogle_content2 .form-vertical .form_log {
  padding: 20px 30px 15px;
  text-transform: uppercase;
}
.toogle_content3 .form-vertical .form_log a, .toogle_content2 .form-vertical .form_log a, .toogle_content3 .form-vertical .form_log li, .toogle_content2 .form-vertical .form_log li, .toogle_content3 .form-vertical .form_log span, .toogle_content2 .form-vertical .form_log span {
  color: #222;
  margin-bottom: 5px;
}
.toogle_content3 .form-vertical .form_log i.fa, .toogle_content2 .form-vertical .form_log i.fa {
  margin-right: 5px;
  color: #222;
}
.toogle_content3 .form-vertical .btn.btn-submit, .toogle_content2 .form-vertical .btn.btn-submit {
  width: 100%;
  height: 52px;
  border: none;
  font-weight: 600;
  font-size: 16px;
}
.toogle_content3 .social-buttons, .toogle_content2 .social-buttons {
  margin-top: 30px;
}
.toogle_content3 .social-buttons h5, .toogle_content2 .social-buttons h5 {
  color: #000326;
  margin-bottom: 15px;
  margin-top: 0;
  font-weight: 600;
}
.toogle_content3 .social-buttons .abcRioButtonBlue .abcRioButtonContentWrapper, .toogle_content2 .social-buttons .abcRioButtonBlue .abcRioButtonContentWrapper {
  border: none;
}
.toogle_content3 .social-buttons .abcRioButtonBlue, .toogle_content2 .social-buttons .abcRioButtonBlue {
  background-color: #f4f5fa;
  border-radius: 4px;
  box-shadow: none;
}
.toogle_content3 .social-buttons .abcRioButtonBlue:hover, .toogle_content2 .social-buttons .abcRioButtonBlue:hover {
  background-color: #fff;
  box-shadow: 0 2px 25px 0 rgba(0, 3, 38, 0.12);
  border-radius: 4px;
}
.toogle_content3 .social-buttons .abcRioButtonBlue .abcRioButtonIcon, .toogle_content2 .social-buttons .abcRioButtonBlue .abcRioButtonIcon, .toogle_content3 .social-buttons #fbLink, .toogle_content2 .social-buttons #fbLink {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0 15px;
  height: 50px;
  border-radius: 4px;
  background-color: #f4f5fa;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.2s;
  transition-property: all;
}
.toogle_content3 .social-buttons .abcRioButtonBlue .abcRioButtonIcon:hover, .toogle_content2 .social-buttons .abcRioButtonBlue .abcRioButtonIcon:hover, .toogle_content3 .social-buttons #fbLink:hover, .toogle_content2 .social-buttons #fbLink:hover {
  box-shadow: 0 2px 25px 0 rgba(0, 3, 38, 0.12);
  background-color: white;
}
.toogle_content3 .social-buttons .content, .toogle_content2 .social-buttons .content {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.toogle_content3 .social-buttons .content > div, .toogle_content2 .social-buttons .content > div {
  margin: 0 5px;
}

div.hidden,
span.hidden{
  display: none;
}
div.d-none {
  display: none;
}
div.d-inline {
  display: inline;
}
div.d-inline-block {
  display: inline-block;
}
div.d-block {
  display: block;
}
div.d-table {
  display: table;
}
div.d-table-row {
  display: table-row;
}
div.d-table-cell {
  display: table-cell;
}
div.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
div.d-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media only screen and (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}


@media only screen and (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media only screen and (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media only screen and (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media only screen and (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.input-error-message{
  margin-top: 10px;
  display: block;
}
.main-content{
  	padding-bottom: 0 !important; 
  }
.pagination.loadmore {
      margin-bottom: 30px;
}

.placeholder-size{
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translatex(-50%);
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  -o-transform: translatex(-50%);
  font-size: 25px;
}
.grid-view-item__link{
  overflow: hidden;
  aspect-ratio: 1/1;
}
.grid-view-item__link img{
  transition: all .5s ease;
}
.grid-view-item__link:hover img{
  transform: scale(1.05);
}
.buttons-redes{
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    width: auto;
  gap: 10px;
  }
  .whatsapp-float {
    cursor: pointer;
    transition: all .5s ease;
    
  }
  .whatsapp-float:hover{
    transform: scale(1.2);
  }
.whatsapp-float img{
  width: 40px;
  height: 40px;
}
.cart-success-messages{
  padding: 10px 20px;
}
.zoomContainer{
  display: none !important;
}
    .open-fiter{
  display: none !important;
}