/**
*
Name: afs-style.min.css
Version: 1.0.5
Last modified: Wednesday, 3 February 2021
Author: AFS Team
App link: https://afs.digitalcoo.com
*
**/

/**
OLD Version CSS
**/

@font-face {
  font-family: afs-fonts;
  src: url(https://cdn.shopify.com/s/files/1/0349/2374/1243/files/Futura_Book.ttf?v=1593787378) format("truetype");
  font-weight: 100
}

@font-face {
  font-family: afs-fonts;
  src: url(https://cdn.shopify.com/s/files/1/0349/2374/1243/files/Futura_Bold.ttf?v=1593787365) format("truetype");
  font-weight: 600
}

@font-face {
  font-family: afs-fonts;
  src: url(https://cdn.shopify.com/s/files/1/0349/2374/1243/files/Futura_Std_Heavy.ttf?v=1593787844) format("truetype");
  font-weight: 700
}

*,
::after,
::before {
  box-sizing: border-box
}

div#afs--outer-main-container form {
  margin-bottom: 0 !important
}

.AFS--Theme_Contents svg {
  display: inline;
}

.AFS--Theme_Contents .afs--header .active {
  background: 0 0
}

.afs--filter--header .afs--arrow-icon {
  display: none;
}

#digitalcoo--all-products-container #afs--all-products-container [data-availability="false"] .afs--quickview-btn {
  display: none;
}

.AFS--Theme_Contents .afs--products-container [class*=desktop-] {
  margin-right: -15px !important;
  margin-left: -15px !important;
  float: none
}

.disclosure__toggle,
body,
button,
input,
select,
textarea {
  margin: 0
}

img {
  max-width: 100%;
  border: 0;
}

a[aria-disabled=true] {
  pointer-events: none
}

.afs--add-to-cart[data-availability=false] {
  pointer-events: none
}

.afs--filter-products-container .afs--grid-items li {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px
}

.AFS--Theme_Contents {
  max-width: 1300px;
  margin: auto;
  padding: 0 2rem
}

.AFS--Theme_Contents #afs-current-collection-title {
  font-size: 2em;
  color: inherit;
  margin-bottom: 20px;
  border-bottom: 0;
  margin-top: 28px
}

#digitalcoo--all-products-container .afs--grid-items .afs--product-image .afs--image-wrapper {
  position: relative;
  display: block;
  background: #fff;
}


.afs--product-main-container {
  -ms-flex: 0 0 76%;
  flex: 0 0 76%;
  max-width: 76%
}

.AFS--Products_Wrapper .filter--sort-by .icon-chevron-down {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 5px;
  transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  top: 50%;
  line-height: 10px;
  pointer-events: none;
  z-index: 9
}

.AFS--Products_Wrapper .filter--sort-by .icon-chevron-down:before {
  display: none
}

input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none
}

.afs--open-quick-view svg {
  width: 15px;
  height: 15px
}

#afs--main-products-header .icon-chevron-down svg {
  width: 15px;
  height: 15px
}

#digitalcoo--all-products-container .collection-all-items.afs--filter-products-container {
  float: none;
  margin: 0
}

#afs--main-products-header .afs--mobile-off-canvas-filter {
  float: none;
  margin-left: 0;
  margin-right: 0
}

.offcanvas-open .shifter-page {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform .2s ease
}

.AFS--Products_Wrapper .filter--sort-by {
  position: relative;
  float: right !important;
  line-height: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #c3c2c9;
  margin: 0
}

.AFS--Products_Wrapper .filter--sort-by #filterSortBy,
.AFS--Products_Wrapper .filter--sort-by select {
  border: 0;
  font-size: 14px;
  min-height: auto !important;
  border-left: 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right 5px center;
  cursor: pointer;
  background-size: inherit;
  text-indent: .01px;
  -webkit-appearance: none;
  height: 23px !important;
  margin: 0;
  background: 0;
  padding: 0 30px 0 5px !important;
  display: inline-block;
  border-radius: 0;
  box-shadow: none;
  z-index: 1;
  align-items: center;
  font-style: normal;
  line-height: initial;
  width:100%;
}

.AFS--Products_Wrapper .filter--sort-by label {
  display: inline-block !important;
  border: 0;
  border-right: 0;
  padding: 0 5px 0 10px;
  font-size: 14px;
  cursor: pointer;
  color: #000;
  float: left;
  height: 23px;
  line-height: 24px;
  text-transform: capitalize;
  font-style: normal;
  margin: 0;
  white-space: nowrap;
  align-items: center;
  visibility: visible !important
}

.AFS--Products_Wrapper .afs--grid-items {
  padding: 0;
  margin-bottom: 0;
  min-width: 100%;
  width: auto;
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: left;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  height: auto !important
}

.afs--header {
  margin-bottom: 20px
}

span.afs--product-swatch {
  margin: 3px;
  position: relative;
  cursor: pointer;
  border: 1px solid #ddd
}

span.afs--product-swatch-text {
  width: 100%;
  height: 100%;
  line-height: 24px;
  min-width: 24px;
  padding: 0 7px;
  display: block;
  min-height: 23px;
  text-align: center;
  font-size: .85em
}

span.afs--product-swatch.is-selected {
  border-color: #000
}

span.afs--product-swatch-image {
  width: 24px;
  height: 24px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.afs--product-swatchs.circle .afs--product-swatch-inner {
  border-radius: 24px
}

.afs--product-swatchs.circle .afs--product-swatch {
  border-radius: 24px
}

.afs--product-swatchs.circle .afs--product-swatch-inner {
  overflow: hidden;
  display: block;
  border: 1px solid #fff;
  position: relative
}

#afs--all-products-container li .afs--product-title {
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize !important;
  line-height: 1.3;
  letter-spacing: .4px;
  margin-bottom: 5px
}


.afs--products-container .afs--was-price {
  color: #747679;
  text-decoration: line-through
}

.afs--products-container .afs--badge.afs--badge-onsale {
  background-color: #000;
  text-align: center;
  padding: 4px 12px;
  color: #fff
}

.afs--products-container .afs--badge.afs--badge-soldout {
  background-color: #000;
  color: #fff;
  padding: 4px 12px
}

.afs--grid-withcartbtn-height li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-box-pack: space-between
}

.afs--products-container .afs--sold-out .afs--product-image:hover .afs--open-quick-view {
  display: none
}

.afs--products-container .afs--sold-out {
  opacity: .8
}

.AFS--Filter_LeftMenu form,
.AFS--Filter_TopMenu form {
  margin-bottom: 0
}

.AFS--Filter_LeftMenu .filter--card {
  margin-bottom: 13px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  font-size: initial;
  padding: 0 12px 0 0;
  position: relative;
  max-height: 350px
}

.AFS--Filter_LeftMenu .afs--filter--section:first-child .filter--header,
.AFS--Filter_LeftMenu .afs--filter--section:nth-child(2) .filter--header {
  border-top: 0 !important
}

.AFS--Filter_LeftMenu .afs--filter--section:first-child .filter--card {
  border-bottom: 1px solid #e6e5e5;
  padding-bottom: 18px;
  margin-bottom: 6px
}

.afs-search-box {
  font-size: 13px;
  outline: 0;
  padding: 0 31px !important;
  color: #999;
  letter-spacing: 1px;
  border-radius: 0;
  height: 36px;
  width: 100%;
  margin-bottom: 17px;
  text-transform: capitalize;
  background: 0 0;
  border: 1px solid #c3c2c9;
  font-style: normal;
  box-sizing: border-box
}

.afs-search-box:focus {
  border: 1px solid #282c3e
}

.AFS--Filter_LeftMenu .filter--item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 7px;
  line-height: 18px;
  line-height: 20px;
  align-items: flex-start
}

.AFS--Filter_LeftMenu .filter--label-container-checkbox,
.AFS--Filter_LeftMenu .filter--label-container-radio {
  display: block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  cursor: pointer;
  margin-bottom: 2px;
  padding-bottom: 0;
  margin-top: 0;
  padding-left: 23px;
  font-style: normal
}

.AFS--Filter_TopMenu .filter--label-container-checkbox,
.AFS--Filter_TopMenu .filter--label-container-radio {
  display: block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  cursor: pointer;
  margin-bottom: 2px;
  padding-bottom: 0;
  margin-top: 0;
  padding-left: 23px;
  font-style: normal
}

.AFS--Filter_LeftMenu .afs--filter--section #left-filter-bar-collection .filter--items.item-view--list .filter--label-container-checkbox {
  width: 100%
}

.AFS--Filter_LeftMenu .afs--filter--section .filter--items.item-view--list .filter--label-container-checkbox,
.AFS--Filter_LeftMenu .afs--filter--section .filter--items.item-view--list .filter--label-container-radio {
  width: 80%;
  overflow: visible;
  white-space: normal;
  margin-top: 0;
  position: relative;
  transition: .3s;
  word-break: break-word
}

.AFS--Filter_LeftMenu .afs--filter--section .filter--items.item-view--list .filter--label-container-checkbox:hover .filter--checkmark-checkbox,
.AFS--Filter_LeftMenu .afs--filter--section .filter--items.item-view--list .filter--label-container-radio:hover .filter--checkmark-radio {
  border: 1px solid #282c3e;
  transition: .3s
}

.AFS--Filter_LeftMenu .afs--filter--section .filter--items.item-view--list .filter--label-container-checkbox:hover .filter--option-title,
.AFS--Filter_LeftMenu .afs--filter--section .filter--items.item-view--list .filter--label-container-radio:hover .filter--option-title {
  color: #000 !important;
  transition: .3s
}

.AFS--Filter_LeftMenu .filter--label-container-checkbox input,
.AFS--Filter_LeftMenu .filter--label-container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

.filter--checkmark-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  border: 1px solid #e8e8e1;
  border-radius: 0;
  margin: 0 !important
}

.filter--checkmark-radio {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  border: 1px solid #e8e8e1;
  margin: 0 !important;
  box-sizing: border-box
}

.filter--label-container-checkbox .filter--checkmark-checkbox:after {
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid #282c3e;
  border-width: 0 2.5px 2.5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: transparent !important;
  box-sizing: border-box
}

.filter--label-container-checkbox input:checked~.filter--checkmark-checkbox:after {
  display: block;
  content: ""
}

.item-view--box .filter--label-container-checkbox[aria-checked=true] .filter--option-title,
.item-view--box .filter--label-container-radio[aria-checked=true] .filter--option-title {
  border-color: #282c3f;
  font-weight: 700
}

.AFS--Filter_LeftMenu .filter--option-title {
  border: 1px solid #e8e8e1;
  text-align: left;
  padding: 4px 12px !important;
  line-height: 15px;
  color: #828280;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: .5px;
  font-size: 13px
}

.AFS--Filter_LeftMenu .afs--filter--section .filter--items.item-view--list .filter--option-title {
  padding: 0 !important;
  border: 0;
  color: #828280
}

#left-filter-bar-collection .filter--item-count {
  width: auto;
  text-align: left;
  float: none
}

.AFS--Filter_LeftMenu .filter--item-count {
  margin: 0 3px 0 4px;
  margin-bottom: 0;
  font-size: 12px;
  color: #828280;
  word-break: initial !important;
  overflow-wrap: initial !important
}

.AFS--Filter_LeftMenu .filter--item-count span {
  margin: 0;
  padding: 0
}

.AFS--Filter_LeftMenu .filter--item-count * {
  word-break: initial !important;
  overflow-wrap: initial !important
}

.AFS--Filter_LeftMenu .afs--filter--clear-btn {
  font-size: 13px;
  border: 0;
  border-radius: 8px;
  outline: 0;
  background: 0 0;
  cursor: pointer;
  color: #464646;
  text-transform: capitalize;
  height: auto;
  line-height: initial;
  box-shadow: none;
  padding: 0;
  padding: 0;
  min-height: auto;
  margin: 0 !important;
  vertical-align: initial;
  width: initial
}

.AFS--Filter_LeftMenu .afs--filter--contents {
  margin-top: 13px
}

.AFS--Filter_LeftMenu .afs--filter--section .filter--items.item-view--list [aria-checked=true] .filter--checkmark-checkbox {
  border: 1px solid #282c3e
}

.AFS--Filter_LeftMenu .item-view--swatch.swatch-circle .filter--item.selected {
  border: 1px solid #282c3e
}

.AFS--Filter_LeftMenu .item-view--swatch .filter--item.selected {
  border: 1px solid #282c3e
}

.filter--label-container-radio input:checked~.filter--checkmark-radio {
  border: 1px solid #162950
}

.filter--label-container-radio[aria-checked=true] .filter--checkmark-radio:after {
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #464646;
  content: "";
  position: absolute
}

.filter--label-container-radio input:checked~.filter--checkmark-radio:after {
  display: block
}

.afs--modal {
  display: none;
  position: fixed;
  z-index: 2147483646;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(45, 45, 50, .8);
  justify-content: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center
}

.afs--modal .afs--modal-content {
  max-width: 1050px !important;
  display: block;
  background: 0 0;
  box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0), 0 31px 41px 0 rgba(33, 43, 54, 0);
  width: 100%;
  padding: 22px 23px 20px;
  border-radius: 0;
  max-height: 100%;
  height: auto;
  width: 76%;
  position: relative;
  color: #000;
  z-index: 2147483638;
  word-break: break-all
}

.afs--modal .afs--modal-close {
  position: absolute;
  top: 0;
  right: 11px;
  color: #000;
  font-weight: inherit;
  font-size: 40px;
  text-decoration: none;
  cursor: pointer;
  line-height: inherit
}

.afs--modal .afs--modal-close {
  position: absolute;
  font-weight: inherit;
  text-decoration: none;
  cursor: pointer;
  line-height: inherit;
  top: 27px;
  font-size: 20px;
  right: 36px;
  color: #000;
  z-index: 999;
  font-family: afs-fonts !important
}

.afs--modal div#style-1 {
  position: relative
}

.afs--modal .afs--product-modal-left {
  width: 45%;
  max-width: 45%;
  float: left;
  padding-right: 10px
}

.afs--modal .afs--product-modal-right {
  width: 54%;
  max-width: 54%;
  display: inline-block;
  padding-left: 1%
}

.afs--modal .afs--product-details-section {
  text-align: left
}

.afs--modal .afs--item-view--box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap
}

.afs--modal .afs--option-swatch-container .afs--item-view--box li {
  list-style-type: none;
  margin: 0 4px 4px 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap
}

.afs--modal .afs--item-view--box .afs--label-container-radio {
  border: 1px solid #e8e8e1;
  padding-left: 0;
  display: block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  cursor: pointer;
  font-size: 12px;
  letter-spacing: .5px;
  margin-bottom: 0 !important;
  text-transform: uppercase;
  transition: .3s
}

.afs--modal .afs--item-view--box .afs--label-container-radio:hover {
  background-color: transparent;
  color: #000;
  border: 1px solid #a4a4a4
}

.afs--modal .afs--item-view--box .afs--label-container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

.afs--modal .afs--item-view--box .afs--checkmark-radio,
.afs--modal .afs--item-view--swatch .afs--checkmark-radio,
.afs--modal .afs--item-view--swatch .afs--option-title,
.afs--modal .afs--option-swatch-container .afs--item-view--swatch .afs--label-container-radio input {
  display: none
}

.afs--modal .afs--checkmark-radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid #464646
}

.afs--modal .afs--item-view--box .afs--option-title {
  font-family: afs-fonts !important;
  font-style: normal;
  width: 100%;
  height: 100%;
  line-height: 24px;
  min-width: 40px;
  padding: 0 8px;
  display: block;
  min-height: 24px;
  text-align: center
}

.afs--modal .afs--addToCartButton-container,
.afs--modal .afs--option-dropdown-container,
.afs--modal .afs--option-swatch-container,
.afs--modal .afs-quantity-container {
  margin: 12px 0 12px 0
}

.afs--modal .afs--item-view--swatch {
  display: inline-flex;
  flex-wrap: wrap
}

.afs--modal input::-webkit-inner-spin-button,
.afs--modal input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.afs--modal input[type=number] {
  -moz-appearance: textfield
}

.afs--modal #afs--add-to-cart-form .afs--option-name {
  margin-bottom: 1px;
  font-family: afs-fonts !important;
  font-weight: 700;
  min-width: 65px;
  line-height: 25px;
  font-size: 15px;
  letter-spacing: 1px;
  margin: 0 5px 5px 0 !important;
  color: #212121;
  font-style: normal !important;
  text-transform: uppercase
}

.afs--modal #afs--add-to-cart-form select {
  background-color: #fff;
  border: 1px solid #eeee;
  width: 95%;
  height: auto !important;
  margin-bottom: 0;
  color: #162950;
  max-width: 100%;
  padding-top: 10px;
  padding-left: 18px;
  padding-bottom: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-image: url(//cdn.shopify.com/s/files/1/0245/9058/1841/t/25/assets/ico-select.svg?v=4880337542108921758);
  background-repeat: no-repeat;
  background-position: right 10px center;
  line-height: 1.2;
  padding-right: 28px;
  text-indent: .01px;
  text-overflow: '';
  cursor: pointer
}

.afs--modal option {
  color: #162950;
  background-color: #f8f8f8
}

.afs--set-new-width {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important
}

.AFS--Theme_Contents .hidden,
.AFS--Theme_Contents .hide {
  display: none !important
}

.hidden,
.hide {
  display: none !important
}

.afs--section-collapsed+div+div {
  display: none
}

.afs--section-collapsed+div {
  display: none
}

.afs-close-canvas {
  position: absolute;
  top: 2px;
  right: 0px;
  width: 30px;
  height: 30px;
  display: block;
  z-index: 999;
  cursor: pointer;
  display: none;
  background: rgba(0,0,0,0.05);
}

.afs-close-canvas:hover {
  background: rgba(0,0,0,0.22);
}

.afs-close-canvas:before {
  content: '';
  display: block;
  width: 26px;
  height: 1px;
  background: #000;
  position: absolute;
  right: 2px;
  top: 16px;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.afs-close-canvas:after {
  content: '';
  display: block;
  width: 26px;
  height: 1px;
  background: #000;
  position: absolute;
  right: 2px;
  top: 16px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

#afs---mobile-overlay {
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  background: #000;
  position: fixed;
  overflow: hidden;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 2147483647;
  transition: all .25s ease;
  cursor: pointer
}

.afs--middle .afs--add-to-cart svg {
  width: 15px;
  margin-right: 5px;
  margin-top: 1px;
  position: relative;
  top: 0;
  vertical-align: top
}

.AFS--Filter_TopMenu .afs--section-collapsed+div {
  visibility: visible
}

.AFS--Products_Wrapper.AFS--Filter_LeftMenu .ps__rail-x {
  display: none
}

.afs--middle .afs--add-to-cart svg path {
  fill: #fff
}


.afs--products-container form {
  margin: 0
}

.afs--collections-grid-views.active,
.afs--collections-list-views.active {
  pointer-events: none
}

.afs--vertical-filter #afs--filter-main-container {
  -ms-flex: 0 0 24%;
  flex: 0 0 24%;
  max-width: 24%;
}

.afs--filter-mobile-footer {
  display: none
}

.offcanvas-open {
  overflow: hidden
}

.afs--header .total-count {
  font-size: 15px
}

.afs--reviews-badge .spr-badge {
  margin-top: 0;
  margin-bottom: 3px;
  padding: 0
}

#digitalcoo--all-products-container .afs--grid-items .afs--vendor {
  margin-bottom: 5px
}

.AFS--Filter_LeftMenu div#left-filter-bar-collection .item-view--list {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0
}

.AFS--Filter_LeftMenu #left-filter-bar-collection .filter--item {
  margin: 0 0 10px
}

.AFS--Filter_LeftMenu div#left-filter-bar-collection .item-view--list li {
  margin-bottom: 0;
  line-height: 0
}

.AFS--Filter_LeftMenu div#left-filter-bar-collection .item-view--list .afs-sub-icon {
  display: flex;
  width: 25px;
  height: 16px;
  z-index: 2;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.AFS--Filter_LeftMenu div#left-filter-bar-collection .item-view--list .afs-sub-icon:before {
  left: 0;
  content: '';
  transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  border: solid;
  border-width: 1.2px 0 0 1.2px;
  display: inline-block;
  padding: 3px;
  visibility: hidden;
  color: inherit
}

.AFS--Filter_LeftMenu div#left-filter-bar-collection .item-view--list .afs-sub-icon:after {
  content: '';
  transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  border: solid;
  border-width: 0 1.2px 1.2px 0;
  display: inline-block;
  padding: 3px;
  color: inherit;
  position: absolute
}

.AFS--Filter_LeftMenu div#left-filter-bar-collection .item-view--list ul {
  margin-left: 0;
  padding-left: 24px;
  list-style: none
}

.AFS--Filter_LeftMenu div#left-filter-bar-collection .item-view--list .afs-sub-icon:before {
  left: 0;
  content: '';
  transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  border: solid;
  border-width: 1.2px 0 0 1.2px;
  display: inline-block;
  padding: 3px;
  visibility: hidden;
  color: inherit
}

.AFS--Filter_LeftMenu div#left-filter-bar-collection .item-view--list .afs-sub-icon:after {
  content: '';
  transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  border: solid;
  border-width: 0 1.2px 1.2px 0;
  display: inline-block;
  padding: 3px;
  color: inherit;
  position: absolute
}

div#left-filter-bar-collection .item-view--list .afs-sub-icon {
  display: flex;
  width: 25px;
  height: 16px;
  z-index: 2;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.afs--section-col-collapsed+ul {
  display: none
}

.AFS--Filter_LeftMenu div#left-filter-bar-collection .item-view--list .afs--section-col-collapsed .afs-sub-icon:before {
  visibility: visible
}

.AFS--Filter_LeftMenu div#left-filter-bar-collection .item-view--list .afs--section-col-collapsed .afs-sub-icon:after {
  visibility: hidden
}

.AFS--Filter_LeftMenu .item-view--box .filter--item {
  display: inline-block !important;
  line-height: normal;
  text-align: center;
  margin-right: 0
}

.AFS--Filter_LeftMenu form[name=filterVendorForm] .item-view--box .filter--item {
  margin-right: 4px
}

.item-view--box .filter--label-container-checkbox,
.item-view--box .filter--label-container-radio {
  border: 0;
  cursor: pointer;
  margin-bottom: 5px;
  padding-left: 0;
  background-image: none !important;
  transition: .3s
}

.item-view--box .filter--label-container-checkbox:hover .filter--option-title {
  border: 1px solid #282c3f;
  transition: .3s
}

.AFS--Filter_LeftMenu .item-view--box .filter--checkmark-checkbox,
.AFS--Filter_LeftMenu .item-view--box .filter--checkmark-radio,
.AFS--Filter_LeftMenu .item-view--swatch .filter--checkmark-checkbox,
.AFS--Filter_LeftMenu .item-view--swatch .filter--checkmark-radio {
  display: none
}

.AFS--Filter_LeftMenu .item-view--box .filter--item-count,
.AFS--Filter_LeftMenu .item-view--swatch .filter--item-count {
  display: none !important
}

.AFS--Filter_LeftMenu .item-view--swatch .filter--item {
  height: 30px;
  width: 30px;
  margin-bottom: 0;
  display: inline-block !important;
  cursor: pointer
}

.AFS--Filter_LeftMenu .item-view--swatch .bottom-color {
  width: 0;
  height: 0;
  border-bottom: 26px solid transparent;
  border-left: 26px solid transparent;
  position: absolute;
  right: 0;
  bottom: 0
}

.AFS--Filter_LeftMenu .item-view--swatch.swatch-circle .filter--item {
  border-radius: 50%;
  border: 1px solid #e8e8e1;
  height: 34px;
  width: 34px
}

.AFS--Filter_LeftMenu .item-view--swatch .filter--item:hover {
  border: 1px solid #282c3f;
  transition: .3s
}

.AFS--Filter_LeftMenu .item-view--swatch .filter--label-container-checkbox,
.AFS--Filter_LeftMenu .item-view--swatch .filter--label-container-radio {
  margin: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  height: 28px;
  width: 28px;
  border: 1px solid #ddd;
  padding-left: 0;
  background-size: cover
}

.AFS--Filter_LeftMenu .item-view--swatch.swatch-circle .filter--label-container-checkbox,
.AFS--Filter_LeftMenu .item-view--swatch.swatch-circle .filter--label-container-radio {
  border-radius: 50%;
  height: 26px;
  width: 26px
}

.AFS--Filter_LeftMenu .item-view--swatch .filter--label-container-checkbox[aria-checked=false] {
  opacity: 1
}

.AFS--Filter_LeftMenu .item-view--swatch .filter--option-title {
  display: none
}

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.noUi-target {
  position: relative;
  direction: ltr
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1
}

.noUi-connects {
  overflow: hidden;
  z-index: 0
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0
}

.noUi-vertical .noUi-origin {
  width: 0
}

.noUi-horizontal .noUi-origin {
  height: 0
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute
}

.noUi-touch-area {
  height: 100%;
  width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform .3s;
  transition: transform .3s
}

.noUi-state-drag * {
  cursor: inherit !important
}

.noUi-horizontal {
  height: 18px
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px
}

.noUi-vertical {
  width: 18px
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -10px;
  left: auto
}

.noUi-target {
  background: #fafafa;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connects {
  border-radius: 3px
}

.noUi-connect {
  background: #3fb8af
}

.noUi-draggable {
  cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize
}

.noUi-handle {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  cursor: default;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after,
.noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #e8e7e6;
  left: 14px;
  top: 6px
}

.noUi-handle:after {
  left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px
}

.noUi-vertical .noUi-handle:after {
  top: 17px
}

[disabled] .noUi-connect {
  background: #b8b8b8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
  cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.noUi-pips {
  position: absolute;
  color: #999
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px
}

.noUi-marker {
  position: absolute;
  background: #ccc
}

.noUi-marker-sub {
  background: #aaa
}

.noUi-marker-large {
  background: #aaa
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%
}

.AFS--Filter_LeftMenu #left-filter-bar-price .filter--card {
  height: auto;
  overflow: visible;
  min-height: 100px;
  max-height: 100% !important
}

.AFS--Filter_LeftMenu .filter--price-range-input-section {
  display: flex;
  flex-wrap: nowrap;
  max-width: 100%;
  margin-bottom: 16px;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox
}

.AFS--Filter_LeftMenu .filter--price-range-input-section input.filter--input-price-range {
  text-align: center;
  padding: 4px 0;
  width: 45%;
  background: 0 0;
  border: 1px solid #e3e3e3;
  margin-bottom: 0;
  font-size: 14px;
  min-width: initial;
  max-width: initial;
  text-indent: 0
}

.AFS--Filter_LeftMenu .filter--price-range-input-section span {
  width: 10%;
  text-align: center
}

.AFS--Filter_LeftMenu #filter--range-slider {
  width: 96%;
  margin: 0 auto;
  padding: 0 0 !important;
  height: 2px !important;
  border: 0
}

.AFS--Filter_LeftMenu .afs--filter--section .noUi-connect {
  background-color: #282c3e;
  margin-top: 0 !important
}

.AFS--Filter_LeftMenu .noUi-horizontal .noUi-origin {
  height: 0;
  width: 100%
}

.AFS--Filter_LeftMenu .noUi-horizontal .noUi-handle {
  width: 18px !important;
  height: 18px !important;
  box-shadow: none !important;
  cursor: pointer;
  position: absolute;
  z-index: 2;
  border: 1px solid #5e5e5e;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
  margin-left: -8px;
  top: -8px
}

.AFS--Filter_LeftMenu .noUi-pips-horizontal {
  right: 6px;
  left: 0;
  width: 100% !important;
  height: 50px;
  padding: 0 0
}

.AFS--Filter_LeftMenu .noUi-marker-horizontal.noUi-marker {
  width: 1px
}

.AFS--Filter_LeftMenu .noUi-marker-horizontal.noUi-marker-large {
  top: -5px;
  height: 8px
}

.AFS--Filter_LeftMenu .noUi-pips-horizontal .noUi-marker-horizontal:first-child {
  display: none
}

.AFS--Filter_LeftMenu .noUi-value-horizontal {
  color: #162950;
  font-size: 12px;
  top: 8px
}

.AFS--Filter_LeftMenu .noUi-handle:after,
.AFS--Filter_LeftMenu .noUi-handle:before {
  display: none
}

.afs--header {
  overflow: hidden
}

.afs--header #total-products-count {
  width: 45%;
  font-size: 14px;
  float: left;
  color: #828280;
  text-align: left
}

.afs--header .filter--sort-by.right {
  position: relative;
  float: right !important;
  line-height: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #c3c2c9;
}

.afs--header .afs--page-display-type {
  float: right !important;
  line-height: 0;
  font-size: medium
}



.afs--header.afs--theme-02 {
  display: flexbox;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 5px;
  margin-bottom: 30px
}

.afs--header.afs--theme-02 #total-products-count {
  width: 100%;
  font-size: 15px;
  text-align: left
}

.afs--header.afs--theme-02 .afs--page-display-type {
  display: flex;
  align-items: center;
  line-height: 0;
  width: 100px;
  justify-content: flex-end;
  margin-left: auto;
}

.afs--header.afs--theme-02 .afs--page-display-type .afs--collections-grid-views {
  margin: 0 8px 0 20px
}

.afs--header.afs--theme-02 .afs--page-display-type svg {
  fill: currentColor;
  width: 18px;
  height: 18px
}

.afs--header.afs--theme-02 .afs--collections-grid-views,
.afs--header.afs--theme-02 .afs--collections-list-views {
  width: 18px;
  height: 18px;
  opacity: 1;
  display: inline-block;
  transition: opacity .25s ease-in-out;
  line-height: 1;
  cursor: pointer
}

.afs--header.afs--theme-02 .afs--collections-grid-views svg path,
.afs--header.afs--theme-02 .afs--collections-list-views svg path {
  fill: #aaa
}

.afs--header.afs--theme-02 .afs--page-display-type .afs--collections-grid-views svg:hover path,
.afs--header.afs--theme-02 .afs--page-display-type .afs--collections-grid-views.active svg path,
.afs--header.afs--theme-02 .afs--page-display-type .afs--collections-list-views svg:hover path,
.afs--header.afs--theme-02 .afs--page-display-type .afs--collections-list-views.active svg path {
  fill: #000
}

.afs--header.afs--theme-02 #filterSortBy,
.afs--header.afs--theme-02 .filter--sort-by label {
  height: 33px !important;
  line-height: 35px
}

.afs--header.afs--theme-02 .filter--sort-by select,
.afs--header.afs--theme-02.filter--sort-by #filterSortBy {
  height: 33px !important
}

.afs--header.afs--theme-02 .filter--sort-by select:focus {
    outline: none;
}


.afs--products-container  .afs--grid-items .afs--full-product-d {
  text-align: center;
  padding-top: 13px;
  padding-bottom: 13px
}

.afs--products-container  .afs--grid-items .afs--product-image {
  position: relative
}

.afs--products-container  .afs--grid-items img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  display: block;
  -webkit-transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto
}

.afs--products-container  .afs--grid-items .afs--middle {
  opacity: 1
}

.afs--products-container  .afs--grid-items .afs--middle {
  position: absolute !important;
  top: 50%;
  left: 50%;
  width: auto !important;
  min-width: 36px !important;
  min-height: 36px !important;
  height: auto !important;
  padding: 5px 5px !important;
  z-index: 1;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transition: opacity .2s, background .2s, color .2s;
  transition: opacity .2s, background .2s, color .2s;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 36px !important;
  pointer-events: all;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none !important
}

.afs--products-container  .afs--grid-items .afs--product-image .afs--middle .afs--open-quick-view {
  border: 0;
  width: auto;
  font-size: 14px;
  border-radius: 2px !important;
  background-color: #282c3e;
  text-transform: inherit;
  font-weight: 100;
  letter-spacing: 0;
  padding: 8px 18px !important;
  color: #fff;
  line-height: inherit !important;
  box-shadow: initial;
  min-width: auto;
  height: auto;
  min-height: auto;
  box-sizing: border-box;
  margin: 0;
  white-space: nowrap;
  cursor: pointer;
  transition:.3;
}

.afs--products-container  .afs--grid-items .afs--product-image .afs--middle .afs--open-quick-view:hover {
    background-color: #000;
}

.afs--products-container  .afs--grid-items li[data-quickview-sticky=true] .afs--product-image .afs--middle {
  transition: opacity .25s ease, transform .25s ease-out;
  opacity: 1
}

.afs--products-container  .afs--grid-items .afs--badge {
  position: absolute;
  top: 0;
  right: 15px;
  display: flex;
  font-size: 13px;
  line-height: 18px
}

.afs--products-container  .afs--grid-items .afs--product-title {
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize !important;
  line-height: 1.3;
  letter-spacing: .4px
}

.afs--products-container  .afs--grid-items .afs--product-title a {
  color: #162950;
  text-decoration: none
}

.afs--products-container  .afs--grid-items .afs--reviews-badge {
  text-align: center;
  font-size: 14px;
  padding-top: 5px;
  margin-top: 0
}

.afs--products-container  .afs--grid-items .afs--price-now {
  color: #282c3e;
  font-weight: 600;
  font-size: 14px
}

.afs--products-container  ul li {
  font-size: 14px
}

.afs--products-container .afs--theme-02 .afs--grid-items .afs--inner {
  position: relative;
  display: block;
  overflow: hidden
}

.afs--products-container .afs--theme-02 .afs--grid-items .afs--open-quick-view {
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: flex;
  padding: 0;
  border: 0;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  color: #2d2d2d;
  font-size: 0;
  letter-spacing: 0;
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 9
}

.afs--products-container .afs--theme-02 .afs--grid-items li[data-cart-sticky=true] .afs--middle {
  -webkit-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0)
}

.afs--products-container .afs--theme-02 .afs--grid-items li[data-quickview-sticky=true] .afs--product-image a.afs--open-quick-view {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -sand-transform: scale(1);
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.afs--products-container .afs--theme-02 .afs--grid-items .afs--full-product-d {
  text-align: left;
  padding-top: 13px;
  padding-bottom: 13px
}

.afs--products-container .afs--theme-02 .afs--grid-items .afs--product-image {
  position: relative
}

.afs--products-container .afs--theme-02 .afs--grid-items img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  display: block;
  -webkit-transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto
}

.afs--products-container .afs--theme-02 .afs--grid-items .afs--product-image .afs--middle .afs--add-to-cart {
  width: 100%;
  font-size: 14px;
  border-radius: 2px !important;
  text-transform: inherit;
  font-weight: 100;
  letter-spacing: 0;
  padding: 8px 18px !important;
  line-height: inherit !important;
  min-width: auto;
  min-height: auto;
  box-sizing: border-box;
  white-space: nowrap;
  height: auto;
  margin: 0;
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
  color: #fff;
  border: 1px solid #282c3e !important;
  background: #282c3e;
  transition:.3s;
}

.afs--products-container .afs--theme-02 .afs--grid-items .afs--product-image .afs--middle .afs--add-to-cart:hover {
    background-color: black;
}

.afs--products-container .afs--theme-02 .afs--grid-items .afs--badge {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13px
}

.afs--products-container .afs--theme-02 .afs--grid-items .afs--badge .afs--badge-onsale {
  background-color: #ab3636;
  text-align: center;
  padding: 0 5px;
  color: #fff
}

.afs--products-container .afs--theme-02 .afs--grid-items .afs--product-title {
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize !important;
  line-height: 1.3;
  letter-spacing: .4px
}

.afs--products-container .afs--theme-02 .afs--grid-items .afs--product-title a {
  color: #162950;
  text-decoration: none
}

.afs--products-container .afs--theme-02 .afs--grid-items .afs--reviews-badge {
  text-align: left;
  font-size: 14px;
  padding-top: 5px;
  margin-top: 0
}

.afs--products-container .afs--theme-02 .afs--grid-items .afs--was-price {
  color: #747679;
  text-decoration: line-through
}

.afs--products-container .afs--theme-02 .afs--grid-items .afs--price-now {
  color: #282c3e;
  font-weight: 600;
  font-size: 14px
}

.afs--products-container .afs--theme-02 ul li {
  font-size: 14px
}

.afs--products-container .afs--theme-02 .afs--grid-items .afs--product-swatchs {
  margin: 5px -3px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.afs--products-container .afs--theme-03 .afs--grid-items .afs--inner {
  position: relative;
  display: block;
  overflow: hidden
}


.afs--products-container .afs--theme-03 .afs--grid-items .afs--open-quick-view {
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  border: 0;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  color: #2d2d2d;
  font-size: 0;
  letter-spacing: 0;
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 9
}

.afs--products-container .afs--theme-03 .afs--grid-items li[data-quickview-sticky=true] .afs--product-image a.afs--open-quick-view {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -sand-transform: scale(1);
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.afs--products-container .afs--theme-03 .afs--grid-items li[data-cart-sticky=true] .afs--full-product-d {
  -webkit-transform: translateY(-58px) translateZ(0);
  transform: translateY(-58px) translateZ(0);
  -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: transform .3s ease, opacity .3s ease;
  transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
  -webkit-transition: -webkit-transform .3s ease, opacity .3s ease
}

.afs--products-container .afs--theme-03 .afs--grid-items li[data-cart-sticky=true] .afs--middle {
  opacity: 1;
  transition: .3s
}

.afs--products-container .afs--theme-03 .afs--grid-items .afs--full-product-d {
  text-align: center;
  padding-top: 13px;
  padding-bottom: 13px
}

.afs--products-container .afs--theme-03 .afs--grid-items .afs--product-image {
  position: relative
}

.afs--products-container .afs--theme-03 .afs--grid-items img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  display: block;
  -webkit-transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto
}

.afs--products-container .afs--theme-03 .afs--grid-items .afs--middle {
  margin-top: 12px;
  position: absolute;
  bottom: 0;
  width: 100%;
  opacity: 0
}

.afs--products-container .afs--theme-03 .afs--grid-items .afs--full-product-d {
  overflow: hidden;
  margin-bottom: 0;
  padding-bottom: 44px;
  padding-top: 27px;
  position: relative;
  background-color: #fff
}

.afs--products-container .afs--theme-03 .afs--grid-items .afs--middle .afs--add-to-cart {
  width: 100%;
  font-size: 14px;
  border-radius: 2px !important;
  text-transform: inherit;
  font-weight: 100;
  letter-spacing: 0;
  padding: 8px 18px !important;
  line-height: inherit !important;
  min-width: auto;
  min-height: auto;
  box-sizing: border-box;
  white-space: nowrap;
  height: 40px;
  margin: 0;
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
  color: #fff;
  border: 1px solid #282c3e !important;
  background:#282c3e;
  cursor: pointer;
  display: inline-block;
  transition:.3s;
}

.afs--products-container .afs--theme-03 .afs--grid-items .afs--middle .afs--add-to-cart:hover {
background:#000;
}

.afs--products-container .afs--theme-03 .afs--grid-items .afs--badge {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13px
}

.afs--products-container .afs--theme-03 .afs--grid-items .afs--badge .afs--badge-onsale {
  background-color: #ab3636;
  text-align: center;
  padding: 0 5px;
  color: #fff
}

.afs--products-container .afs--theme-03 .afs--grid-items .afs--product-title {
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize !important;
  line-height: 1.3;
  letter-spacing: .4px
}

.afs--products-container .afs--theme-03 .afs--grid-items .afs--product-title a {
  color: #162950;
  text-decoration: none
}

.afs--products-container .afs--theme-03 .afs--grid-items .afs--reviews-badge {
  text-align: center;
  font-size: 14px;
  padding-top: 5px;
  margin-top: 0
}

.afs--products-container .afs--theme-03 .afs--grid-items .afs--was-price {
  color: #747679;
  text-decoration: line-through
}

.afs--products-container .afs--theme-03 .afs--grid-items .afs--price-now {
  color: #282c3e;
  font-weight: 600;
  font-size: 14px
}

.afs--products-container .afs--theme-03 ul li {
  font-size: 14px;
  overflow: hidden;
  margin-bottom: 20px
}

.afs--products-container .afs--theme-03 .afs--grid-items .afs--product-swatchs {
  margin: 5px -3px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center
}

.afs--products-container .afs--theme-04 .afs--grid-items .afs--inner {
  position: relative;
  display: block;
  overflow: hidden
}

.afs--products-container .afs--theme-04 .afs--grid-items .afs--open-quick-view {
  border-radius: 0;
  box-shadow: none;
  position: static;
  height: 42px;
  padding: 13px 13px 13px 13px;
  line-height: 42px;
  transition-delay: .1s;
  transform: translateX(0);
  transition: transform .3s;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4d5959 !important;
  border: 1px solid #fff !important;
  background: #fff !important
}

.afs--products-container .afs--theme-04 .afs--grid-items li[data-cart-sticky=true] .afs--add-to-cart,
.afs--products-container .afs--theme-04 .afs--grid-items li[data-cart-sticky=true] .afs--two-btn,
.afs--products-container .afs--theme-04 .afs--grid-items li[data-quickview-sticky=true] .afs--open-quick-view,
.afs--products-container .afs--theme-04 .afs--grid-items li[data-quickview-sticky=true] .afs--two-btn {
  transform: translateX(0)
}

.afs--products-container .afs--theme-04 .afs--grid-items .afs--add-to-cart svg path {
  fill: #fff;
}

.afs--products-container .afs--theme-04 .afs--grid-items .afs--full-product-d {
  text-align: left;
  padding-top: 13px;
  padding-bottom: 13px
}

.afs--products-container .afs--theme-04 .afs--grid-items .afs--product-image {
  position: relative
}

.afs--products-container .afs--theme-04 .afs--grid-items img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  display: block;
  -webkit-transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto
}

.afs--products-container .afs--theme-04 .afs--grid-items .afs--full-product-d {
  overflow: hidden;
  margin-bottom: -58px;
  padding-bottom: 58px;
  position: relative
}

.afs--products-container .afs--theme-04 .afs--grid-items .afs--add-to-cart {
  height: 42px;
  position: static;
  padding: 13px 13px 13px 13px;
  margin: 0;
  line-height: 40px;
  transform: translateX(0);
  transition: transform .3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  color: #4d5959 !important;
  border-radius: 0;
  border: 0;
  background: #282c3e !important;
  cursor: pointer;
  text-transform: capitalize;
  min-width: auto
}

.afs--products-container .afs--theme-04 .afs--grid-items .afs--add-to-cart svg {
  width: 16px
}

.afs--products-container .afs--theme-04 .afs--grid-items .afs--two-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateX(0);
  transition: transform .4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0
}

.afs--products-container .afs--theme-04 .afs--grid-items .afs--badge {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13px
}

.afs--products-container .afs--theme-04 .afs--grid-items .afs--badge .afs--badge-onsale {
  background-color: #ab3636;
  text-align: center;
  padding: 0 5px;
  color: #fff
}

.afs--products-container .afs--theme-04 .afs--grid-items .afs--product-title {
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize !important;
  line-height: 1.3;
  letter-spacing: .4px
}

.afs--products-container .afs--theme-04 .afs--grid-items .afs--product-title a {
  color: #162950;
  text-decoration: none
}

.afs--products-container .afs--theme-04 .afs--grid-items .afs--reviews-badge {
  text-align: left;
  font-size: 14px;
  padding-top: 5px;
  margin-top: 0
}

.afs--products-container .afs--theme-04 .afs--grid-items .afs--was-price {
  color: #747679;
  text-decoration: line-through
}

.afs--products-container .afs--theme-04 .afs--grid-items .afs--price-now {
  color: #282c3e;
  font-weight: 600;
  font-size: 14px
}

.afs--products-container .afs--theme-04 ul li {
  font-size: 14px;
  overflow: hidden;
  margin-bottom: 20px
}

.afs--products-container .afs--theme-04 .afs--grid-items .afs--product-swatchs {
  margin: 5px -3px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.afs--products-container .afs--theme-04 .afs--grid-items li:hover .afs--two-btn {
  transform: translateX(0)
}

.afs--products-container .afs--theme-04 .afs--grid-items li:hover .afs--add-to-cart,
.afs--products-container .afs--theme-04 .afs--grid-items li:hover .afs--open-quick-view {
  transform: translateX(0)
}

.afs--products-container .afs--theme-05 .afs--grid-items .afs--inner {
  position: relative;
  display: block;
  overflow: hidden
}

.afs--products-container .afs--theme-05 .afs--grid-items .afs--open-quick-view {
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0;
  border: 0;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  color: #2d2d2d;
  font-size: 0;
  letter-spacing: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9
}

.afs--products-container .afs--theme-05 li[data-quickview-sticky=true] .afs--open-quick-view {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.afs--products-container .afs--theme-05 li[data-quickview-sticky=true] .afs--open-quick-view {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.afs--products-container .afs--theme-05 li[data-cart-sticky=true] .afs-product-images-navigation {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.afs--products-container .afs--theme-05 li[data-cart-sticky=true] .afs--add-to-cart svg {
  transform: translate3d(0, 0, 0)
}

.afs--products-container .afs--theme-05 li[data-cart-sticky=true] .afs--add-to-cart span {
  transform: translate3d(0, 0, 0)
}

.afs--products-container .afs--theme-05 .afs--grid-items li[data-cart-sticky=true] .afs--add-to-cart svg path {
  fill: #fff
}

.afs--products-container .afs--theme-05 .afs--grid-items li[data-cart-sticky=true] .afs--add-to-cart {
  background-color: #000;
  color: #fff
}

.afs--products-container .afs--theme-05 .afs--grid-items .afs--full-product-d {
  text-align: left;
  padding-top: 12px;
  padding-bottom: 8px
}

.afs--products-container .afs--theme-05 .afs--grid-items .afs--product-image {
  position: relative
}

.afs--products-container .afs--theme-05 .afs--grid-items img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  display: block;
  -webkit-transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto
}

.afs--products-container .afs--theme-05 .afs--grid-items .afs--add-to-cart {
  padding: 0 16px;
  margin-top: 10px;
  border-radius: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  line-height: 35px;
  height: 35px;
  color: #fff !important;
  border: 1px solid #282c3e !important;
  background: #282c3e!important;
  cursor: pointer;
  white-space: nowrap;
  text-transform: capitalize;
  width: auto
}

.afs--products-container .afs--theme-05 .afs--grid-items .afs--add-to-cart svg path {
  fill: #000
}

.afs--products-container .afs--theme-05 .afs--grid-items .afs--two-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateX(100%);
  transition: transform .4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0
}

.afs--products-container .afs--theme-05 .afs--grid-items .afs--badge {
  position: absolute;
  top: 0;
  left: 0;
}

.afs--products-container .afs--theme-05 .afs--grid-items .afs--badge .afs--badge-onsale {
  background-color: #ab3636;
  text-align: center;
  padding: 4px 12px;
  color: #fff
}

.afs--products-container .afs--theme-05 .afs--grid-items .afs--product-title {
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize !important;
  line-height: 1.3;
  letter-spacing: .4px
}

.afs--products-container .afs--theme-05 .afs--grid-items .afs--product-title a {
  color: #162950;
  text-decoration: none
}

.afs--products-container .afs--theme-05 .afs--grid-items .afs--reviews-badge {
  text-align: left;
  font-size: 14px;
  padding-top: 5px;
  margin-top: 0
}

.afs--products-container .afs--theme-05 .afs--grid-items .afs--was-price {
  color: #747679;
  text-decoration: line-through
}

.afs--products-container .afs--theme-05 .afs--grid-items .afs--price-now {
  color: #282c3e;
  font-weight: 600;
  font-size: 14px
}

.afs--products-container .afs--theme-05 ul li {
  font-size: 14px;
  overflow: hidden;
  margin-bottom: 20px
}

.afs--products-container .afs--theme-05 .afs--grid-items .afs--product-swatchs {
  margin: 5px -3px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.afs-product-images-navigation {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.afs-product-images-navigation .image-navigation {
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  color: #212b36;
  border-radius: 50%;
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
  justify-content: center;
  align-items: center
}

.afs-product-images-navigation .image-navigation.prev {
  margin-right: 3px
}

.afs--products-container .afs--theme-05 .afs--add-to-cart svg {
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px
}

.afs--products-container .afs--theme-05 .afs--grid-items .afs--add-to-cart:hover {
  background-color: #000 !important;
  color: #fff !important
}

.afs--products-container .afs--theme-05 .afs--grid-items .afs--add-to-cart:hover svg path {
  fill: #fff
}

.afs--products-container .afs--theme-02 .afs--list-items li {
  display: flexbox;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch
}

.afs--products-container .afs--theme-02 .afs--list-items .afs--list-col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}

.afs--products-container .afs--theme-02 .afs--list-items .afs--list-col-7 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
  padding-left: 30px
}

.afs--products-container  .afs--list-items .afs--badge {
  position: absolute;
  right: auto;
  left: 0;
  top: auto;
  padding: 1px 7px 1px 7px
}

.afs--products-container  .afs--list-items li {
  display: table;
  margin-bottom: 10px;
  width: 100%;
  border-bottom: 1px solid #dcd9d9;
  padding-bottom: 10px;
  position: relative;
  min-height: 110px
}

.afs--products-container  .afs--list-items li .afs--product-image {
  display: table-cell;
  vertical-align: middle;
  width: 94px;
  padding-right: 11px
}

.afs--products-container  .afs--list-items .afs--product-image img {
  max-height: 110px;
  width: auto;
  max-width: 100%;
  object-fit: cover;
  text-align: center;
  margin: 0 0 auto
}

.afs--products-container  .afs--list-items li .afs--product-title-section {
  text-align: left;
  width: auto;
  font-size: 15px;
  vertical-align: middle;
  display: table-cell;
  padding: 10px 7px 10px 0
}

.afs--products-container  .afs--list-items .afs--product-title .afs--vendor {
  width: auto;
  font-weight: 500;
  font-size: 12px;
  font-style: italic;
  text-align: left
}

.afs--products-container  .afs--list-items .afs--reviews-badge {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 20%;
  margin-top: 0
}

.afs--products-container  .afs--list-items li .both-price {
  font-size: 16px;
  color: #282c3e;
  font-weight: 700;
  display: table-cell;
  vertical-align: middle;
  width: 17%;
  text-align: right;
  padding: 0 10px 0 19px
}

.afs--products-container  .afs--list-items .afs--was-price {
  color: #747679;
  font-weight: 500;
  font-size: 14px
}

.afs--products-container  .afs--list-items .afs--middle {
  display: table-cell !important;
  vertical-align: middle;
  position: relative !important;
  top: 0;
  left: 0;
  right: 0;
  text-align: right;
  width: 13% !important;
  min-width: 36px !important;
  height: auto !important;
  padding: 0 0 !important;
  z-index: 1;
  -webkit-transition: opacity .2s, background .2s, color .2s;
  transition: opacity .2s, background .2s, color .2s;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 36px !important;
  pointer-events: all;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none !important;
  opacity: 1
}

.afs--products-container  .afs--list-items .afs--middle .afs--open-quick-view {
  border: 0;
  font-size: 14px;
  border-radius: 2px !important;
  background-color: #282c3e;
  text-transform: inherit;
  font-weight: 100;
  letter-spacing: 0;
  padding: 8px 18px !important;
  color: #fff;
  line-height: inherit !important;
  box-shadow: initial;
  min-width: auto;
  height: auto;
  min-height: auto;
  box-sizing: border-box;
  margin: 0;
  white-space: nowrap;
  cursor: pointer;
  width: auto;
  transition:.3s;
}

.afs--products-container  .afs--list-items .afs--middle .afs--open-quick-view:hover {
  background-color:#000;
}

.afs--products-container .afs--theme-02 .afs--list-para {
  margin: 0
}

.afs--products-container .afs--theme-02 .afs--list-items li[data-quickview-sticky=true] .afs--open-quick-view {
  opacity: 1;
  visibility: visible
}

.afs--products-container .afs--theme-02 .afs--list-items li {
  margin-bottom: 27px;
  width: 100%;
  border-bottom: 1px solid #dcd9d9;
  padding-bottom: 20px;
  text-align: left
}

.afs--products-container .afs--theme-02 .afs--list-items .afs--product-title .afs--vendor {
  width: auto;
  font-weight: 500;
  font-size: 12px;
  font-style: italic;
  text-align: left;
  margin-top: 7px;
  margin-bottom: 7px
}

.afs-list-layout .afs--theme-02 .afs--list-items .afs--reviews-badge .spr-badge {
  margin-bottom: 0px;
}

.afs--products-container .afs--theme-02 .afs--list-items .afs--reviews-badge {
  margin-bottom: 10px
}

.afs--products-container .afs--theme-02 .afs--list-items li .both-price {
  font-size: 16px;
  color: #282c3e;
  font-weight: 700;
  padding: 6px 0 6px 0
}

.afs--products-container .afs--theme-02 .afs--list-items .afs--was-price {
  color: #747679;
  font-weight: 500;
  font-size: 14px
}

.afs--products-container .afs--theme-02 .afs--list-items .afs--product-image {
  position: relative
}

.afs--products-container .afs--theme-02 .afs--list-items .afs--sold-out .afs--badge {
  background: #ff6464
}

.afs--products-container .afs--theme-02 .afs--list-items .afs--badge {
  position: absolute;
  right: auto;
  left: 15px;
  top: 15px;
  z-index: 12;
  background: #000;
  border-radius: 3px;
  box-shadow: none;
  font-size: 12px;
  font-weight: 400;
  height: 25px;
  min-height: 25px;
  line-height: 25px;
  padding: 0 8px;
  min-width: 50px;
  text-align: center;
  text-shadow: none;
  text-transform: capitalize;
  pointer-events: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center
}

.afs--products-container .afs--theme-02 .afs--list-items .afs--badge:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  transition-property: bottom;
  right: -3px;
  bottom: 8px;
  width: 9px;
  height: 9px;
  background: #000;
  transform: rotate(45deg)
}

.afs--products-container .afs--theme-02 .afs--list-items .afs--sold-out .afs--badge:before {
  background: #ff6464
}

.afs--products-container .afs--theme-02 .afs--list-items .afs--badge:after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #fff;
  position: absolute;
  right: 2px;
  top: 41%
}

.afs--products-container .afs--theme-02 .afs--list-items .afs--middle .afs--add-to-cart {
  box-shadow: none;
  display: inline-block;
  font-size: 18px;
  border: 0;
  background: #282c3e;
  border-color: #282c3e;
  font-weight: 400;
  padding: 0 35px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  text-shadow: none;
  text-transform: capitalize;
  white-space: nowrap;
  color: #fff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  min-width: 250px;
  text-transform: capitalize
}

.afs--products-container .afs--theme-02 .afs--list-items .afs--middle .afs--add-to-cart:hover {
  background-color: #000000 !important;
  transition: .2s;
  border: 0 !important;
  color: #fff !important
}

.afs--products-container .afs--theme-02 .afs--list-items img {
  object-fit: cover;
  max-width: 100%;
  height: auto;
  width: 100%;
  display: block;
  -webkit-transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1)
}

.afs--products-container .afs--theme-02 .afs--list-items li .afs--middle {
  margin-top: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.afs--products-container .afs--theme-02 .afs--list-items .afs--open-quick-view {
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  border: 0;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  color: #2d2d2d;
  font-size: 0;
  letter-spacing: 0;
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 9;
  opacity: 1
}

.AFS--Filter_LeftMenu .afs--filter--header {
  padding: 0 8px 8px 8px;
  padding-left: 0;
  font-size: 15px;
  text-align: left
}

.AFS--Filter_LeftMenu .filter--left {
  cursor: pointer;
  display: inline-block
}

.AFS--Filter_LeftMenu .filter--right {
  float: right;
  margin-top: 1px
}

.AFS--Filter_LeftMenu .afs--filter--header .filter--left:after,
.AFS--Filter_LeftMenu .afs--filter--header .filter--left:before {
  display: none
}

.usf-icon {
  vertical-align: middle;
  height: 17px
}

span.usf-icon svg {
  display: inline-block;
  vertical-align: initial;
  width: initial;
  height: initial
}

.AFS--Filter_LeftMenu .filter--hide-or-show {
  text-decoration: inherit;
  color: inherit;
  position: initial;
  width: 100%;
  letter-spacing: 0.5px;
}

.AFS--Filter_LeftMenu .afs--no-width .filter--hide-or-show {
  position: absolute
}

.AFS--Filter_LeftMenu .afs--filter--clear-btn {
  font-size: 13px;
  border: 0;
  border-radius: 8px;
  outline: 0;
  background: 0 0;
  cursor: pointer;
  color: #464646;
  text-transform: capitalize;
  height: auto;
  line-height: initial;
  box-shadow: none;
  padding: 0;
  padding: 0;
  min-height: auto;
  margin: 0 !important;
  vertical-align: initial;
  width: initial;
  text-align: right;
  float: none
}

.AFS--Filter_LeftMenu .afs--filter--header .afs--mob-right {
  float: right
}

.AFS--Filter_LeftMenu .filter--header {
  font-weight: inherit;
  color: #828280;
  line-height: 1.5;
  position: relative;
  padding-top: 15px;
  padding-left: 15px;
  padding-bottom: 15px;
  text-align: left;
  font-size: 14px;
  border-top: 1px solid #e6e5e5
}

.AFS--Filter_LeftMenu .filter--title {
  color: #282c3f;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-left: 4px;
  font-weight: 600;
  word-break: break-all
}

.AFS--Filter_LeftMenu .afs--filter--contents .filter--header.afs--section-collapsed .filter--left:before {
  visibility: visible
}

.AFS--Filter_LeftMenu .afs--filter--contents .filter--header.afs--section-collapsed .filter--left:after {
  content: '';
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  top: 17px;
}

.AFS--Filter_LeftMenu .filter--left:after {
  left: 0;
  content: '';
  position: absolute;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  border: solid;
  border-width: 1.2px 0 0 1.2px;
  display: inline-block;
  padding: 4px;
  top: 22px;
  visibility: visible;
  color: inherit;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
}

.AFS--Filter_LeftMenu .filter-by--item {
  font-size: 14px;
  margin-bottom: 3px;
  position: relative;
  display: block;
  padding-right: 20px
}

.AFS--Filter_LeftMenu .filter-by--item label {
  line-height: initial;
  font-size: 13px;
}

.AFS--Filter_LeftMenu .filter-by--name {
  text-transform: capitalize;
  padding-right: 3px
}

.AFS--Filter_LeftMenu .filter-by--item .filter-by--value {
  text-transform: capitalize;
  padding-left: 4px;
  font-weight: 800;
  word-break: break-word
}

.AFS--Filter_LeftMenu .filter-by--item .filter-by--clear-btn {
  width: 13px;
  height: 15px;
  float: right;
  position: absolute;
  right: 0;
  top: 26%;
  margin-top: -6px;
  font-size: 17px;
  cursor: pointer
}

.AFS--Filter_LeftMenu .filter-by--item .filter-by--clear-btn::after,
.AFS--Filter_LeftMenu .filter-by--item .filter-by--clear-btn::before {
  content: '';
  display: block;
  width: 12px;
  height: 1px;
  background: #000;
  position: absolute;
  right: 0;
  top: 10px;
  transform: rotate(45deg)
}

.AFS--Filter_LeftMenu .filter-by--item .filter-by--clear-btn::after {
  transform: rotate(-45deg)
}

.AFS--Filter_LeftMenu .filter--right--header-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap
}

.afs-s-icon span {
  position: absolute
}

.afs-s-icon svg {
  width: 16px;
  margin-top: 10px;
  margin-left: 10px;
  fill: #999;
  display: block
}

.AFS--Filter_LeftMenu .filter--checkmark-checkbox {
  border: 1px solid #c3c2c9
}

.AFS--Filter_LeftMenu .filter--checkmark-radio {
  border: 1px solid #c3c2c9
}

.AFS--Filter_LeftMenu .filter--option-title {
  padding: 7px 12px !important;
  color: #282c3f !important
}

.AFS--Filter_LeftMenu .filter--item-count {
  color: #878787;
  text-align: right;
  float: right;
  width: 20%
}

.afs--mobile-filters-wrapper {
  display: none
}

.AFS--Filter_TopMenu .ps__rail-x {
  display: none
}

.AFS--Filter_LeftMenu .ps__rail-y,
.afs--modal div#style-1 .ps__rail-y,
.afs--search-results-wrapper .ps__rail-y,
.AFS--Filter_TopMenu .ps__rail-y {
  opacity: .6 !important;
  width: 4px;
  left: unset !important;
  background-color: #aaa
}

.AFS--Filter_LeftMenu .ps__thumb-y,
.afs--modal div#style-1 .ps__thumb-y,
.afs--search-results-wrapper .ps__thumb-y,
.AFS--Filter_TopMenu .ps__thumb-y {
  width: 4px !important;
  right: 0;
  background-color: #000
}

.AFS--Filter_LeftMenu .ps__rail-y:focus>.ps__thumb-y,
.AFS--Filter_LeftMenu .ps__rail-y.ps--clicking .ps__thumb-y,
.AFS--Filter_LeftMenu .ps__rail-y:hover>.ps__thumb-y {
  width: 4px
}

.AFS--Filter_TopMenu .ps__rail-y:focus>.ps__thumb-y,
.AFS--Filter_TopMenu .ps__rail-y.ps--clicking .ps__thumb-y,
.AFS--Filter_TopMenu .ps__rail-y:hover>.ps__thumb-y {
  width: 4px
}

.afs--modal div#style-1 .ps__rail-y.ps--clicking .ps__thumb-y,
.afs--modal div#style-1 .ps__rail-y:focus>.ps__thumb-y,
.afs--modal div#style-1 .ps__rail-y:hover>.ps__thumb-y {
  width: 4px
}

.afs--modal-content .carousel--full-bleed {
  height: 100%
}

.afs--modal-content .flickity-button:hover {
  background: #212121;
  cursor: pointer
}

.afs--modal-content .flickity-button:hover .flickity-button-icon path {
  fill: #fff
}

.afs--modal-content .flickity-prev-next-button {
  width: 28px;
  height: 30px
}

.afs--modal-content .carousel {
  background: #fafafa;
  margin-bottom: 30px;
  counter-reset: carousel-cell
}

.afs--modal-content .carousel-image {
  display: block;
  width: 100%;
  margin-right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%)
}

.afs--modal-content .carousel__natural-image {
  display: block;
  max-width: 100%;
  width: auto;
  margin-right: 10px;
  margin: 0 auto
}

.afs--modal-content .carousel--nav button.flickity-button.flickity-prev-next-button {
  display: none
}

.afs--modal-content .carousel--nav .is-nav-selected {
  border: 1px solid #282c3e !important
}

.afs--modal-content .carousel--nav .carousel-image {
  top: 50%;
  transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  width: intrinsic;
  width: -moz-max-content;
  width: -webkit-max-content
}

.AFS--Filter_TopMenu .afs--filter--section .clearfix:after,
.AFS--Filter_TopMenu .afs--filter--section .clearfix:before {
  display: none
}

.AFS--Filter_TopMenu .filter-by--item .filter-by--clear-btn::after,
.AFS--Filter_TopMenu .filter-by--item .filter-by--clear-btn::before {
  cursor: pointer
}

.AFS--Filter_TopMenu .filter-by--item {
  font-size: 14px;
  margin-bottom: 3px;
  position: relative;
  display: block;
  padding-right: 20px
}

.AFS--Filter_TopMenu .filter-by--name {
  text-transform: capitalize;
  padding-right: 3px
}

.AFS--Filter_TopMenu .filter-by--item .filter-by--value {
  text-transform: capitalize;
  padding-left: 4px;
  font-weight: 800;
  word-break: break-word
}

.AFS--Filter_TopMenu .filter-by--item .filter-by--clear-btn::after,
.AFS--Filter_TopMenu .filter-by--item .filter-by--clear-btn::before {
  content: '';
  display: block;
  width: 12px;
  height: 1px;
  background: #000;
  position: absolute;
  right: 0;
  top: 10px;
  transform: rotate(45deg)
}

.AFS--Filter_TopMenu .filter-by--item .filter-by--clear-btn::after {
  transform: rotate(-45deg)
}

.afs--horizontal-filter .filter--title {
  cursor: pointer
}

.AFS--Filter_TopMenu .afs--filter--section .afs-s-icon {
  display: none
}

.AFS--Filter_TopMenu .afs--filter--header {
  padding: 0 8px 8px 8px;
  padding-left: 0;
  font-size: 15px;
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.AFS--Filter_TopMenu .filter--hide-or-show {
  text-decoration: inherit;
  margin-left: 7px;
  color: inherit;
  position: initial
}

.AFS--Filter_TopMenu .afs--filter--header .filter--right .afs--filter--clear {
  margin-left: 60px;
  margin-top: 0
}

.AFS--Filter_TopMenu .afs--filter--header .filter--right .afs--filter--clear button#afs--reset-all {
  font-size: 13px;
  border: 0;
  border-radius: 8px;
  outline: 0;
  background: 0 0;
  cursor: pointer;
  color: #464646;
  text-transform: capitalize;
  height: auto;
  line-height: initial;
  box-shadow: none;
  padding: 0;
  padding: 0;
  min-height: auto;
  margin: 0 !important;
  vertical-align: initial;
  width: initial;
  text-align: right;
  float: none;
  padding-top: 0px
}

.afs--horizontal-filter .AFS--Products_Wrapper {
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important
}

.afs--horizontal-filter #afs--filter-main-container {
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-right: 0
}

.AFS--Filter_TopMenu div#left-filter-bar-collection .item-view--list ul {
  margin-left: 0;
  padding-left: 24px;
  list-style: none
}

.AFS--Filter_TopMenu .afs--filter--section #left-filter-bar-collection .filter--items.item-view--list .filter--label-container-checkbox {
  width: 100%
}

.AFS--Filter_TopMenu div#left-filter-bar-collection .item-view--list .afs--section-col-collapsed .afs-sub-icon:after {
  visibility: visible
}

.AFS--Filter_TopMenu #left-filter-bar-collection .filter--item {
  margin: 0 0 10px
}

.AFS--Filter_TopMenu .filter--item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 7px;
  line-height: 18px;
  line-height: 20px;
  align-items: flex-start
}

.AFS--Filter_TopMenu .afs--filter--section .filter--items.item-view--list .filter--label-container-checkbox,
.AFS--Filter_TopMenu .afs--filter--section .filter--items.item-view--list .filter--label-container-radio {
  width: 80%;
  overflow: visible;
  white-space: normal;
  margin-top: 0;
  position: relative
}

.AFS--Filter_TopMenu .filter--label-container-checkbox input,
.AFS--Filter_TopMenu .filter--label-container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

.AFS--Filter_TopMenu .filter--option-title {
  border: 1px solid #e8e8e1;
  text-align: left;
  padding: 4px 12px !important;
  font-size: 14px;
  line-height: 15px;
  color: #828280;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: .5px;
  font-size: 13px
}

.AFS--Filter_TopMenu .item-view--swatch .filter--label-container-checkbox[aria-checked=false] {
  opacity: 1
}

.AFS--Filter_TopMenu .filter--option-title {
  padding: 7px 12px !important;
  color: #282c3f
}

.AFS--Filter_TopMenu .afs--filter--section .filter--items.item-view--list .filter--option-title {
  border: 0;
  padding: 0 !important
}

.AFS--Filter_TopMenu .afs--filter--section #left-filter-bar-collection .filter--items.item-view--list .filter--option-title:hover {
  color: #000
}

.AFS--Filter_TopMenu .afs--filter--contents {
  margin-bottom: 30px;
  border-bottom: 1px solid #e8e9eb;
  border-top: 1px solid #e8e9eb;
  padding-top: 13px;
  text-align: left
}

.AFS--Filter_TopMenu .filter--item-count {
  margin: 0 3px 0 4px;
  margin-bottom: 0;
  font-size: 12px;
  color: #828280;
  word-break: initial !important;
  overflow-wrap: initial !important
}

.AFS--Filter_TopMenu .item-view--swatch .filter--option-title {
  display: none
}

.AFS--Filter_TopMenu .filter--item-count {
  color: #878787;
  text-align: right;
  float: right;
  width: 20%
}

.AFS--Filter_TopMenu .noUi-handle:after,
.AFS--Filter_TopMenu .noUi-handle:before {
  display: none
}

.AFS--Filter_TopMenu .afs--filter--section {
  display: inline-block;
  position: relative
}

.AFS--Filter_TopMenu .afs--filter--section .filter--header {
  margin: 0;
  margin-bottom: 10px;
  margin-right: 40px;
  position: relative
}

.AFS--Filter_TopMenu .afs--filter--contents #left-filter-bar-filter-by .filter--right {
  display: none;
}

.AFS--Filter_TopMenu form[name=filterVendorForm] .item-view--box .filter--item {
  margin-right: 4px
}

.AFS--Filter_TopMenu .item-view--box .filter--item {
  display: inline-block !important;
  line-height: normal;
  text-align: center;
  margin-right: 0
}

.AFS--Filter_TopMenu .item-view--box .filter--item-count,
.AFS--Filter_TopMenu .item-view--swatch .filter--item-count {
  display: none !important
}

.AFS--Filter_TopMenu .item-view--box .filter--checkmark-checkbox,
.AFS--Filter_TopMenu .item-view--box .filter--checkmark-radio,
.AFS--Filter_TopMenu .item-view--swatch .filter--checkmark-checkbox,
.AFS--Filter_TopMenu .item-view--swatch .filter--checkmark-radio {
  display: none
}

.AFS--Filter_TopMenu .filter--checkmark-checkbox {
  border: 1px solid #c3c2c9;
  border-radius: 0
}

.AFS--Filter_TopMenu .afs--left-filter-bar-last-section .filter--card.filter--contents-section {
  right: 0;
  left: initial
}

.AFS--Filter_TopMenu #left-filter-bar-price .filter--card {
  width: 320px;
  padding-top: 24px
}

.AFS--Filter_TopMenu .filter--title {
  display: block;
  position: relative;
  padding: 5px 15px 5px 0;
  font-size: 14px;
  margin-right: 0;
  opacity: 1;
  text-decoration: none;
  background: 0 0;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.5;
  -ms-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer
}

.AFS--Filter_TopMenu .filter--title:before {
  top: 50%;
  right: 0;
  left: auto;
  position: absolute;
  margin-top: -2px;
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  display: inline-block;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  width: 7px;
  height: 7px
}

.AFS--Filter_TopMenu .afs--section-collapsed .filter--title:before {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -6px
}

.afs--section-col-collapsed+ul {
  display: none
}

.AFS--Filter_TopMenu div#left-filter-bar-collection .item-view--list .afs--section-col-collapsed .afs-sub-icon:before {
  content: "";
  margin: 0 10px -2px 0;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  display: inline-block;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  -ms-transform: translate(0, -50%) rotate(-45deg);
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 8px;
  height: 8px;
  margin-bottom: -4px
}

.AFS--Filter_TopMenu div#left-filter-bar-collection .item-view--list .afs-sub-icon:before {
  content: "";
  margin: 0 10px -2px 0;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  display: inline-block;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 8px;
  height: 8px;
  margin-bottom: 2px
}

.AFS--Filter_TopMenu .afs--filter--section .filter--header:after {
  top: 28px;
  left: 18px;
  width: 14px;
  height: 14px;
  background-color: #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
  position: absolute;
  z-index: 9999;
  visibility: hidden
}

.AFS--Filter_TopMenu .afs--filter--section .filter--header:before {
  content: '';
  position: absolute;
  top: 29px;
  left: 20px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  -ms-box-shadow: -2px -2px 6px rgba(0, 0, 0, .12);
  -webkit-box-shadow: -2px -2px 6px rgba(0, 0, 0, .12);
  box-shadow: -2px -2px 6px rgba(0, 0, 0, .12);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  visibility: hidden
}

.AFS--Filter_TopMenu .afs--filter--section .filter--header.afs--section-collapsed:after,
.AFS--Filter_TopMenu .afs--filter--section .filter--header.afs--section-collapsed:before {
  visibility: visible
}

.AFS--Filter_TopMenu .filter--card {
  max-height: 350px
}

.AFS--Filter_TopMenu .afs--filter--section .filter--items.item-view--list .filter--label-container-checkbox:hover .filter--checkmark-checkbox,
.AFS--Filter_TopMenu .afs--filter--section .filter--items.item-view--list .filter--label-container-radio:hover .filter--checkmark-radio {
  border: 1px solid #282c3e;
  transition: .3s
}

.AFS--Filter_TopMenu .item-view--swatch .filter--item:hover {
  border: 1px solid #282c3f !important;
  transition: .3s
}

.AFS--Filter_TopMenu .item-view--swatch .bottom-color {
  width: 0;
  height: 0;
  border-bottom: 26px solid transparent;
  border-left: 26px solid transparent;
  position: absolute;
  right: 0;
  bottom: 0
}

.AFS--Filter_TopMenu .item-view--swatch .filter--item {
  height: 30px;
  width: 30px;
  margin-bottom: 0;
  display: inline-block !important;
  cursor: pointer
}

.AFS--Filter_TopMenu .item-view--swatch .filter--label-container-checkbox,
.AFS--Filter_TopMenu .item-view--swatch.swatch-circle .filter--label-container-radio {
  margin: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  height: 28px;
  width: 28px;
  border: 1px solid #ddd;
  padding-left: 0;
  background-size: cover
}

.AFS--Filter_TopMenu .item-view--swatch.swatch-circle .filter--label-container-checkbox,
.AFS--Filter_TopMenu .item-view--swatch.swatch-circle .filter--label-container-radio {
  border-radius: 50%;
  height: 26px;
  width: 26px
}

.AFS--Filter_TopMenu .item-view--swatch.swatch-circle .filter--item {
  border-radius: 50%;
  border: 1px solid #e8e8e1;
  height: 34px;
  width: 34px
}

.AFS--Filter_TopMenu .afs--filter--section .filter--items.item-view--list [aria-checked=true] .filter--checkmark-checkbox {
  border: 1px solid #282c3e
}

.AFS--Filter_TopMenu .item-view--swatch .filter--item.selected {
  border: 1px solid #282c3e
}

.AFS--Filter_TopMenu .afs--filter-topbar-sort--section {
  margin-top: -50px;
  padding-top: 19px;
  margin-bottom: 17px;
  overflow: hidden
}

.AFS--Filter_TopMenu .afs--filter-topbar-sort--section .filter--header {
  float: left;
  margin: 0;
  margin-right: 0;
  font-size: 14px;
  text-transform: unset;
  font-weight: 700
}

.AFS--Filter_TopMenu .afs--filter-topbar-sort--section .filter-by--item {
  float: left;
  margin-right: 20px;
  margin-bottom: 8px;
  position: relative
}

.AFS--Filter_TopMenu .afs--filter-topbar-sort--section .filter-by--item label {
  line-height: 26px;
  height: 26px;
  background: #f5f5f5;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  padding: 1px 30px 3px 12px;
  outline: 0
}

.AFS--Filter_TopMenu .afs--filter-topbar-sort--section .filter-by--item label span {
  color: #3d4246;
  font-size: 12px;
  line-height: 18px;
  padding-top: 4px;
  padding-bottom: 4px
}

.AFS--Filter_TopMenu .afs--filter-topbar-sort--section .filter-by--item .filter-by--clear-btn:after,
.AFS--Filter_TopMenu .afs--filter-topbar-sort--section .filter-by--item .filter-by--clear-btn:before {
  content: '';
  display: block;
  width: 10px;
  height: 1px;
  background: #000;
  position: absolute;
  right: 2px;
  top: 8px;
  transform: rotate(45deg)
}

.AFS--Filter_TopMenu .afs--filter-topbar-sort--section .filter-by--item .filter-by--clear-btn:after {
  transform: rotate(-45deg)
}

.AFS--Filter_TopMenu .afs--filter-topbar-sort--section .filter--title:before {
  display: none !important
}

.AFS--Filter_TopMenu .afs--filter-topbar-sort--section .filter--right--header-content.filter--right {
  font-size: 14px;
  font-weight: 600;
  padding-top: 3px;
  cursor: pointer;
  text-decoration: underline;
  float: left
}

.AFS--Filter_TopMenu .afs--filter-topbar-sort--section .filter-by--item .filter-by--clear-btn {
  width: 13px;
  height: 15px;
  float: right;
  position: absolute;
  right: 5px;
  top: 26%;
  margin-top: 0;
  font-size: 17px;
  cursor: pointer
}

.AFS--Filter_TopMenu #left-filter-bar-price .filter--card {
  height: auto;
  overflow: visible;
  min-height: 121px;
  max-height: 100% !important
}

.AFS--Filter_TopMenu .filter--price-range-input-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
  max-width: 100%;
  margin-bottom: 16px;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox
}

.AFS--Filter_TopMenu .filter--price-range-input-section input.filter--input-price-range {
  text-align: center;
  padding: 4px 0;
  width: 45%;
  background: 0 0;
  border: 1px solid #e3e3e3;
  margin-bottom: 0;
  font-size: 14px;
  min-width: initial;
  max-width: initial
}

.AFS--Filter_TopMenu .filter--price-range-input-section span {
  width: 10%;
  text-align: center
}

.AFS--Filter_TopMenu #filter--range-slider {
  width: 96%;
  margin: 0 auto;
  padding: 0 0 !important;
  height: 2px !important;
  border: 0
}

.AFS--Filter_TopMenu .afs--filter--section .noUi-connect {
  background-color: #282c3e;
  margin-top: 0 !important
}

.AFS--Filter_TopMenu .noUi-horizontal .noUi-origin {
  height: 0;
  width: 100%
}

.AFS--Filter_TopMenu .noUi-horizontal .noUi-handle {
  width: 18px !important;
  height: 18px !important;
  box-shadow: none !important;
  cursor: pointer;
  position: absolute;
  z-index: 2;
  border: 1px solid #5e5e5e;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
  margin-left: -8px;
  top: -8px
}

.AFS--Filter_TopMenu .noUi-pips-horizontal {
  right: 6px;
  left: 0;
  width: 100% !important;
  height: 50px;
  padding: 0 0
}

.AFS--Filter_TopMenu .noUi-pips-horizontal .noUi-marker-horizontal:first-child {
  display: none
}

.AFS--Filter_TopMenu .noUi-marker-horizontal.noUi-marker-large {
  top: -5px;
  height: 8px;
  width: 1px
}

.AFS--Filter_TopMenu .noUi-value-horizontal {
  color: #162950;
  font-size: 12px;
  top: 6px
}

.AFS--Filter_TopMenu.afs--theme-02 .afs--filter--contents {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #282c3f;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: -10px 0 0 16px
}

.AFS--Filter_TopMenu.afs--theme-02 .afs--filter--contents .afs--filter--section {
  margin-right: 4px;
  margin-bottom: 0;
  margin-top: 10px;
  cursor: pointer
}

.AFS--Filter_TopMenu.afs--theme-02 .afs--filter--contents .afs--filter--section .filter--header {
  position: relative;
  padding: 5px 8px 5px 10px
}

.afs--modal-open {
  overflow: hidden
}

.afs--modal.afs--modal-theme-01 .afs--quick-view-price-container .afs--badge-onSale {
  display: inline-block;
  color: #fff;
  background-color: #ff6464;
  padding: 0px 12px;
  font-size: 15px
}

.afs--modal.afs--modal-theme-01 .afs--modal-close {
  top: 25px;
  font-size: 27px;
  right: 33px;
  color: #555559;
  z-index: 999;
  font-family: afs-fonts !important
}

.afs--modal.afs--modal-theme-01 .qview-promotion {
  padding: 3px 15px;
  font-size: .9em;
  text-align: center;
  border-radius: 5px 5px 0 0;
  -webkit-box-shadow: 0 0 0 1px rgba(63, 63, 68, .05), 0 1px 3px 0 rgba(63, 63, 68, .15);
  box-shadow: 0 0 0 1px rgba(63, 63, 68, .05), 0 1px 3px 0 rgba(63, 63, 68, .15)
}

.afs--modal.afs--modal-theme-01 .afs--modal-main-contents {
  background-color: #fff;
  padding: 26px 26px 20px;
  overflow: auto;
  max-height: 520px;
  padding-bottom: 30px
}

.afs--modal.afs--modal-theme-01 .afs--product-details-section .afs--product-title {
  font-family: afs-fonts !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  word-break: break-word;
  font-size: 25px;
  line-height: 1;
  margin-bottom: 5px
}

.afs--modal.afs--modal-theme-01 .afs--product-title a {
  color: #282c3e;
  text-decoration: none;
  font-size: .8em
}

.afs--modal.afs--modal-theme-01 .afs--vendor {
  font-family: afs-fonts !important;
  font-weight: 100
}

.afs--modal.afs--modal-theme-01 .afs--sku {
  font-size: 16px;
  margin-top: 7px;
  color: #212121 !important;
  font-family: afs-fonts !important;
  font-weight: 100
}

.afs--modal.afs--modal-theme-01 .afs--product-details-section .afs--quick-view-price-container {
  font-size: 1.2em;
  margin-top: 4px;
  color: #212121 !important;
  font-family: afs-fonts !important;
  font-weight: 100
}

.afs--modal.afs--modal-theme-01 .text-strikethrough {
  text-decoration: line-through
}

.afs--modal.afs--modal-theme-01 .afs--price-now {
  color: #282c3e;
  font-family: afs-fonts !important;
  font-size: 16px
}

.afs--modal.afs--modal-theme-01 .p-inner-para {
  font-family: afs-fonts !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #666;
  margin: 12px 0 12px 0;
  padding-bottom: 0
}

.afs--modal.afs--modal-theme-01 .afs--product-details-section .afs--product-detail-link {
  margin-top: 0 !important;
  padding: 0;
  border-top: 0;
  border-bottom: 0;
  font-family: afs-fonts !important;
  font-weight: 700;
  margin-left: 0;
  display: block !important;
  margin-bottom: -1px;
  padding-top: 6px
}

.afs--modal.afs--modal-theme-01 .afs--product-details-section a {
  letter-spacing: 0;
  font-size: 16px;
  color: #212121
}

.afs--modal.afs--modal-theme-01 .afs--product-details-section svg {
  width: 13px;
  height: 15px;
  margin-left: 9px;
  position: relative;
  top: 3px
}

.afs--modal.afs--modal-theme-01 .qv-addtocart-enabled {
  border-top: 1px solid #e6e5e5;
  margin-top: 16px
}

.afs--modal #afs--add-to-cart-form {
  margin: 0 0
}

.afs--modal.afs--modal-theme-01 #afs--add-to-cart-form .afs--option-dropdown-container .afs--option-name,
.afs--modal.afs--modal-theme-01 #afs--add-to-cart-form .afs--option-swatch-container .afs--option-name {
  font-family: afs-fonts !important;
  font-weight: 700;
  min-width: 65px;
  color: #212121;
  line-height: 25px;
  font-size: 15px;
  letter-spacing: 1px;
  margin: 0 5px 5px 0;
  font-style: normal;
  text-transform: uppercase
}

.afs--modal.afs--modal-theme-01 .afs--item-view--box .afs--label-container-radio[aria-checked=true] {
  color: #fff;
  background-color: unset;
  color: #282c3e;
  border: 1px solid #282c3e
}

.afs--modal.afs--modal-theme-01 .afs--item-view--box label.afs--label-container-radio.round_shape {
  border-radius: 24px
}

.afs--modal.afs--modal-theme-01 .afs--option-swatch-container .afs--item-view--swatch .afs--option-item {
  cursor: pointer;
  list-style: none;
  height: 30px;
  width: 30px;
  border: 1px solid #e8e8e1;
  margin-right: 5px;
  transition: .3s
}

.afs--modal.afs--modal-theme-01 .afs--option-swatch-container .swatch-circle .afs--option-item {
  height: 34px;
  width: 34px;
  border-radius: 50% !important
}

.afs--modal.afs--modal-theme-01 .afs--option-swatch-container .afs--item-view--swatch .afs--option-item:hover {
  border: 1px solid #a4a4a4;
  cursor: pointer
}

.afs--modal.afs--modal-theme-01 .afs--item-view--swatch.swatch-circle label {
  border-radius: 50%;
  width: 26px;
  height: 26px;
  top: 3px !important;
  left: 3px
}

.afs--modal.afs--modal-theme-01 .afs--item-view--swatch label {
  display: inline-flex;
  flex-wrap: wrap;
  cursor: pointer;
  height: 28px;
  width: 28px;
  border: 1px solid #eee;
  padding-left: 0;
  margin: auto;
  position: relative
}

.afs--modal.afs--modal-theme-01 .afs--option-swatch-container .afs--item-view--swatch .afs--option-item.selected {
  border: 1px solid #a4a4a4
}

.afs--modal.afs--modal-theme-01 .afs-quantity-container lable {
  color: #212121 !important;
  font-family: afs-fonts !important;
  font-weight: 700;
  max-width: 100%;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0 !important;
  text-transform: capitalize !important
}

.afs--modal.afs--modal-theme-01 .afs--popup-qty-plus-minus {
  position: relative;
  margin-bottom: 1em;
  max-width: 100px;
  min-width: 75px;
  overflow: visible;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px
}

.afs--modal.afs--modal-theme-01 .afs--popup-qty-plus-minus .afs--item-qty {
  display: block;
  background: 0 0;
  text-align: center;
  width: 100%;
  padding: 5px 25px;
  margin: 0;
  border: 1px solid #dedede;
  height: auto;
  min-height: auto;
  line-height: 1.5;
  font-family: afs-fonts !important;
  text-indent: 0;
  font-size: 15px;
  background-color: #f6f6f6
}

.afs--modal.afs--modal-theme-01 .afs--qty-adjuster {
  background-color: #fff;
  border: 1px solid #dedede;
  font-size: 19px;
  color: #3e3c3c;
  padding-top: 0;
  cursor: pointer;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  padding: 0 0;
  width: 27px;
  text-align: center;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
  line-height: 1.5
}

.afs--modal.afs--modal-theme-01 .afs--qty-adjuster.afs--qty-minus {
  left: 0;
  border-right: 1px solid #dedede
}

.afs--modal.afs--modal-theme-01 .afs--qty-adjuster.afs--qty-plus {
  right: 0;
  border-left: 1px solid #dedede
}

.afs--modal.afs--modal-theme-01 .qv-addtocart-enabled .afs--add-to-cart {
  background-color: #282c3e;
  padding: 8px 24px;
  -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .1);
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .1);
  font-family: afs-fonts !important;
  font-weight: 700;
  border: 1px solid #282c3e;
  color: #fff;
  line-height: inherit;
  transition: .3s;
  letter-spacing: 1px;
  margin-right: 8px;
  border-radius: 0;
  font-size: 18px;
  text-transform: capitalize;
  width: auto;
  height: auto;
  cursor: pointer
}

.afs--modal.afs--modal-theme-01 .afs--addToCartButton-container #afs--buy-it-now {
  width: auto;
  margin-right: 8px;
  padding: 8px 24px;
  font-family: afs-fonts !important;
  height: 100%;
  letter-spacing: 1px;
  text-transform: capitalize;
  white-space: normal;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
}

/* .afs--modal.afs--modal-theme-01 .afs--addToCartButton-container #afs--add-to-cart:hover,
.afs--modal.afs--modal-theme-01 .afs--addToCartButton-container #afs--buy-it-now:hover {
  background-color: #454b67 !important;
  transition: .2s;
  border: 0 !important;
  border: 1px solid #454b67 !important;
  color: #fff !important
} */

/* .afs--modal.afs--modal-theme-01 .afs--addToCartButton-container .afs-buy-now:hover {
  background-color: #454b67 !important;
  color: #fff !important;
  border-color: #454b67 !important
} */

.afs--modal.afs--modal-theme-01 .afs--addToCartButton-container .afs-buy-now {
  background-color: transparent;
  border: 1px solid #ff6464;
  color: #ff6464;
  text-transform: capitalize;
  letter-spacing: .08em;
  white-space: normal;
  font-size: 16px;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  width: auto
}

.afs--modal .afs--thumbnails .afs--thumbnail-item a img {
  width: auto;
  max-width: 100%
}

.afs--search-results-wrapper {
  position: absolute;
  z-index: 2147483647;
  text-align: left;
}

.afs--search-results-wrapper .afs--search-container {
  height: auto;
  background: #fff;
  padding: 0;
  border: 0 solid #eae9e9;
  text-align: left;
  z-index: 2147483646;
  position: relative;
  margin-top: 9px;
  -ms-box-shadow:0 0 5px 0 rgb(0 0 0 / 25%), 0 0 1px 0 rgb(255 255 255 / 50%);
  -webkit-box-shadow:0 0 5px 0 rgb(0 0 0 / 25%), 0 0 1px 0 rgb(255 255 255 / 50%);
  box-shadow:0 0 5px 0 rgb(0 0 0 / 25%), 0 0 1px 0 rgb(255 255 255 / 50%);
  -moz-border-radius: 2px;
  max-height: 600px;
  overflow-y: auto;
}

.afs--search-results-wrapper .afs--search-section .afs--search-header {
  text-transform: uppercase;
  background: #fafafa;
  text-align: left;
  padding: 6px 12px 5px;
  color: #fafafa;
  margin: 0 0 0px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.afs--view-all-link{
  display: block;
  padding-bottom: 8px;
  padding-top: 8px;
  text-align: center !important;
  border-bottom: 1px solid #eee;
  color: #999;
}

.afs--view-all-link:hover,
.afs--view-all-link:active{
   	color: #000;
}

.afs--search-results-wrapper .afs--search-header label {
  cursor: default;
  margin: 0;
  padding: 0;
  text-align: left;
  line-height: 1.4;
  width: 100%;
  font-weight: 400;
  color: #9a9a9a;
}

.afs--search-results-wrapper .afs--search-item-contents ul {
  margin: 0;
  font-size: 0;
  padding: 0
}

.afs--search-results-wrapper .afs--search-item-contents ul li {
  margin: 0;
  padding: 0;
  line-height: 0;
  padding: 8px 12px 8px;
  width: auto;
  border-bottom: 1px solid #eee;
  font-size: initial;
  list-style: none;
}

.afs--search-results-wrapper .afs--search-item-contents ul li:last-child {
  border-bottom: 0px solid #eee;
}

.afs--search-result-products .afs--search-result-p-item:hover,
.afs--search-results-wrapper .afs--search-container .afs--search-result-item:hover{
  background: rgba(0, 0, 0, 0.01);
  -ms-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.02);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.02);
  box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.02);
  position: relative;
}


.afs--search-results-wrapper .afs--search-result-p-item .afs--search-products {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: normal;
  align-items: center
}

.afs--search-results-wrapper .afs--search-img {
  text-align: center;
  margin-right: 16px;
  min-width: 84px;
}

.afs--search-results-wrapper .afs--search-result-products .afs--search-img img {
  height: auto;
  width: auto;
  object-fit: contain;
  max-width: 84px;
}

.afs--search-results-wrapper .afs--search-section .afs--search-item-contents .afs--search-result-p-item .afs--search-products>div {
  font-size: 13px;
  line-height: 16px;
  position: relative;
  color: #000;
  text-align: left;
}

.afs--search-results-wrapper .afs--search-container .afs--search-result-item {
  border-bottom: 0;
  cursor: pointer;
  padding: 6px 12px 5px;
  text-align: left;
  color: #000;
  display: block;
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  letter-spacing: 0.3px;
}

.afs--search-container a {
  text-align: left;
  color: #000;
  text-decoration: none !important;
}

.digitalcoo-filter-search .search_section {
  padding-left: 15px;
  padding-right: 15px;
}

.afs--p-title {
  line-height: 20px;
  font-size: 14px;
  font-weight: 600;
  color: inherit;
  padding-bottom: 6px;
  margin-top: 0px;
  margin-bottom: 0;
}

.afs--p-sku {
  color: #a6a6a6;
  padding-bottom: 6px;
  margin-bottom: 0;
  line-height: 20px;
}

.afs--p-vendor {
  color: #666666;
  padding-bottom: 6px;
  margin-bottom: 0;
}

.afs--p-price {
  color: #030303;
  font-weight: 400;
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 0;
}

.afs--search-suggestion-popover {
  position: absolute;
  top: -11px;
  left: 12px;
  right: auto;
  overflow: hidden;
  height: 20px;
  display: block!important;
  width: 20px;
  margin: 0;
  z-index: 2147483647;
}

.afs--search-suggestion-popover:after {
  content: '';
  position: absolute;
  top: 15px;
  left: 50%;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  height: 10px;
  width: 10px;
  margin-left: -5px;
  background-color: #fafafa;
  -ms-box-shadow: 0 0 0px 0.5px rgb(39 44 48 / 5%), 0 0px 1px 0px rgb(39 44 48 / 16%);
  -webkit-box-shadow: 0 0 0px 0.5px rgb(39 44 48 / 5%), 0 0px 1px 0px rgb(39 44 48 / 16%);
  box-shadow: 0 0 0px 0.5px rgb(39 44 48 / 5%), 0 0px 1px 0px rgb(39 44 48 / 16%);
}

.afs--search-suggestion-popover.right-12 {
  right: 12px;
  left: auto;
}

.afs--no__products_found .afs--search-suggestion-popover:after {
  background-color: #fff;
}

.afs--search_products {
  position: relative;
  width: 100%;
  margin: auto;
  max-width: 500px;
  padding-right: 0;
  margin-top: 20px
}

.afs--search_products input[data-app-id=afs--search-input] {
  width: 100%;
  border: 1px solid #b5b5b5;
  background-color: inherit;
  color: #000;
  max-width: 100%;
  line-height: 1.2 !important;
  border-radius: 2px !important;
  max-height: 40px !important;
  margin-bottom: 0 !important;
  height: 45px;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  padding-right: 42px;
}

.afs--search_products input[data-app-id=afs--search-input]:focus {
  border: 1px solid #b5b5b5;
  box-shadow: 0px 0px 2px #b5b5b5;
  outline: none !important;
}

.afs--search_products input[data-app-id=afs--search-input]:focus svg path {
  background: transparent !important;
  fill: #2f2f31 !important;
}

.afs--search_products button.search__submit::after{
  outline: none !important;
}

.afs--search_products button.search__submit {
  min-width: 30px;
  line-height: 0;
  background: 0 0;
  position: absolute;
  right: 0;
  transform: translate(0, 0);
  top: 0;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  outline: 0 !important
}

.afs--search_products button.search__submit:hover {
  background-color: transparent;
}

button.search__submit svg {
  height: 20px;
  padding: 0;
  width: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center
}

button.search__submit:hover{
  background: transparent !important;
}

.search__submit:hover svg path {
  background: transparent !important;
  fill: #343434 !important;
}

#afs--search-results-count {
  margin-top: 10px
}

#digitalcoo--pagination-container nav {
  background: 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  width: 100%
}

#digitalcoo--pagination-container .pagination {
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
  max-width: 100%;
  width: auto;
  border: 0;
  background-color: transparent;
  padding-bottom: 0 !important;
  padding: 0;
  font-size: initial
}

#digitalcoo--pagination-container .pagination li.disabled:not(.active) {
  visibility: visible;
  opacity: 1;
  display: inline-block !important;
  height: auto;
  width: auto
}

#digitalcoo--pagination-container .pagination>li {
  display: inline-block;
  list-style-type: none !important;
  margin: 0;
  background-color: transparent;
  border: 0;
  box-shadow: none !important;
  height: auto;
  width: auto;
  font-size: 14px
}

#digitalcoo--pagination-container .pagination>li:first-child>a,
#digitalcoo--pagination-container .pagination>li:last-child>a {
  margin-left: 0;
  background-color: #27282c;
  padding: 14px 7px;
  margin: 0 10px;
  line-height: 10px;
  height: auto;
  width: auto
}

#digitalcoo--pagination-container .pagination>li>a {
  position: relative;
  float: left;
  padding: 9px 9px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #000 !important;
  text-decoration: none;
  background-color: transparent;
  border: 0;
  border-radius: 0
}

#digitalcoo--pagination-container .pagination>li:first-child>a svg,
#digitalcoo--pagination-container .pagination>li:last-child>a svg {
  color: #fff !important;
  width: 14px !important;
  height: 14px !important;
  fill: #fff !important
}

#digitalcoo--pagination-container .pagination>li:first-child>a svg path {
  fill: #ffff
}

#digitalcoo--pagination-container .pagination>li.disabled.active a {
  cursor: not-allowed;
  opacity: .3;
  background-color: transparent !important
}

.afs--products-skeleton #digitalcoo--all-products-container .afs--list-items li {
  display: flexbox;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch
}

.afs--products-skeleton .afs--list-col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}

.afs--products-skeleton .afs--list-col-7 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
  padding-left: 30px
}

.afs--empty-skeleton {
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 15%;
  height: 10px;
  margin-bottom: 15px !important;
  background-color: transparent
}

.afs--empty-skeleton-large {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  height: 10px;
  margin-bottom: 15px !important;
  background-color: transparent
}

.afs--filter-skeleton-space-up {
  margin-top: 25px
}

.afs--filter-skeleton-space-up-large {
  margin-top: 40px
}

.afs--products-skeleton {
  direction: ltr;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 2px
}

.afs--products-skeleton .afs--filter-skeleton-image-large {
  width: 100%;
  background-color: #ececec;
  margin-bottom: 15px;
  height: 15vw
}

.afs--products-skeleton .digitalcoo-filter-desktop-whole .afs--filter-skeleton-image-large {
  height: 31vw
}

.afs--products-skeleton .digitalcoo-filter-desktop-half .afs--filter-skeleton-image-large {
  height: 23vw
}

.afs--products-skeleton .digitalcoo-filter-desktop-third .afs--filter-skeleton-image-large {
  height: 16vw
}

.afs--products-skeleton .digitalcoo-filter-desktop-quarter .afs--filter-skeleton-image-large {
  height: 12vw
}

.afs--products-skeleton .digitalcoo-filter-desktop-fifth .afs--filter-skeleton-image-large {
  height: 10vw
}

.afs--products-skeleton .afs--filter-skeleton-item-full {
  height: 10px;
  margin-bottom: 15px;
  background-color: #ececec;
  border-radius: 6px
}

.afs--products-skeleton .afs--filter-skeleton-item-medium {
  height: 10px;
  width: 277px;
  margin-bottom: 15px;
  background-color: #ececec;
  border-radius: 6px
}

.afs--products-skeleton .afs--filter-skeleton-item-half {
  height: 10px;
  width: 131px;
  margin-bottom: 15px;
  background-color: #ececec;
  border-radius: 6px
}

.afs--products-skeleton .afs--filter-skeleton-item-quarter {
  height: 10px;
  margin-bottom: 15px;
  background-color: #ececec;
  width: 51px;
  border-radius: 6px
}

.afs--products-skeleton .afs--filter-skeleton-heading {
  height: 15px;
  background-color: #ececec;
  margin-bottom: 22px !important;
  width: 131px;
  border-radius: 6px
}

.afs--products-skeleton .afs--filter-skeleton-item-3x {
  height: 30px;
  min-height: 30px
}

.AFS--Filter_LeftMenu.afs--filters-skeleton .afs--filter--header {
  height: 40px
}

.AFS--Filter_LeftMenu.afs--filters-skeleton .afs--filter--section {
  margin-top: 22px
}

.AFS--Filter_LeftMenu.afs--filters-skeleton .afs--filter-skeleton-heading {
  height: 15px;
  background-color: #ececec;
  margin-bottom: 22px !important;
  width: 67%;
}

.AFS--Filter_LeftMenu.afs--filters-skeleton .afs--filter-skeleton-item {
  margin-bottom: 15px !important;
  width: 174px;
  margin-right: 17px;
  height: 10px;
  background-color: #ececec;
}

.AFS--Filter_LeftMenu.afs--filters-skeleton .afs--filter-skeleton-count {
  width: 45px;
  margin-bottom: 15px !important;
  margin-right: 17px;
  height: 10px;
  background-color: #ececec;
}

.AFS--Filter_TopMenu.afs--filters-skeleton .afs--filter-skeleton-item {
  height: 10px;
  background-color: #ececec;
  width: 100px;
  border-radius: 6px
}

.afs--theme-01.afs--products-skeleton .afs--list-items li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.afs--theme-01.afs--products-skeleton .afs--list-items li .afs--filter-skeleton-image-large {
  width: 14%;
  background-color: #ececec;
  margin-bottom: 15px;
  height: 11vw
}

.afs--theme-01.afs--products-skeleton .afs--list-items li .afs--filter-skeleton-heading {
  height: 10px;
  background-color: #ececec;
  margin-bottom: 17px !important;
  width: 19%;
  border-radius: 6px;
  margin-left: 20px
}

.afs--theme-01.afs--products-skeleton .afs--list-items li .afs--filter-skeleton-item {
  margin-bottom: 15px !important;
  width: 13%;
  margin-right: 17px;
  height: 10px;
  background-color: #ececec;
  border-radius: 6px;
  margin-left: 50px
}

.afs--theme-01.afs--products-skeleton .afs--list-items li .afs--filter-skeleton-count {
  width: 5%;
  margin-bottom: 15px !important;
  margin-right: 17px;
  height: 10px;
  background-color: #ececec;
  border-radius: 6px
}

@media only screen and (max-width:980px) and (min-width:768px) {
  .AFS--Filter_LeftMenu .filter--right {
    float: none;
    width: 100%
  }

  .afs--filter--header .afs--filter--clear {
    margin-left: 21px;
    margin-top: 0px
  }
}

@media only screen and (min-width:1400px) {
  .afs--picture {
    height: 169px
  }
  .afs--modal.afs--modal-theme-01 .afs--modal-main-contents {
    max-height: 580px;
  }
}

@media only screen and (max-width:1366px) {
  .afs--picture {
    height: 15vw
  }
}

@media only screen and (max-width:1050px) {
  .afs--header #total-products-count {
    width: 100%;
    text-align: right;
  }
}

@media only screen and (min-device-width:1024px) {
  .afs--products-container .afs--theme-05 .afs--add-to-cart svg {
    transform: translate3d(-50px, 45px, 0)
  }

  .afs--products-container .afs--theme-05 .afs--add-to-cart span {
    transform: translate3d(-12px, 0, 0)
  }

  .afs--products-container .afs--theme-05 .afs--add-to-cart:hover span {
    transform: translate3d(0, 0, 0)
  }

  .afs--products-container .afs--theme-05 .afs--add-to-cart:hover svg {
    transform: translate3d(0, 0, 0)
  }

  .afs--products-container .afs--theme-05 .afs--add-to-cart span,
  .afs--products-container .afs--theme-05 .afs--add-to-cart svg {
    transition-duration: .3s;
    transition-property: transform;
    will-change: transform
  }

  .afs--products-container .afs--theme-05 .afs--open-quick-view {
    transform: translate3d(100%, -100%, 0);
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
  }

  .afs--products-container .afs--theme-05 .afs-product-images-navigation {
    transform: translate3d(100%, 100%, 0);
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
  }

  .afs--products-container .afs--theme-05 .afs--product-image:hover .afs--open-quick-view,
  .afs--products-container .afs--theme-05 .afs--product-image:hover .afs-product-images-navigation {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
  }

  .afs--products-container .afs--theme-04 .afs--grid-items .afs--two-btn {
    transform: translateX(100%)
  }

  .afs--products-container .afs--theme-04 .afs--grid-items .afs--open-quick-view {
    transform: translateX(150%)
  }

  .afs--products-container .afs--theme-04 .afs--grid-items .afs--add-to-cart {
    transform: translateX(150%)
  }

  .afs--products-container .afs--theme-03 .afs--grid-items li:hover .afs--full-product-d {
    -webkit-transform: translateY(-58px) translateZ(0);
    transform: translateY(-58px) translateZ(0);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease, opacity .3s ease
  }

  .afs--products-container .afs--theme-03 .afs--grid-items li .afs--full-product-d {
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease, opacity .3s ease
  }

  .afs--products-container .afs--theme-03 .afs--grid-items a.afs--open-quick-view {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
  }

  .afs--products-container .afs--theme-03 .afs--grid-items li:hover .afs--middle {
    opacity: 1;
    transition: .3s
  }

  .afs--products-container .afs--theme-02 .afs--grid-items .afs--middle {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(103%) translateZ(0);
    transform: translateY(103%) translateZ(0);
    backface-visibility: hidden;
    perspective: 800px;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 800px;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease, opacity .3s ease
  }

  .afs--products-container .afs--theme-02 .afs--grid-items li:hover .afs--middle {
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0)
  }

  .afs--products-container .afs--theme-02 .afs--grid-items .afs--open-quick-view {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -sand-transform: scale(0)
  }

  .afs--products-container .afs--theme-02 .afs--grid-items .afs--product-image:hover a.afs--open-quick-view {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -sand-transform: scale(1)
  }

  .afs--products-container .afs--theme-02 .afs--grid-items .afs--product-image:hover a.afs--open-quick-view,
  .afs--products-container .afs--theme-03 .afs--grid-items .afs--product-image:hover a.afs--open-quick-view {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -sand-transform: scale(1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
  }

  .afs--products-container  .afs--grid-items .afs--product-image:hover .afs--middle {
    transition: opacity .25s ease, transform .25s ease-out;
    opacity: 1
  }

  .afs--products-container  .afs--grid-items .afs--product-image .afs--middle {
    opacity: 0
  }

  .afs--products-container .afs--theme-02 .afs--list-items .afs--open-quick-view {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -sand-transform: scale(1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0
  }

  .afs--products-container .afs--theme-02 .afs--list-items .afs--product-image:hover .afs--open-quick-view {
    opacity: 1;
    visibility: visible
  }

  .afs--filter-products-container .digitalcoo-filter-desktop-whole li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    align-items: center
  }

  .afs--filter-products-container .digitalcoo-filter-desktop-half li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .afs--filter-products-container .digitalcoo-filter-desktop-third li {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }

  .afs--filter-products-container .digitalcoo-filter-desktop-quarter li {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .afs--filter-products-container .digitalcoo-filter-desktop-fifth li {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation :portrait) {
  .afs--filter-products-container .digitalcoo-filter-tablet-portrait-whole li .afs--product-image {
    padding-top: 0
  }


  .afs--filter-products-container .digitalcoo-filter-tablet-portrait-whole li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .afs--filter-products-container .digitalcoo-filter-tablet-portrait-half li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .afs--filter-products-container .digitalcoo-filter-tablet-portrait-third li {
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%
  }

  .afs--filter-products-container .digitalcoo-filter-tablet-portrait-quarter li {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .afs--filter-products-container .digitalcoo-filter-tablet-portrait-fifth li {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation :landscape) {
  .afs--filter-products-container .digitalcoo-filter-tablet-landscape-whole li .afs--product-image {
    padding-top: 0
  }


  .afs--filter-products-container .digitalcoo-filter-tablet-landscape-whole li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .afs--filter-products-container .digitalcoo-filter-tablet-landscape-half li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .afs--filter-products-container .digitalcoo-filter-tablet-landscape-third li {
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%
  }

  .afs--filter-products-container .digitalcoo-filter-tablet-landscape-quarter li {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .afs--filter-products-container .digitalcoo-filter-tablet-landscape-fifth li {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }
}

@media only screen and (max-device-width:767px) and (orientation :landscape) {
  .afs--filter-products-container .digitalcoo-filter-phone-landscape-whole li .afs--product-image {
    padding-top: 0
  }


  .afs--filter-products-container .digitalcoo-filter-phone-landscape-whole li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .afs--filter-products-container .digitalcoo-filter-phone-landscape-half li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .afs--filter-products-container .digitalcoo-filter-phone-landscape-third li {
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%
  }

  .afs--filter-products-container .digitalcoo-filter-phone-landscape-quarter li {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .afs--filter-products-container .digitalcoo-filter-phone-landscape-fifth li {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }
}

@media only screen and (max-device-width:767px) and (orientation :portrait) {
  .afs--filter-products-container .digitalcoo-filter-phone-portrait-whole li .afs--product-image {
    padding-top: 0
  }


  .afs--filter-products-container .digitalcoo-filter-phone-portrait-whole li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .afs--filter-products-container .digitalcoo-filter-phone-portrait-half li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .afs--filter-products-container .digitalcoo-filter-phone-portrait-third li {
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%
  }

  .afs--filter-products-container .digitalcoo-filter-phone-portrait-quarter li {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .afs--filter-products-container .digitalcoo-filter-phone-portrait-fifth li {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }
}

@media only screen and (min-device-width:769px) {
  .AFS--Filter_LeftMenu .filter--hide-or-show, 
  .AFS--Filter_TopMenu .filter--hide-or-show {
    margin: 0;
    padding: 4px 24px;
    display: block;
}

  .AFS--Filter_TopMenu .filter--clear:before {
    content: '';
    display: block;
    width: 11px;
    height: 1px;
    background: #000;
    position: absolute;
    right: -16px;
    top: 16px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
  }

  .AFS--Filter_TopMenu .filter--clear:after {
    content: '';
    display: block;
    width: 11px;
    height: 1px;
    background: #000;
    position: absolute;
    right: -16px;
    top: 16px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg)
  }

  .AFS--Filter_TopMenu .afs--filter--clear-btn.afs--clear-opt-btn {
    opacity: 0;
    position: absolute;
    top: 0;
    right: -22px;
    z-index: 2;
    padding: 0;
    width: 21px
  }

  .AFS--Filter_TopMenu .afs--section-collapsed+div+div {
    visibility: visible
  }

  .AFS--Filter_TopMenu .filter--card {
    display: block;
    background: #fff;
    padding: 20px 13px 20px 13px;
    margin-top: 5px;
    width: 100%;
    position: absolute;
    left: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -ms-box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    box-shadow: 0 0 6px rgba(0, 0, 0, .12);
    z-index: 999;
    margin-top: -6px;
    max-height: 350px;
    visibility: hidden
  }

  .AFS--Filter_TopMenu .filter--items .filter--item:last-child {
    margin-bottom: 0px;
  }

  .AFS--Filter_TopMenu .filter--card {
    width: 250px
  }

  .afs--header.afs--theme-02 .filter--sort-by.right {
    max-width: 300px;
    width: 100%;
  }
}

@media only screen and (max-width:768px) {
  #afs--filter-main-container label {
    text-align: left
  }

  .AFS--Theme_Contents .AFS--Main_Wrapper {
    display: block
  }
  .afs--vertical-filter #afs--filter-main-container {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0
  }

  .afs--products-container  .afs--list-items li .afs--product-image {
    width: 125px !important
  }

  .afs--products-container  .afs--list-items li .afs--product-title-section {
    display: block
  }

  .afs--products-container  .afs--list-items .afs--reviews-badge {
    width: 100%;
    display: block;
    text-align: left
  }

  .afs--products-container  .afs--list-items li .both-price {
    width: 100%;
    text-align: left;
    display: block;
    padding: 0
  }

  .afs--products-container .afs--theme-02 .afs--list-items .afs--list-col-7 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    padding-left: 30px
  }

  .afs--products-container .afs--theme-02 .afs--list-items .afs--list-col-3 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%
  }

  .AFS--Theme_Contents .AFS--Filter_LeftMenu {
    border: 1px solid #e6e5e5;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    padding-right: 0
  }

  .AFS--Theme_Contents .AFS--Filter_LeftMenu .afs--filter--header {
    padding-left: 0;
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
    background-color: #ccc;
    margin-bottom: 0;
    padding: 8px 15px;
    position: relative;
    display: block;
    cursor: pointer;
    margin-left: 0;
    display: flexbox;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .AFS--Filter_LeftMenu .afs--filter--contents {
    padding: 10px 20px;
    border-bottom: 0;
    border-top: 0;
    margin: 0
  }

  div#afs--off-mobile-selected.AFS--Filter_LeftMenu .afs--filter--contents {
    padding: 0
  }

  .AFS--Theme_Contents .afs--filter--header .afs--arrow-icon a:after {
    content: '';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    border: solid;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    position: relative;
    top: -1px;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out
  }

  .AFS--Filters_Wrapper.AFS--Filters_Wrapper_Hidden .afs--filter--header .afs--arrow-icon a:after {
    content: '';
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    top: 2px
  }

  .AFS--Products_Wrapper .filter--sort-by #filterSortBy,
  .AFS--Products_Wrapper .filter--sort-by select {
    width: 100%
  }

  .afs--header {
    margin-top: 30px
  }

  .afs--header #total-products-count {
    width: 100%;
    text-align: right;
    margin-bottom: 10px
  }

  .afs--header .afs--page-display-type {
    float: left !important
  }

  .afs--mobile-off-canvas-filter .afs--desktop-sort {
    display: none !important
  }

  .afs--mobile-off-canvas-filter {
    display: block;
    border: 0
  }

 .afs--mobile-off-canvas-filter .afs--mobile-filters-wrapper .filter--sort-by.right {
    display: block;
    float: none !important;
    width: 49%;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, .25)
  }

  .afs--mobile-off-canvas-filter .afs--mobile-filters-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    float: none !important
  }

  .afs--mobile-off-canvas-filter .afs--mobile-filters {
    width: 49%;
    padding: 0 15px;
    height: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    margin-left: 2%;
    position: relative;
    text-align: center;
    color: #111;
    border: 1px solid rgba(0, 0, 0, .25);
    align-items: center;
    overflow: hidden
  }

  .afs--header.afs--mobile-off-canvas-filter #total-products-count {
    text-align: center;
    margin-top: 12px
  }

  .afs--header.afs--mobile-off-canvas-filter .filter--sort-by #filterSortBy,
  .afs--header.afs--mobile-off-canvas-filter .filter--sort-by select {
    height: 33px !important;
    width: 100%;
    padding-left: 15px !important
  }

  .AFS--Products_Wrapper .afs--mobile-off-canvas-filter .afs--page-display-type.right {
    justify-content: flex-end;
    margin-top: 15px;
    margin-bottom: 15px;
    float: right !important
  }

  .AFS--Products_Wrapper .filter--sort-by label {
    display: none !important
  }

  .afs--mobile-off-canvas-filter .afs--mobile-filters .usf-icon {
    margin-right: 8px;
    line-height: 0
  }

  .afs--mobile-off-canvas-filter .afs--mobile-filters span:nth-child(2) {
    padding-top: 3px;
    line-height: 1.5
  }

  #afs--off-mobile-selected {
    top: 0;
    left: -350px;
    bottom: 0;
    width: 350px !important;
    position: fixed;
    min-width: initial !important;
    overflow: auto;
    height: 100%;
    max-width: 100%;
    transition: left .25s ease;
    padding: 60px 20px 30px;
    background: #fff;
    z-index: 2147483647;
    -webkit-overflow-scrolling: touch
  }

  #afs--off-mobile-selected.AFS--Filter_LeftMenu.afs--theme-01.afs--mobile-off-canvas-filter .afs--filter--header {
    display: none
  }

  .afs--mobile-off-canvas-filter .afs-close-canvas {
    display: block
  }

  .offcanvas-open #afs--off-mobile-selected {
    left: 0
  }

  .offcanvas-open #afs---mobile-overlay {
    opacity: .5;
    visibility: visible
  }

  .offcanvas-open .afs--filter-mobile-footer {
    left: 0 !important
  }

  #afs--off-mobile-selected .afs--filter-mobile-footer {
    display: block;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: -351px;
    z-index: 9999;
    transition: left .25s ease
  }

  #afs--off-mobile-selected .afs--filter-mobile-footer .afs--filter-show-result {
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    width: 350px;
    font-size: 16px;
    padding-top: 14px;
    padding-bottom: 14px;
    background: #222;
    text-transform: capitalize;
    border: none
  }

  .AFS--Products_Wrapper .afs--header.afs--theme-02 {
    display: block;
    margin-top: 23px;
    border: 0
  }

  .AFS--Products_Wrapper .afs--header .filter--sort-by {
    float: none !important;
    display: inline-block;
    width: 60%;
    vertical-align: middle
  }

  .afs--header.afs--theme-02 .afs--page-display-type {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    float: right !important;
    margin-top: 9px;
    margin-bottom: 9px
  }

  .afs--header.afs--theme-02 .afs--page-display-type .afs--collections-grid-views {
    display: inline-block
  }

  .afs--header.afs--theme-02 .afs--collections-grid-views,
  .afs--header.afs--theme-02 .afs--collections-list-views {
    display: inline-block
  }

  #total-products-count {
    margin-bottom: 10px
  }

  .afs--modal .afs--product-modal-left {
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding-right: 0
  }

  .afs--modal .afs--product-modal-right {
    width: 100%;
    max-width: 100%;
    margin-top: 25px;
    padding-left: 0
  }

  .afs--modal .afs--modal-content {
    width: 100%;
    min-width: 100%;
    max-width: 100%
  }

  .afs--modal.afs--modal-theme-01 .afs--addToCartButton-container #afs--buy-it-now,
  .afs--modal.afs--modal-theme-01 .afs--addToCartButton-container .afs-buy-now {
    font-size: 14px
  }

  .AFS--Filter_TopMenu .filter--title {
    color: #282c3f;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600
  }

  .AFS--Filter_TopMenu .afs--filter--section {
    display: block;
    margin-right: 0
  }

  .AFS--Filter_TopMenu .filter--card {
    background: 0 0;
    width: auto !important;
    padding: 0 12px 0 0;
    margin-top: 5px;
    position: relative;
    left: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -ms-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 999;
    margin-top: 5px;
    margin-bottom: 18px
  }
    .AFS--Filter_TopMenu #left-filter-bar-price .filter--card {
    padding-top: 0px;
    min-height: 87px;
}

  .AFS--Filter_TopMenu .filter--card:after {
    display: none
  }

  .AFS--Filter_TopMenu .afs--filter--section .afs-s-icon {
    display: block
  }

  .AFS--Filter_TopMenu .afs--section-collapsed+div {
    display: none !important
  }

  .AFS--Filter_TopMenu .afs--filter-topbar-sort--section {
    margin-top: 0;
    padding-top: 25px;
    position: absolute;
    top: 0
  }

  #afs--off-mobile-selected .afs--filter--header {
    display: none
  }

  #afs--off-mobile-selected.AFS--Filter_TopMenu .afs--filter-topbar-sort--section {
    display: block
  }

  #afs--off-mobile-selected.AFS--Filter_LeftMenu .afs--filter--contents,
  #afs--off-mobile-selected.AFS--Filter_TopMenu .afs--filter--contents {
    padding: 0;
    display: block !important
  }

  div#afs--off-mobile-selected.AFS--Filter_TopMenu {
    border: 0
  }

  div#afs--off-mobile-selected span.afs-close-canvas {
    display: block
  }

  .afs--filter--header .afs--arrow-icon {
    display: block;
    margin-left: 2px
  }

  .AFS--Filter_TopMenu .filter--right {
    float: right
  }

  .AFS--Filter_TopMenu .afs--filter--section .filter--header.afs--section-collapsed:after,
  .AFS--Filter_TopMenu .afs--filter--section .filter--header.afs--section-collapsed:before {
    visibility: hidden
  }

  .AFS--Filter_TopMenu .filter--header {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.5;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    border-top: 1px solid #e6e5e5
  }

  .AFS--Filter_TopMenu .afs--filter--section:first-child .filter--header,
  .AFS--Filter_TopMenu .afs--filter--section:nth-child(2) .filter--header {
    border-top: 0 !important
  }

  .AFS--Filter_TopMenu .afs--filter--section:first-child .filter--header {
    padding-bottom: 0
  }

  .AFS--Filter_TopMenu .afs--filter--section:first-child .filter--card {
    border-bottom: 1px solid #e6e5e5;
    padding-bottom: 18px;
    margin-bottom: 6px
  }

  .AFS--Filter_TopMenu .afs--filter--header {
    display: block
  }

  .AFS--Filter_TopMenu .afs--filter--header {
    padding-left: 0;
    font-size: 15px;
    text-align: left;
    background-color: #ccc;
    margin-bottom: 0;
    padding: 8px 15px;
    position: relative;
    display: block;
    cursor: pointer;
    margin-left: 0;
    line-height: 1.5;
    display: flexbox;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .AFS--Filter_LeftMenu .filter--hide-or-show {
    margin-left: 0px;
  }

  .afs--filter--header .filter--left .filter--hide-or-show {
    margin-left: 7px !important;
  }

  .afs--filter--header .filter--left {
    flex-grow: 2;
    display: flex !important;
    display: flexbox !important;
    display: -ms-flexbox !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center
  }

  .afs--filter--header .afs--mob-right {
    display: flexbox;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .AFS--Filter_TopMenu .filter--left {
    cursor: pointer;
    display: inline-block
  }

  .AFS--Filter_TopMenu .filter--hide-or-show {
    text-decoration: inherit;
    margin-left: 0px;
    color: inherit;
    position: initial;
    width: 100%
  }

  .AFS--Filter_TopMenu .afs--filter--clear-btn {
    font-size: 13px;
    border: 0;
    border-radius: 8px;
    outline: 0;
    background: 0 0;
    cursor: pointer;
    color: #464646;
    text-transform: capitalize;
    height: auto;
    line-height: initial;
    box-shadow: none;
    padding: 0;
    padding: 0;
    min-height: auto;
    padding: 5px 0 5px 0;
    margin: 0 !important;
    vertical-align: initial;
    width: initial
  }

  .AFS--Filter_TopMenu .afs--filter--contents {
    padding: 10px 20px;
    border-bottom: 0;
    border-top: 0;
    margin: 0
  }

  .AFS--Filter_TopMenu {
    border: 1px solid #e6e5e5
  }

  .AFS--Filter_TopMenu .afs--filter-topbar-sort--section {
    display: none
  }

  .AFS--Filter_LeftMenu.afs--filters-skeleton .afs--filter-skeleton-item {
    width: 100%
  }

  .afs--filters-skeleton {
    margin-bottom: 20px
  }

  .afs--products-skeleton .digitalcoo-filter-desktop-quarter .afs--filter-skeleton-image-large {
    height: 43vw
  }

  .AFS--Products_Wrapper.AFS--Filter_LeftMenu.afs--filters-skeleton {
    padding: 10px 20px
  }

  .afs--filters-skeleton .afs--filter--contents {
    padding: 20px 20px !important
  }
}

@media only screen and (max-device-width:550px) {
  .afs--products-container .afs--theme-02 .afs--list-items li {
    display: block
  }

  .afs--products-container .afs--theme-02 .afs--list-items .afs--list-col-3 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }

  .afs--products-container .afs--theme-02 .afs--list-items img {
    max-width: 100%
  }

  .afs--products-container .afs--theme-02 .afs--list-items .afs--list-col-7 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-left: 0;
    padding-top: 20px
  }

  .afs--products-skeleton .afs--list-col-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .afs--products-skeleton .afs--list-col-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0
  }

  .afs--products-skeleton .afs--list-col-3 .afs--filter-skeleton-image-large {
    height: 56vw
  }

  #digitalcoo--pagination-container .pagination>li>a {
    padding: 9px 7px
  }

  #digitalcoo--pagination-container .pagination>li:first-child>a,
  #digitalcoo--pagination-container .pagination>li:last-child>a {
    padding: 14px 5px;
    margin: 0 3px
  }

  .AFS--Theme_Contents {
    padding: 0 1rem
  }
}

@media only screen and (max-width:480px) {
  .afs--modal.afs--modal-theme-01 .afs--modal-close {
    right: 13px
  }

  .afs--modal .afs--modal-content {
    padding: 22px 0px 22px
  }

  .AFS--Theme_Contents {
    padding: 15px 15px
  }

  .afs--products-container  .afs--list-items .afs--middle {
    text-align: left;
    display: block !important;
    width: 100% !important
  }

  .afs--products-container  .afs--list-items li .afs--product-image img {
    width: 100%;
    max-height: initial
  }

  .afs--products-container  .afs--list-items li .both-price {
    padding: 8px 0 8px 0
  }

  .afs--modal.afs--modal-theme-01 .afs--addToCartButton-container #afs--buy-it-now,
  .afs--modal.afs--modal-theme-01 .afs--addToCartButton-container .afs-buy-now {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px
  }

  .afs--modal.afs--modal-theme-01 .qv-addtocart-enabled .afs--add-to-cart {
    width: 100%
  }

  #afs--off-mobile-selected {
    width: 300px !important
  }

  #afs--off-mobile-selected .afs--filter-mobile-footer .afs--filter-show-result {
    width: 300px
  }

  .afs--products-container .afs--theme-05 .afs--grid-items .afs--add-to-cart span {
    font-size: 13px
  }

  .afs--products-container .afs--theme-05 .afs--grid-items .afs--add-to-cart {
    padding: 0 12px
  }
}


/* Scroll Bar CSS */

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto
}

.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  bottom: 0;
  position: absolute
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  right: 0;
  position: absolute
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
  display: block;
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
  opacity: .6
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background-color: #eee;
  opacity: .9
}

.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  bottom: 2px;
  position: absolute
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  right: 2px;
  position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
  background-color: #999;
  height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
  background-color: #999;
  width: 11px
}

@supports (-ms-overflow-style:none) {
  .ps {
    overflow: auto !important
  }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .ps {
    overflow: auto !important
  }
}

.afs--did-you-mean {
  padding: 12px;
  border-top: 1px solid #ddd;
}

.afs--did-you-mean label {
  margin: 0;
  padding: 0;
  margin-bottom: 8px;
  margin-top: 8px;
}

.afs--did-you-mean a {
  padding: 4px 8px;
  border-radius: 12px;
  border: .5px solid #dadada;
  margin: 0px;
  margin-right: 10px;
  color: #9a9a9a;
  outline: none;
}

.afs--did-you-mean a:hover,
.afs--did-you-mean a:active {
  background-color: #fafafa;
}

@keyframes drift-fadeZoomIn {
  0% {
    transform: scale(1.5);
    opacity: 0
  }

  100% {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes drift-fadeZoomOut {
  0% {
    transform: scale(1);
    opacity: 1
  }

  15% {
    transform: scale(1.1);
    opacity: 1
  }

  100% {
    transform: scale(.5);
    opacity: 0
  }
}

@keyframes drift-loader-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0)
  }

  50% {
    transform: translate(-50%, -50%) rotate(-180deg)
  }

  100% {
    transform: translate(-50%, -50%) rotate(-360deg)
  }
}

@keyframes drift-loader-before {
  0% {
    transform: scale(1)
  }

  10% {
    transform: scale(1.2) translateX(6px)
  }

  25% {
    transform: scale(1.3) translateX(8px)
  }

  40% {
    transform: scale(1.2) translateX(6px)
  }

  50% {
    transform: scale(1)
  }

  60% {
    transform: scale(.8) translateX(6px)
  }

  75% {
    transform: scale(.7) translateX(8px)
  }

  90% {
    transform: scale(.8) translateX(6px)
  }

  100% {
    transform: scale(1)
  }
}

@keyframes drift-loader-after {
  0% {
    transform: scale(1)
  }

  10% {
    transform: scale(1.2) translateX(-6px)
  }

  25% {
    transform: scale(1.3) translateX(-8px)
  }

  40% {
    transform: scale(1.2) translateX(-6px)
  }

  50% {
    transform: scale(1)
  }

  60% {
    transform: scale(.8) translateX(-6px)
  }

  75% {
    transform: scale(.7) translateX(-8px)
  }

  90% {
    transform: scale(.8) translateX(-6px)
  }

  100% {
    transform: scale(1)
  }
}

@-webkit-keyframes drift-fadeZoomIn {
  0% {
    -webkit-transform: scale(1.5);
    opacity: 0
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 1
  }
}

@-webkit-keyframes drift-fadeZoomOut {
  0% {
    -webkit-transform: scale(1);
    opacity: 1
  }

  15% {
    -webkit-transform: scale(1.1);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(.5);
    opacity: 0
  }
}

@-webkit-keyframes drift-loader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0)
  }

  50% {
    -webkit-transform: translate(-50%, -50%) rotate(-180deg)
  }

  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-360deg)
  }
}

@-webkit-keyframes drift-loader-before {
  0% {
    -webkit-transform: scale(1)
  }

  10% {
    -webkit-transform: scale(1.2) translateX(6px)
  }

  25% {
    -webkit-transform: scale(1.3) translateX(8px)
  }

  40% {
    -webkit-transform: scale(1.2) translateX(6px)
  }

  50% {
    -webkit-transform: scale(1)
  }

  60% {
    -webkit-transform: scale(.8) translateX(6px)
  }

  75% {
    -webkit-transform: scale(.7) translateX(8px)
  }

  90% {
    -webkit-transform: scale(.8) translateX(6px)
  }

  100% {
    -webkit-transform: scale(1)
  }
}

@-webkit-keyframes drift-loader-after {
  0% {
    -webkit-transform: scale(1)
  }

  10% {
    -webkit-transform: scale(1.2) translateX(-6px)
  }

  25% {
    -webkit-transform: scale(1.3) translateX(-8px)
  }

  40% {
    -webkit-transform: scale(1.2) translateX(-6px)
  }

  50% {
    -webkit-transform: scale(1)
  }

  60% {
    -webkit-transform: scale(.8) translateX(-6px)
  }

  75% {
    -webkit-transform: scale(.7) translateX(-8px)
  }

  90% {
    -webkit-transform: scale(.8) translateX(-6px)
  }

  100% {
    -webkit-transform: scale(1)
  }
}


/* Product Image Zoomer CSS */

.drift-zoom-pane {
  background: rgba(0, 0, 0, .5);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0)
}

.drift-open {
  display: block !important
}

.drift-zoom-pane.drift-opening {
  animation: drift-fadeZoomIn 180ms ease-out;
  -webkit-animation: drift-fadeZoomIn 180ms ease-out
}

.drift-zoom-pane.drift-closing {
  animation: drift-fadeZoomOut 210ms ease-in;
  -webkit-animation: drift-fadeZoomOut 210ms ease-in
}

.drift-zoom-pane.drift-inline {
  position: fixed;
  width: 150px;
  height: 150px;
  border-radius: 75px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .3)
}

.drift-loading .drift-zoom-pane-loader {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 66px;
  height: 20px;
  animation: drift-loader-rotate 1.8s infinite linear;
  -webkit-animation: drift-loader-rotate 1.8s infinite linear
}

.drift-zoom-pane-loader:after,
.drift-zoom-pane-loader:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, .9)
}

.drift-zoom-pane-loader:before {
  left: 0;
  animation: drift-loader-before 1.8s infinite linear;
  -webkit-animation: drift-loader-before 1.8s infinite linear
}

.drift-zoom-pane-loader:after {
  right: 0;
  animation: drift-loader-after 1.8s infinite linear;
  -webkit-animation: drift-loader-after 1.8s infinite linear;
  animation-delay: -.9s;
  -webkit-animation-delay: -.9s
}

.drift-bounding-box {
  background-color: rgba(0, 0, 0, .4)
}

.afs--addToCartButton-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#afs--modal button[disabled]#afs--add-to-cart {
  background-color: #efefed !important;
  color: #555959 !important;
  border-color: #efefed !important;
  box-shadow: none !important;
  cursor: default;
}

.afs--products-container  .afs--list-items button[data-availability="false"],
.afs--products-container .afs--theme-02 .afs--list-items button[data-availability="false"],
.afs-grid-layout  .afs--grid-items button[data-availability=false],
.afs-grid-layout .afs--theme-02 .afs--grid-items button[data-availability=false],
.afs-grid-layout .afs--theme-03 .afs--grid-items button[data-availability=false],
.afs-grid-layout .afs--theme-04 .afs--grid-items button[data-availability=false],
.afs-grid-layout .afs--theme-05 .afs--grid-items button[data-availability=false] {
    color: #555959 !important;
    background-color: #efefed !important;
    border-color: #efefed !important;
    border: none !important;
    box-shadow: none !important;
    cursor: default;
}

.afs-grid-layout  .afs--grid-items button[data-availability=false] svg path,
.afs-grid-layout .afs--theme-02 .afs--grid-items button[data-availability=false] svg path,
.afs-grid-layout .afs--theme-03 .afs--grid-items button[data-availability=false] svg path,
.afs-grid-layout .afs--theme-04 .afs--grid-items button[data-availability=false] svg path,
.afs-grid-layout .afs--theme-05 .afs--grid-items button[data-availability=false] svg path {
  fill: #555959 !important;
}

/**
END OLD Version CSS
**/

/**
NEW Version CSS
**/
/* AFS Grid Classes */
.AFS--Col_XLarge_1,
.AFS--Col_XLarge_2,
.AFS--Col_XLarge_3,
.AFS--Col_XLarge_4,
.AFS--Col_XLarge_5,
.AFS--Col_XLarge_6,
.AFS--Col_XLarge_7,
.AFS--Col_XLarge_8,
.AFS--Col_Large_1,
.AFS--Col_Large_2,
.AFS--Col_Large_3,
.AFS--Col_Large_4,
.AFS--Col_Large_5,
.AFS--Col_Large_6,
.AFS--Col_Medium_1,
.AFS--Col_Medium_2,
.AFS--Col_Medium_3,
.AFS--Col_Medium_4,
.AFS--Col_Small_1,
.AFS--Col_Small_2,
.AFS--Col_XSmall_1,
.AFS--Col_XSmall_2{
list-style: none;
padding: 0;
margin: 0;
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}

.AFS--Grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: left;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.AFS--List,
.AFS--List li{
  list-style: none;
}


.AFS--List_Row{
  display: flexbox;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}


.AFS--Grid_spacingDefault [class*="AFS--Col_"]{
margin-bottom: 12px;
}

 .AFS--Grid_spacingLoose [class*="AFS--Col_"] {
    margin-bottom: 16px;
}
 .AFS--Grid_spacingExtraLoose [class*="AFS--Col_"] {
    margin-bottom: 32px;
}
 .AFS--Grid_spacingTight [class*="AFS--Col_"] {
    margin-bottom: 8px;
}
 .AFS--Grid_spacingExtraTight [class*="AFS--Col_"] {
    margin-bottom: 4px;
}

.AFS--Layout_oneHalf, 
.AFS--Layout_oneThird {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.AFS--Col_XSmall_1{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.AFS--Col_XSmall_2{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}

.AFS--Products_Wrapper {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.AFS--Filters_Wrapper{
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}


/* AFS List Classes */
.AFS--List_Image_Container{
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position:relative;
}
.AFS--List_Product_Info_Container{
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0px;
}
/* AFS List Spaces Classes */
.AFS--List_spacingLoose .AFS--List_Row{
  margin-bottom: 16px;
}
.AFS--List_spacingExtraLoose .AFS--List_Row{
   margin-bottom: 32px;
}
.AFS--List_spacingTight .AFS--List_Row{
  margin-bottom: 8px;
}
.AFS--List_spacingExtraTight .AFS--List_Row{
  margin-bottom: 4px;
}

@media (min-width: 576px){
.AFS--Col_Small_1{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.AFS--Col_Small_2{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}

@media (min-width: 768px){
.AFS--Col_Medium_1{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.AFS--Col_Medium_2{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.AFS--Col_Medium_3{
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.333%;
}
.AFS--Col_Medium_4{
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
  .AFS--Layout_oneHalf {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .AFS--Layout_oneThird {
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  
.AFS--List_Image_Container{
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  position:relative;
}
.AFS--List_Product_Info_Container{
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
  padding-left: 30px;
}
.AFS--Filters_Wrapper{
-ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 24%;
    padding-right: 20px
}
.AFS--Products_Wrapper{
-ms-flex: 0 0 76%;
    flex: 0 0 76%;
    max-width: 76%;
}
.AFS--Filter_TopMenu_Skeleton .AFS--Filter_LeftMenu {
    display: none;
}
  /* AFS-Show-Hide on Mobile */
  .AFS--Show_Mobile{
    display: none !important;
  }
  .AFS--Modal .AFS--MainImage_Arrows {
    opacity: 0;
  }
  .AFS--Theme_Contents .AFS--Filter_Toggle_Button {
    display: inline-block;
  }
  .AFS--Theme_Contents .AFS--Filter_Toggle_Button a {
      background: rgb(243,243,243);
      margin: 0;
      padding: 10px 30px 10px 10px;
      font-weight: normal;
      text-transform: uppercase;
      font-size: 1em;
      margin-bottom: 10px;
      line-height: 20px;
      cursor: pointer;
      display: inline-block;
  }
}

@media (min-width: 992px){
.AFS--Col_Large_1{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.AFS--Col_Large_2{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.AFS--Col_Large_3{
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.333%;
}
.AFS--Col_Large_4{
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}

.AFS--Col_Large_5{
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.AFS--Col_Large_6{
-ms-flex: 0 0 16.666%;
flex: 0 0 16.666%;
max-width: 16.666%;
}
}

@media (min-width: 1200px){
.AFS--Col_XLarge_1{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.AFS--Col_XLarge_2{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.AFS--Col_XLarge_3{
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.333%;
}
.AFS--Col_XLarge_4{
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}

.AFS--Col_XLarge_5{
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.AFS--Col_XLarge_6{
-ms-flex: 0 0 16.666%;
flex: 0 0 16.666%;
max-width: 16.666%;
}
.AFS--Col_XLarge_7{
-ms-flex: 0 0 14.28%;
flex: 0 0 14.28%;
max-width: 14.28%;
}
.AFS--Col_XLarge_8{
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
  }
}

@media only screen and (max-width: 576px){
.AFS--Modal .AFS--Modal_Inner-Content {
    width: 100%;
    max-height: none;
}
  
.AFS--Modal .AFS--Modal_Content {
    padding: 30px 0px 0px 0px;
}
.AFS--Modal.AFS--Modal_Centered .AFS--Modal_Content {
  padding: 30px 0px 0px 0px;
}  
}


@media only screen and (max-width: 768px){
  .AFS--Show_Mobile{
    display:inherit!important;
  }
  .AFS--Hide_Mobile{
    display: none !important;
  }
  .AFS--Grid .AFS--Button_QuickView.AFS--TopRight {
    position: relative;
    padding-top: 10px;
  }
  .AFS--Product_Info .AFS--Button_QuickView.AFS--Button_Icon:hover {
    background-color: #fff;
  }

  .AFS--Product_Info .AFS--Button_QuickView.AFS--Button_Icon:hover .AFS--SVG{
    fill:#000;
  }

  .AFS--Stack_Item__fill{
    width:100%;
  }
  .AFS--Product_Info .AFS--Stack_Item.AFS--Stack_Item__fill {
    margin-right: 0px;
}
[data-quickview-sticky="false"] .AFS--Card .AFS--Button.AFS--Button_QuickView {
    opacity: 1;
}
  .AFS--Image_Container .AFS--Button.AFS--Button_Images_Nav{
    opacity: 1;
  }
  
 .AFS--Modal.AFS--Modal_Button_Close_Corner .AFS--Modal_Body {
    background-color: #fff;
  }
 .AFS--Modal.AFS--Modal_Button_Close_Corner .AFS--Modal_Inner-Content {
    overflow: auto;
  }
  .AFS--Modal.AFS--Modal_Button_Close_Corner .AFS--Modal_Header {
    height: 50px;
    z-index: 9999;
  }
  .AFS--Modal.AFS--Modal_Button_Close_Corner .AFS--Modal_Button_Close {
    right: 0;
    top: 0;
    margin: 8px 10px 8px 0px;
  }
  .AFS--Modal.AFS--Modal_Fixed_Image_Container .AFS--Product_Info {
    max-height: none;
    padding: 0 8px;
  }
  
  .AFS--List .AFS--List_Product_Info_Container .AFS--Product_Info,
  .AFS--Card .AFS--Product_Info{
      padding: 20px 0px 0px 0;
  }
  .AFS--Main_Wrapper.AFS--Filter_TopMenu_Skeleton .AFS--Filter_TopMenu.afs--filters-skeleton {
    display: none!important;
  }
  .afs--arrow-icon .AFS--Filter_Toggle {
    display: none;
  }
  .AFS--Button.AFS--Modal_Button_Close {
    background: #dedede8c;
    padding: 4px 8px;
  }
  .AFS--Modal .AFS--MainImage_Arrows{
    opacity:1;
  }
  .AFS--Main_Wrapper.afs--mobile-off-canvas-filter #total-products-count {
    text-align: center;
    margin-top: 12px;
  }
}


.AFS--Products_Wrapper_Full{
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

/* AFS-Modal */
.AFS--Modal{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483647;
  overflow-x: hidden;
  overflow-y: auto;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.AFS--Modal_Content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content:center;
  padding: 20px;
}
.AFS--Modal_Centered .AFS--Modal_Content{
  min-height: 100%;
  padding:20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.AFS--Modal_sizeSmall .AFS--Modal_Inner-Content{
  width: 850px;
}
.AFS--Modal_sizeLarge .AFS--Modal_Inner-Content{
  width: 1060px;
}
.AFS--Modal_sizeXLarge .AFS--Modal_Inner-Content{
  width: 1180px;
}

.AFS--Modal_Fixed_Image_Container .AFS--Product_Info {
    max-height: 580px;
    overflow: auto;
}

.AFS--Modal_Fixed_Image_Container .AFS--Layout_oneHalf {
    padding: 0;
}

.AFS--Modal_Fixed_Image_Container .AFS--Modal_Image_Container {
    margin: 0px 12px;
}

.AFS--Modal_Fixed_Image_Container .AFS--Product_Info {
    padding: 0px 8px;
}

.AFS--Modal_Fixed_Image_Container .AFS--Modal_Body {
    max-height: unset;
}

.AFS--Button.AFS--Modal_Button_Close {
  margin-right: 0px;
  margin-top: 0px;
  padding: 4px 8px;
}

.AFS--Modal_Button_Close_Corner .AFS--Modal_Inner-Content {
    overflow: visible;
}

.AFS--Modal_Button_Close_Corner .AFS--Modal_Button_Close {
    padding: 0;
    margin:0;
    height: 36px;
    width: 36px;
    right: -18px;
    top: -18px;
    z-index: 9;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: 0;
    background: #ff7677;
    cursor: pointer;
    opacity: 1;
}


.AFS--Modal_Button_Close_Corner .AFS--Modal_Button_Close .AFS--SVG {
    fill: #fff;
}

.AFS--Modal_Button_Close_Corner .AFS--Modal_Button_Close:hover {
    background-color: #000;
}

.AFS--Button.AFS--Modal_Button_Close:hover {
    background: #dedede;
}

.AFS--Modal_Inner-Content {
  width: 1060px;
  max-width: 100%;
  background-color: #fff;
  position: relative;
  padding: 0px;
}
.AFS--Modal_Body{
  max-height: 580px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 24px;
}

.AFS--Modal-Backdrop {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 2147483647;
    opacity: 0;
    background: rgba(0,0,0,0.5);
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}


.AFS--Modal_Open .AFS--Modal{
  visibility:visible;
}

.AFS--No_Animation{
  transform: translate3d(0px, 0px, 0px)!important;
}

/* AFS-Animations */
.AFS--Modal.AFS--Modal_Animated_SlideUp,
.AFS--Modal.AFS--Modal_Animated_SlideDown{
    transition: opacity .15s linear;
}


.AFS--Modal_Hide .AFS--Modal_Animated_ZoomIn .AFS--Modal_Inner-Content{
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}

.AFS--Modal_Open .AFS--Modal_Animated_SlideUp,
.AFS--Modal_Open .AFS--Modal_Animated_SlideDown{
  opacity: 1;
  visibility:visible;
}


.AFS--Modal_Open .AFS--Modal_Animated_ZoomIn .AFS--Modal_Inner-Content{
  webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility:visible;
}


.AFS--Modal_Animated_SlideDown .AFS--Modal_Content {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s;
    opacity: 0;
}

.AFS--Modal_Open .AFS--Modal_Animated_SlideDown .AFS--Modal_Content {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
}


.AFS--Modal_Animated_SlideUp .AFS--Modal_Content {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.AFS--Modal_Open .AFS--Modal_Animated_SlideUp .AFS--Modal_Content  {
-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}


.AFS--Modal_Open .AFS--Modal-Backdrop{
  opacity: 1;
  visibility: visible;
}
.AFS--overFlow_hidden {
overflow:hidden;
}

.AFS--Modal_Header {
  width: 100%;
  height: 32px;
  position: sticky;
  z-index: 1;
  top:0;
}
.AFS--Modal_Image_Container {
    text-align: center;
}

.AFS--Modal_Image {
    max-width: 100%;
    border: 0;
    margin-bottom:20px;
}

.AFS--Modal_Thumbnail_Item {
    margin-right: 10px;
}

.AFS--Modal_Thumbnail_Item img {
/*     width: 100px; */
    text-align: center;
}


/* AFS-Layout */
.AFS--Layout{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.AFS--Layout_Section{
margin-bottom:20px;
}
.AFS--Layout_oneHalf,.AFS--Layout_oneThird{
padding-right: 15px;
padding-left: 15px;
}


/* AFS-Card */

.AFS--Card{
  position:relative;
}
.AFS--Card_Section{
padding:12px;
}

.AFS--Product_Info {
    padding: 12px 12px 12px 0;
}

.AFS--Modal .AFS--Product_Info {
    padding: 12px 12px 0 12px;
}

.AFS--Card_Section .AFS--Product_Info {
    padding: 0;
}

.AFS--Product_Info_Centered{
text-align:center;
}

.AFS--TopLeft {
    position: absolute;
    top: 0;
    left: 0;
}

.AFS--TopRight {
    position: absolute;
    top: 0;
    right: 0;
}

.AFS--BottomLeft{
  position: absolute;
  bottom: 0;
  left: 0;
}
.AFS--BottomRight{
  position: absolute;
  bottom: 0;
  right: 0;
}

.AFS--BottomCenter{
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.AFS--CenterLeft {
    position: absolute;
    left: 0;
    top: 50%;
    margin-left: 7px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.AFS--CenterRight {
  position: absolute;
  right: 0;
  top: 50%;
  margin-right: 7px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.AFS--Product_Info_Centered .AFS--Swatch, 
.AFS--Product_Info_Centered .AFS--Color_Swatch,
.AFS--Product_Info_Centered .AFS--Stack{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
}

/* AFS-Image */
.AFS--Image {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  display: block;
  -webkit-transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0,1.0);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  user-select: none;
}
.AFS--Image_Container {
  position: relative;
}
.AFS--Image_Link{
  display: flexbox;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding-top: 100%;
}

/* AFS-Stack */

.AFS--Stack{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.AFS--Stack_Item__fill{
  flex-grow:1;
  -ms-flex-grow:1;
}

.AFS--Stack_Vertical{
display:block;
}

.AFS--Stack.AFS--Stack_Vertical > .AFS--Stack_Item {
    margin-right: 0px;
}

.AFS--Products_Wrapper .AFS--Stack.AFS--Stack_Vertical > .AFS--Stack_Item {
    line-height: 1.5;
}

.AFS--Stack_Verticle .AFS--Stack_Item {
    margin-right: 0px;
}

.AFS--Stack .AFS--Stack_Item {
    margin: 0 12px 12px 0px;
}


.AFS--Stack_spacingExtraLoose .AFS--Stack_Item {
    margin: 0 24px 24px 0px;
}

.AFS--Stack_spacingLoose .AFS--Stack_Item {
    margin: 0 12px 12px 0px;
}

.AFS--Stack_spacingTight .AFS--Stack_Item {
    margin: 0 4px 4px 0px;
}

.AFS--Stack_spacingExtraTight .AFS--Stack_Item {
      margin: 0 4px 2px 0px;
}

.AFS--Stack .AFS--Stack_Item:last-child {
    margin-right: 0;
}

/* AFS Loader*/

.AFS--Loader {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
    transition-property: opacity;
    transition-duration: 0.3s;
    will-change: opacity;
}

.AFS--Loader_bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.6;
  background-color: #fff;
}

.AFS--Loader_Spinner {
    position: relative;
}


/* AFS Links */

.AFS--Link {
    text-decoration: none;
    color:unset;
}

.AFS--Link_Underline {
    text-decoration: underline;
}

.AFS--Link_Bold{
font-weight: bold;
}

.AFS--Link_Italic{
font-style: italic;
}

.AFS--Image_Container:hover .AFS--Button_Images_Nav.AFS--Link_Disabled, .AFS--Link_Disabled{
  pointer-events: none;
  opacity: .6;
}

.AFS--Product_CompareAtPrice {
  color: #858585;
  text-decoration: line-through;
  display: inline-block;
  margin-left: 4px;
}

/* AFS Headings */
.AFS--SubHeading {
    text-transform: uppercase;
    font-weight: 600;
}

.AFS--Heading {
    font-weight: 700;
    color: #000;
}

.AFS--Heading span,
.AFS--SubHeading span{
  font-weight: 200;
}

.AFS--Collection_Title {
  margin-top: 20px;
  font-size: 25px;
}

/* AFS Badges Sizes*/

.AFS--Badge {
    display: inline-block;
    padding: 0px 8px;
    text-align:center;
    border: 1px solid #637381;
}

.AFS--Badge_sizeSmall {
    padding: 0px 4px;
}

.AFS--Badge_sizeMedium {
    padding: 4px 16px;
}

.AFS--Badge_sizeLarge {
    padding: 8px 24px;
}

.AFS--Badge_Full {
  display: block;
  width: 100%;
}

/* AFS Badges Colors*/

.AFS--Badge_Primary{
  background-color:#007bff;
  color: #ffffff;
  border-color: #007bff;
}
.AFS--Badge_New{
background-color:#17a2b8;
color: #ffffff;
border-color: #17a2b8;
}
.AFS--Badge_Sale{
background-color:#28a745;
color: #ffffff;
border-color:#28a745;
}
.AFS--Badge_Hot{
background-color:#ffc107;
color: #ffffff;
border-color:#ffc107;
}
.AFS--Badge_InStock{
background-color:#007bff;
color: #ffffff;
border-color:#007bff;
}
.AFS--Badge_OutStock{
background-color:#dc3545;
color: #ffffff;
border-color:#dc3545;
}

/* AFS Buttons Sizes*/
.AFS--Button {
  text-decoration:none;
  color:#3a3a3a;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 4px 12px;
  line-height: 1.5;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  outline: none;
}

/* .AFS--Button:focus {
    outline: none;
} */

.AFS--Button:active,
.AFS--Button:focus{
  outline: none;
  /*     box-shadow: 0px 0px 0px 1px hsl(0deg 0% 0% / 35%); */
}

.AFS--Button_sizeSmall{
  padding: 0px 4px;
}
.AFS--Button_sizeMedium{
  padding: 4px 16px;
}
.AFS--Button_sizeLarge{
  padding: 8px 24px;
}
.AFS--Button_Full{
    display: block;
    width: 100%;
}

/* AFS Button Colors*/

.AFS--Button_Plain{
  color: inherit;
  background-color: inherit;
  border: inherit;
}

.AFS--Button_Disabled{
  opacity: .6;
  color: #637381;
  border-color: #637381;
  pointer-events: none;
}
.AFS--Button_SoldOut{
  opacity: .6;
  color: #637381;
  border-color: #637381;
  pointer-events: none;
}
.AFS--Button_QuickView{
  border: 1px solid #637381;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.AFS--Button_AddToCart{
   border: 1px solid #637381;
}
.AFS--Button_BuyNow{
border: 1px solid #637381;
}
.AFS--Button_WishList{
   border: 1px solid #637381;
}
.AFS--Button_CompareProduct{
   border: 1px solid #637381;
}

.AFS--Button_Animated {
  color: #000;
  letter-spacing: .15rem;
  transition: all .3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.AFS--Button_Animated:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: -2;
}
.AFS--Button_Animated:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #000;
  transition: all .3s;
  z-index: -1;
}
.AFS--Button.AFS--Button_Animated:hover {
  color: #fff;
}

.AFS--Button_Animated:hover:before {
  width: 100%;
}

.AFS--Button.AFS--Button_Icon{
  border: 0;
  -moz-box-shadow: 3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 0px 2px 4px rgba(86, 86, 86, 0.35);
  box-shadow: 0px 2px 4px rgba(86, 86, 86, 0.35);
  box-shadow: 0px 2px 4px rgba(86, 86, 86, 0.35);
}

.AFS--Button_Icon_Inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  overflow: hidden;
}

.AFS--Button_Icon_Inside .AFS--Button_Icon svg {
  margin-bottom: 4px;
  margin-right: 4px;
}

.AFS--Button_Icon_Inside span:not(.AFS--Button_Icon) {
    transform: translate3d(-12px,0,0);
    transition-duration: 0.3s;
}

.AFS--Button_Icon_Inside .AFS--Button_Icon {
    transform: translate3d(-40px,45px,0);
    transition-property: transform;
    will-change: transform;
    transition-duration: 0.3s;
}

.AFS--Button_Icon_Inside:hover .AFS--Button_Icon,
.AFS--Button_Icon_Inside:hover span:not(.AFS--Button_Icon),
.AFS--Button_Icon_Inside:focus .AFS--Button_Icon,
.AFS--Button_Icon_Inside:focus span:not(.AFS--Button_Icon){
    transform: translate3d(0,0,0);
}

.AFS--Button_Icon_Inside:hover .AFS--Button_Icon svg,
.AFS--Button_Icon_Inside:focus .AFS--Button_Icon svg{
fill:#fff;
}

.AFS--Button_Icon_Inside:hover,
.AFS--Button_Icon_Inside:focus{
    background-color: #000;
    opacity: 1;
    color: #fff;
}

.AFS--Button_Icon_Inside:hover span:not(.AFS--Button_Icon),
.AFS--Button_Icon_Inside:focus span:not(.AFS--Button_Icon){
    color:#fff;
}

.AFS--Button_Images_Nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor:pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  background-color: #fff;
  border-radius: 50%;
  padding: 4px 8px;
  width: 35px;
  height: 35px;
  -moz-box-shadow: 3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 0px 2px 4px rgba(86, 86, 86, 0.35);
  box-shadow: 0px 2px 4px rgba(86, 86, 86, 0.35);
  box-shadow: 0px 2px 4px rgba(86, 86, 86, 0.35);
}

.AFS--Button_Images_Nav_Left svg{
    margin-right: 2px;
}
.AFS--Button_Images_Nav_Right svg{
    margin-left: 2px;
}

.AFS--Button_QuickView.AFS--Button_Icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  background-color: #fff;
  border-radius: 50px;
  padding: 4px 8px;
  height: 36px;
  width: 36px;
}

.AFS--SVG{
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: currentColor;
}

/* AFS Button hide on the base of tags */

[data-quickview-sticky="false"] .AFS--Button_QuickView{
opacity:0;
}

.AFS--Image_Container .AFS--Button_Images_Nav {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.AFS--Button_QuickView.AFS--Button_Icon:hover,
.AFS--Button_Images_Nav.AFS--Button_Icon:hover{
background-color: #000;
opacity: 1;
}
.AFS--Button_QuickView.AFS--Button_Icon:hover .AFS--SVG,
.AFS--Button_Images_Nav.AFS--Button_Icon:hover .AFS--SVG{
    fill: #fff;
}

.AFS--Image_Container:hover .AFS--Button_Images_Nav{
opacity: 1;
}

.AFS--Image_Container:hover .AFS--Button_QuickView{
opacity: 1;
}

/* AFS Description*/

.AFS--Product_Description_Collapsible {
  max-height: 90px;
  overflow-y: hidden;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  position:relative;
}

.AFS--Product_Description_Collapsible.expanded:after{
display:none;
}

/* This class is added when button is clicked */
.AFS--Product_Description_Collapsible.expanded {
  max-height: 2000px;
  transition: max-height 1s ease-in-out;
}


.AFS--Product_Description_Collapsible:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: #fff;
  background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(hsla(0,0%,100%,0)));
  background: linear-gradient(0deg,#fff,hsla(0,0%,100%,0));
}

  
/* AFS Swatch*/
.AFS--Swatch{
    margin:0;
    padding:0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.AFS--Swatch_Item {
  list-style:none;
  position: relative;
  margin: 0 5px 5px 0;
}

.AFS--Swatch_Item a{
  text-decoration: none;
  color: #3a3a3a;
  padding: 4px 16px;
  border: 1px solid #d6d6d6;
  display:block;
  min-width: 22px;
  min-height: 22px;
  text-align: center;
}

/* AFS Swatch Sizes*/
.AFS--Swatch_sizeSmall .AFS--Swatch_Item a{
  padding: 0px 8px;
}
.AFS--Swatch_sizeMedium .AFS--Swatch_Item a{
  padding: 4px 16px;
}
.AFS--Swatch_sizeLarge .AFS--Swatch_Item a{
  padding: 8px 24px;
}

.AFS--Swatch_Rounded .AFS--Swatch_Item a{
border-radius: 50px;
}

/* AFS Swatch Selected*/
.AFS--Swatch_Selected a {
    border: 1px solid #637381;
}

.AFS--Swatch_Fill a:hover{
    background-color: #637381;
    color: #fff;
    border-color: #637381;
}


/* AFS Swatch Disabled*/
.AFS--Swatch_Disabled a {
    color: #637381;
    opacity: 0.6;
    pointer-events: none;
}

.AFS--Swatch_Disabled {
    cursor: no-drop;
}
.AFS--Swatch_Disabled:after {
    content: '';
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M0 99 L99 0 L100 1 L1 100' fill='red' /></svg>");
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.6;
}

.AFS--Swatch_Rounded .AFS--Swatch_Disabled:after {
    border-radius: 50%;
}

.AFS--Swatch_Item:focus,
.AFS--Swatch_Item a:focus,
.AFS--Swatch_Item a span:focus {
    outline: none;
}

/* AFS Color Swatch*/
.AFS--Color_Swatch{
  margin:0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.AFS--Color_Swatch_Item{
  list-style:none;
  position: relative;
  margin: 0 4px 4px 0;
  padding: 1px;
  border: 1px solid transparent;
}

.AFS--Color_Swatch_Item a > span{
  width: 32px;
  height: 32px;
  display: block;
  border: 1px solid #637381;
  position: relative;
  font: 0/0 a;
  margin: 1px;
}


.AFS--Color_Swatch_SecondColor{
  width: 0;
  height: 0;
  border-bottom: 30px solid transparent;
  border-left: 30px solid transparent;
  position: absolute;
  right: 0;
  bottom: 0;
}
.AFS--Swatch_Circle a > span{
border-radius:50%;
 overflow:hidden;
}


/* AFS Color Swatch Sizes*/
.AFS--Color_Swatch_ExtrasizeSmall .AFS--Color_Swatch_Item a > span {
  width: 12px; 
  height: 12px;
}

.AFS--Color_Swatch_sizeSmall .AFS--Color_Swatch_Item a > span {
  width: 22px; 
  height: 22px;
}
.AFS--Color_Swatch_sizeMedium .AFS--Color_Swatch_Item a > span{
    width: 32px;
    height: 32px;
}
.AFS--Color_Swatch_sizeLarge .AFS--Color_Swatch_Item a > span{
  width: 42px; 
  height: 42px;
}
.AFS--Color_Swatch_ExtrasizeSmall .AFS--Color_Swatch_SecondColor{
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
}

.AFS--Color_Swatch_sizeSmall .AFS--Color_Swatch_SecondColor {
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
}

.AFS--Color_Swatch_sizeMedium .AFS--Color_Swatch_SecondColor{
    border-bottom: 30px solid transparent;
    border-left: 30px solid transparent;
}

.AFS--Color_Swatch_sizeLarge .AFS--Color_Swatch_SecondColor {
    border-bottom: 39px solid transparent;
    border-left: 39px solid transparent;
}

/* AFS Color Swatch Selected*/
.AFS--Color_Swatch_Selected {
    border: 1px solid #637381;
}

.AFS--Swatch_Circle .AFS--Color_Swatch_Selected {
    border-radius: 50%;
}

/* AFS Color Swatch Disabled*/
.AFS--Color_Swatch_Disabled a > span {
    opacity: 0.6;
    pointer-events: none;
}

.AFS--Color_Swatch_Disabled a {
    pointer-events: none;
    display: block;
}

.AFS--Color_Swatch_Disabled {
    cursor: no-drop;
}

.AFS--Color_Swatch_Disabled:after {
    content: '';
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M0 99 L99 0 L100 1 L1 100' fill='red' /></svg>");
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.6;
    border-radius:50%;
}


/* AFS Swatch ToolTip*/  
.AFS--Swatch_Tooltip {
  position: absolute;
  padding: 0 10px;
  line-height: 28px;
  font-size: 12px;
  letter-spacing: .3px;
  white-space: nowrap;
  background: #637381;
  color: #fff;
  display: block;
  top: -20px;
  left: 48%;
  opacity: 0;
  transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .1s ease-out;
  -ms-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out;
}


.AFS--Swatch_Tooltip:after {
    border-left: solid transparent 5px;
    border-right: solid transparent 5px;
    border-top: solid #637381 6px;
    bottom: 0;
    top: 31px;
    content: " ";
    height: 0;
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    width: 0;
}

.AFS--Swatch_Item:hover .AFS--Swatch_Tooltip {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.AFS--Color_Swatch_Item:hover .AFS--Swatch_Tooltip,
.AFS--Color_Swatch_Item:focus .AFS--Swatch_Tooltip {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.AFS--Color_Swatch_Item:focus{
    outline: none;
}

/* AFS Dropdown Sizes*/
.AFS--Dropdown_sizeSmall {
    padding: 0 24px;
    height: 28px;
}
.AFS--Dropdown_sizeMedium {
    padding: 0px 24px;
    height: 32px;
}
.AFS--Dropdown_sizeLarge {
    padding: 0px 32px;
    height: 42px;
}
.AFS--Dropdown_Ful {
    width: 100%;
}



/* AFS Quantity Input*/

.AFS--Input {
    position: relative;
    max-width: 100px;
    min-width: 75px;
    overflow: visible;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 8px 0;
}

input[type='number'].AFS--Input_Quantity,
input.AFS--Input_Quantity,
.AFS--Input_Quantity {
  display: block;
  text-align: center;
  width: 100%;
  padding: 8px 26px;
  margin: 0;
  height: 32px;
  min-height: auto;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 0;
  padding: 0;
  background-color: inherit;
  border: 1px solid #d6d6d6;
  border-radius: 0;
}

.AFS--Input_Quantity:focus {
  outline: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.AFS--Quantity_Decrease_Button, .AFS--Quantity_Increase_Button {
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dedede;
  color: #3e3c3c;
  padding-top: 0;
  cursor: pointer;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content:center;
  top: 0;
  bottom: 0;
  padding: 0 0;
  width: 27px;
  height: 32px;
  text-align: center;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
  line-height: 1.5;
}

.AFS--Quantity_Increase_Button {
  right: 0;
}

.AFS--Quantity_Decrease_Button {
  left: 0;
}

.AFS--Filter_Toggle_Button svg {
  padding-top: 3px;
}

[data-hover="true"][data-images-count="1"] .AFS--Button_Images_Nav,
[data-hover="true"][data-images-count="2"] .AFS--Button_Images_Nav{
  display: none!important;
}

/* Modal Skeleton */

.AFS--Modal_Skeleton .AFS--Modal_mainImage {
    width: 100%;
    height: 400px;
    max-height: 680px;
}

.AFS--Modal_Skeleton .AFS--Modal_thumbnailImage_Item {
    width: 69px;
    height: 69px;
}

.AFS--Modal_Skeleton .AFS--Modal_thumbnailImage {
    margin-right: 10px;
}

/* Search Skeleton */
.AFS--Search_Skeleton .AFS--Stack {
  margin-bottom: 13px;
}

.AFS--Search_Skeleton {
  padding: 15px 15px 5px 15px;
}

.AFS--Stack_Item.AFS--Skeleton_SearchMain {
  margin: 0;
}

.AFS--Stack_Item.AFS--Skeleton_SearchInfo {
padding-left: 20px;
flex-grow: 1;
margin: 0;
}


.AFS--Search_Skeleton .AFS--Search_Image {
width: 70px;
height: 70px;
}
.AFS--Skeleton_SearchText {
  height: 12px;
}

.AFS--Skeleton_SearchText_Small {
  width: 60%;
  height: 12px;
}

/* New Skeleton */
.AFS--Products_Filer_Toolkit_Wrapper:empty {
  background-color: #eee;
  height: 30px;
  display: block;
}

.AFS--Skeleton .AFS--Image {
    background-color: #eee;
}
.AFS--Skeleton .AFS--Product_Info {
    padding: 10px 0 0 0;
}

.AFS--Skeleton_Text {
    background-color: #eee;
    height: 10px;
    display: block;
    margin-bottom: 6px;
}

.AFS--Skeleton_Text_oneSixth {
    width: 8.333%;
}


.AFS--Skeleton_Text_oneFifth {
    width: 16.666%;
}


.AFS--Skeleton_Text_oneThird {
    width: 33.33%;
}

.AFS--Filter_TopMenu .AFS--Skeleton_Text_oneThird {
    width: 100px;
    position: relative;
}

.AFS--Filter_TopMenu_Skeleton #afs--filter-main-container{
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
}

.AFS--Filter_TopMenu.afs--filters-skeleton {
    display: none;
}

.AFS--Main_Wrapper.AFS--Filter_TopMenu_Skeleton .AFS--Filter_TopMenu.afs--filters-skeleton {
    display: block;
}

.AFS--Filter_TopMenu_Skeleton .AFS--Products_Wrapper {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.AFS--Skeleton .AFS--Skeleton_Text_oneQuater{
width:25%;
}

.AFS--Skeleton .AFS--Skeleton_Text_oneHalf{
width:50%;
}


.AFS--Skeleton .AFS--Skeleton_Text_oneFull{
width:100%;
}

.AFS--Skeleton_Button {
    display: block;
    background-color: #eee;
  	height: 36px;
  	width: 140px;
}

.AFS--Skeleton_Button_sizeSmall{
  width: 40%;
  height: 20px;
}
.AFS--Skeleton_Button_sizeMedium{
  width: 50%;
  height: 22px;
}
.AFS--Skeleton_Button_sizeLarge {
    width: 60%;
    height: 25px;
}

.AFS--Skeleton,
.afs--filters-skeleton {
position: relative;
}

.AFS--Skeleton_Text,
.AFS--Skeleton .AFS--Image,
.AFS--Filter_LeftMenu.afs--filters-skeleton .afs--filter-skeleton-heading,
.AFS--Filter_LeftMenu.afs--filters-skeleton .afs--filter-skeleton-item,
.AFS--Filter_LeftMenu.afs--filters-skeleton .afs--filter-skeleton-count,
.AFS--Skeleton_Button,
.AFS--Products_Filer_Toolkit_Wrapper:empty,
.AFS--Modal_Skeleton .AFS--Modal_mainImage,
.AFS--Modal_Skeleton .AFS--Modal_thumbnailImage_Item,
.AFS--Search_Skeleton .AFS--Search_Image,
.AFS--Search_Skeleton .AFS--Skeleton_SearchText,
.AFS--Search_Skeleton .AFS--Skeleton_SearchText_Small{
  animation: AFSAnimation 2s infinite linear;
  background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
  background-size: 1000px 100%;
}

@keyframes AFSAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

/* OFF the canvas filters*/
.AFS--Filter_Toggle_Button {
  display: none;
}

.AFS--OffCanvas_Header {
  width: 100%;
  height: 35px;
  position: sticky;
  z-index: 1;
  top: 0;
  text-align: right;
}

.AFS--Theme_styleOffCanvas{
    top: 0;
    left: -350px;
    bottom: 0;
    width: 350px;
    position: fixed;
    min-width: initial;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    max-width: 100%;
    transition: left .25s ease;
    padding: 0px 12px 0px;
    background: #fff;
    z-index: 2147483647;
    -webkit-overflow-scrolling: touch;
}

.AFS--Theme_styleOffCanvas span.afs-close-canvas {
    display: block;
}

.AFS--Theme_styleOffCanvas_Open {
    overflow: hidden;
}

.AFS--Theme_styleOffCanvas_Open .AFS--Theme_styleOffCanvas{
    left: 0;
}

#AFS--OffCanvas_Overlay{
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background: #000;
    position: fixed;
    overflow: hidden;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 2147483647;
    transition: all .25s ease;
    cursor: pointer;
}

.AFS--Theme_styleOffCanvas_Open #AFS--OffCanvas_Overlay {
    opacity: .5;
    visibility: visible;
}


.AFS--Main_Wrapper {
    display: flexbox;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}



.AFS--Theme_styleOffCanvas_Open .afs--filter--header {
    display: none;
}


.AFS-OffCanvas_Btn{
width:100%;
}

.AFS-OffCanvas_Btn .usf-icon {
    margin-right: 5px;
}



/* Theme configuration Code */

/* .AFS--Font_Family{
font-family: AFS--Fonts;
}

@font-face {
    font-family: AFS--Fonts;
    src: url(https://cdn.shopify.com/s/files/1/0519/9698/3475/files/BasicCommercial_LT_Light.ttf?v=1607508825) format("truetype");
    font-weight: 100
  } */

.AFS--Skeleton .AFS--List_Row .AFS--Stack.AFS--Stack_Vertical > .AFS--Stack_Item {
    margin-bottom: 20px;
}

.AFS--Product_Vendor {
    color: #858585;
    font-size: 13px;
}

.AFS--Modal .AFS--Product_Vendor {
  color: inherit;
}

.AFS--Product_Title {
  color: #141414;
  font-size: 14px;
}

.AFS--Product_Description {
    line-height: 1.5;
}

.AFS--Product_Price {
  color: #141414;
  font-size: 16px;
}

.AFS--Product_Description_Link {
    padding-left: 0;
}

.AFS--List_Row .AFS--Product_Info {
    padding-top: 0;
}

.AFS--List_Row .AFS--Product_Title {
    font-size: 18px;
}

.AFS--Modal .AFS--Product_Title {
    font-size: 24px;
}

/* Slider Configuration*/
.AFS--Modal_Image_Container{
  display: flexbox;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 12px;
  position: relative;
}

.AFS--Modal_Image_Container img:focus,
.AFS--Modal_Thumbnail_Item:focus{
outline:none;
}

.AFS--Modal_MainImageSlider_Container .slick-track {
  display: flexbox;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.AFS--Modal_MainImageSlider_Container {
    width: calc(100% - 80px);
    position:relative;
    height:100%;
}

.AFS--Modal_Thumbnail, 
.AFS--Modal_MainImage {
    margin-bottom: 0;
}
.AFS--Modal .AFS--MainImage_Arrows {
    transition: .3s;
}

.AFS--Modal_MainImageSlider_Container:hover .AFS--MainImage_Arrows {
    opacity: 1;
}

.AFS--ThumbnailArrows {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.AFS--Modal_ThumbnailSlider-Container {
  position: relative;
  margin-right: 10px;
  min-width: 70px;
  width: 70px;
  display: block;
}


.AFS--Modal_MainImageSlider_Container .AFS--Modal_Image {
    margin-bottom: 0px;
    max-width: 100%;
}

.AFS--Modal_MainImageSlider_Container .slick-track {
    max-height: 680px;
}

.AFS--Modal_ThumbnailSlider-Container .AFS--Modal_Image {
  margin-bottom: 10px;
  transition-property: opacity;
  transition-duration: 0.3s;
}
.AFS--Modal_ThumbnailSlider-Container .AFS--Modal_Thumbnail_Item {
    margin-right: 0px;
    cursor:pointer;
}

.AFS--Modal_ThumbnailSlider-Container .slick-current .AFS--Modal_Image {
    border: 1px solid #000;
}

.AFS--Button_Images_Nav.AFS--Button_Images_Nav_Right:hover,
.AFS--Button_Images_Nav.AFS--Button_Images_Nav_Left:hover{
    background-color: #000;
}

.AFS--Button_Images_Nav.AFS--Button_Images_Nav_Right:hover .AFS--SVG,
.AFS--Button_Images_Nav.AFS--Button_Images_Nav_Left:hover .AFS--SVG{
    fill: #fff;
}

.AFS--Modal_ThumbnailSlider-Container .slick-disabled,
.AFS--Modal_MainImageSlider_Container .slick-disabled{
    opacity: 0.6;
    pointer-events: none;
}

.AFS--ThumbnailArrows .AFS--Button_Images_Nav_Up,
.AFS--ThumbnailArrows .AFS--Button_Images_Nav_Down{
    cursor: pointer;
}

@media only screen and (max-width:1024px){
  .AFS--Modal_ThumbnailSlider-Container,
  .AFS--Modal_Skeleton .AFS--Modal_thumbnailImage{
  display:none;
  }
  .AFS--Modal_MainImageSlider_Container{
  width:100%;
  }
}

#AFS--Modal_Skeleton_Id {
  display: flexbox;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 12px;
  width: 100%;
  position: absolute;
  z-index: 9999;
}


.AFS--Search__TipsList {
  margin: 0px 0px 0px 24px;
  padding: 0;
  list-style-type: disc !important;
}

.AFS--Search__TipsList li.AFS--Search__TipsListItem {
  list-style-type: disc !important;
}

.AFS--Search__NoResultFoundLabel {
    padding: 12px;
    word-break: break-word;
}

.AFS--Search__NoResultFoundSearchTips {
  padding: 0px 12px;
  padding-bottom: 12px;
}


/**
END NEW Version CSS
**/

/**
Slick SLIDER CSS
**/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick - track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}


/* issues fixed - 29 Jan 2021 */

.afs--search_products button.search__submit::after {
    outline: none;
}

.AFS--Skeleton_SearchHeader {
    margin-bottom: 12px;
    height: 24px;
}


.AFS--Filter_Icon {
  line-height: 1;
}

.AFS--Filters_Toggle_Btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}

.AFS--Filter_Toggle_Text,
.AFS--Filter_Toggle {
  display: block;
  margin-left: 4px;
  letter-spacing: 1px;
}