/**
*
Name: afs-style.min.css
Version: 1.0.6
Last modified: Tuesday, 22 June 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
}

.AFS--Product_Price, .grid-product__price {font-size:20px !important; font-weight:bold !important;}

.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;
   margin: 0
}

.AFS--Products_Wrapper .filter--sort-by #filterSortBy,
.AFS--Products_Wrapper .filter--sort-by select {
   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;
   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;
   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;
   position: relative;
   max-height: 350px
}

#left-filter-bar-price .filter--items {
   max-height: unset;
   position: unset;
   overflow: visible !important;
   padding: 0;
}

#left-filter-bar-price .filter--items .ps__rail-x,
#left-filter-bar-price .filter--items .ps__rail-y {
   display: none;
}

.AFS--Filter_LeftMenu .filter--card .filter--items {
   max-height: 297px;
   position: relative;
   padding: 0 11px 0 0;
   display: block;
}


.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;
   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;
   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;
   font-style: normal
}


.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;
   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 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 .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;
   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--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: hidden
}

.AFS--Filter_TopMenu .afs--section-expanded+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--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;
   margin-left: 0;
   list-style: none;
}

.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 .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 .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 .afs--page-display-type {
   float: right !important;
   line-height: 0;
   font-size: medium
}

.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 {
   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-bottom: 15px;
   text-align: left;
   font-size: 14px;
   border-top: 1px solid #e6e5e5
}

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

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

.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;
   word-break: break-word
}


.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-radio {
   border: 1px solid #c3c2c9
}

.AFS--Filter_LeftMenu .filter--option-title {
   padding: 7px 12px !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;
   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 {
   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;
}

.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--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;
   margin-left: 0;
   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;
   position: relative
}

.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 .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: hidden;
}



.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%;
}

.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
}

.afs--search-results-wrapper .afs--search-container {
   height: auto;
   background: #fff;
   padding: 0;
   border: 0 solid #eae9e9;
   text-align: left;
   z-index: 99990;
   position: relative;
   margin-top: 9px;
   -ms-box-shadow: 0 0 0 1px rgba(39, 44, 48, 0.05), 0 1px 5px 1px rgba(39, 44, 48, 0.16);
   -webkit-box-shadow: 0 0 0 1px rgba(39, 44, 48, 0.05), 0 1px 5px 1px rgba(39, 44, 48, 0.16);
   box-shadow: 0 0 0 1px rgba(39, 44, 48, 0.05), 0 1px 5px 1px rgba(39, 44, 48, 0.16);
   -moz-border-radius: 2px;
}

.afs--search-results-wrapper .afs--search-section .afs--search-header {
   line-height: 16px;
   text-align: center;
   padding-left: 8px;
   background: #eee;
   padding-bottom: 8px;
   padding-top: 8px;
   color: #929292
}

.afs--search-results-wrapper .afs--search-header label {
   cursor: default;
   margin: 0;
   padding: 0
}

.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 {
   line-height: 0;
   padding: 4px 10px;
   width: auto;
   border-bottom: 1px solid #eee;
   font-size: initial;
   list-style: none
}

.afs--search-result-products .afs--search-result-p-item:hover,
.afs--search-results-wrapper .afs--search-container .afs--search-result-item:hover {
   background: #fafafa;
   -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
}

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

.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;
   margin-left: 8px;
   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;
}

.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: 10%;
   right: auto;
   overflow: hidden;
   height: 20px;
   display: block !important;
   width: 20px;
   margin: 0;
   z-index: 99991;
}

.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: #f5f5f5;
   -ms-box-shadow: 0 0 0 1px rgba(39, 44, 48, 0.05), 0 1px 5px 1px rgba(39, 44, 48, 0.16);
   -webkit-box-shadow: 0 0 0 1px rgba(39, 44, 48, 0.05), 0 1px 5px 1px rgba(39, 44, 48, 0.16);
   box-shadow: 0 0 0 1px rgba(39, 44, 48, 0.05), 0 1px 5px 1px rgba(39, 44, 48, 0.16);
}

.afs--search-results-wrapper .afs--search-section .afs--search-item-contents .afs--search-result-p-item .afs--search-products .afs--product-info div:last-child {
   padding: 5px 0;
   letter-spacing: .5px
}

.afs--search-container .afs--search-section:first-child .afs--search-item-contents ul li a {
   padding: 0 10px 0 0;
   font-size: 12px;
   line-height: 1.5;
   display: block;
   text-decoration: none;
   color: #000;
   text-align: left;
}

.afs--search-container .afs--search-section:last-child {
   text-align: center;
   padding: 6px 10px 6px 10px;
   background-color: #eee
}

.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 #949494;
   background-color: #fff;
   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
}

.afs--search_products button.search__submit {
   min-width: 30px;
   line-height: 0;
   background-color: inherit;
   position: absolute;
   right: 0;
   transform: translate(0, 0);
   top: 0;
   height: 100%;
   padding: 0 !important;
   margin: 0 !important;
   outline: 0 !important;
   border-radius: 0px!important;
   border: 1px solid #b5b5b5 !important;
   border-left: 0px solid #b5b5b5;
}

.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
}

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

/* New Search Design */

.AFS--Search_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--Search_Row>.afs--search-section {
   width: 100%;
}

/* New Search Mobile Design */

.AFS--Search_Mobile_Top_Panel {
   position: fixed;
   top: 0;
   right: 0;
   width: 100%;
   z-index: 9999999998;
   height: 64px;
   padding-bottom: 1px;
   /* display: none; */
   background: rgba(0, 0, 0, 0.5);
}

.AFS--Search_Mobile_Top_Panel form {
   height: 64px;
   background: #fff;
   padding-top: 0px;
   margin: 0;
}

.AFS--Search_Mobile_Top_Panel_Close {
   background: #fff;
   width: 52px;
   height: 64px;
   float: left;
   display: inline-block;
   border: none;
   font-size: 0;
   position: relative;
   -ms-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.AFS--Search_Mobile_Top_Panel_Close:before {
   top: 50%;
   left: 15px;
   position: absolute;
   margin-top: -10px;
   content: "";
   display: inline-block;
   width: 20px;
   height: 20px;
   background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 9.0007H3.661L9.658 3.7537C10.074 3.3897 10.116 2.7577 9.753 2.3427C9.387 1.9247 8.756 1.8847 8.342 2.2477L0.342 9.2477C0.334 9.2547 0.331 9.2657 0.323 9.2727C0.25 9.3417 0.195 9.4247 0.146 9.5127C0.128 9.5427 0.101 9.5667 0.087 9.5997C0.032 9.7227 0 9.8567 0 10.0007C0 10.1447 0.032 10.2787 0.087 10.4017C0.101 10.4347 0.128 10.4587 0.146 10.4897C0.196 10.5767 0.25 10.6597 0.323 10.7287C0.331 10.7357 0.334 10.7467 0.342 10.7537L8.342 17.7537C8.531 17.9197 8.766 18.0007 9 18.0007C9.278 18.0007 9.555 17.8857 9.753 17.6587C10.116 17.2437 10.074 16.6117 9.658 16.2477L3.661 11.0007H19C19.553 11.0007 20 10.5537 20 10.0007C20 9.4477 19.553 9.0007 19 9.0007Z' fill='%23637381'/%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='2' width='20' height='17'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 9.0007H3.661L9.658 3.7537C10.074 3.3897 10.116 2.7577 9.753 2.3427C9.387 1.9247 8.756 1.8847 8.342 2.2477L0.342 9.2477C0.334 9.2547 0.331 9.2657 0.323 9.2727C0.25 9.3417 0.195 9.4247 0.146 9.5127C0.128 9.5427 0.101 9.5667 0.087 9.5997C0.032 9.7227 0 9.8567 0 10.0007C0 10.1447 0.032 10.2787 0.087 10.4017C0.101 10.4347 0.128 10.4587 0.146 10.4897C0.196 10.5767 0.25 10.6597 0.323 10.7287C0.331 10.7357 0.334 10.7467 0.342 10.7537L8.342 17.7537C8.531 17.9197 8.766 18.0007 9 18.0007C9.278 18.0007 9.555 17.8857 9.753 17.6587C10.116 17.2437 10.074 16.6117 9.658 16.2477L3.661 11.0007H19C19.553 11.0007 20 10.5537 20 10.0007C20 9.4477 19.553 9.0007 19 9.0007Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3C/g%3E%3C/svg%3E%0A");
}

.AFS--Search_Mobile_Top_Search {
   display: inline-block;
   width: calc(100% - 67px);
   height: calc(44px);
   margin: 10px 0px;
   padding: 12px 50px 12px 18px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border: none;
   border-radius: none;
   text-align: left;
   font-size: 14px;
   line-height: 20px;
   background: #FBFBFB;
   border: 1px solid rgba(34, 34, 34, 0.2);
   -moz-border-radius: 50px;
   -webkit-border-radius: 50px;
   border-radius: 50px;
}

.AFS--Search_Mobile_Top_Clear {
   background: none;
   width: 44px;
   height: 44px;
   border: none;
   font-size: 0;
   position: absolute;
   top: 10px;
   right: 15px;
   -ms-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: none;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
}

.AFS--Search_Mobile_Top_Clear:before {
   width: 13px;
   content: '';
   display: block;
   height: 1px;
   background: #212B36;
   position: absolute;
   right: 0;
   top: 9px;
   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

.AFS--Search_Mobile_Top_Clear:after {
   width: 13px;
   content: '';
   display: block;
   height: 1px;
   background: #212B36;
   position: absolute;
   right: 0;
   top: 9px;
   -ms-transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

.AFS--Search_Mobile_Top_Clear:before,
.AFS--Search_Mobile_Top_Clear:after {
   top: 50%;
   right: 15px;
   margin-top: -2px;
   height: 2.5px;
}

.AFS--Search_Mobile_Top_Panel_Overlay {
   position: fixed;
   top: 0;
   right: 0;
   width: 100%;
   z-index: 99999999;
   height: 100%;
   padding-bottom: 1px;
   display: none;
   background: rgba(0, 0, 0, 0.5);
}

/* End New Search Mobile Design */

.AFS--View_All_Icon {
   display: inline-block;
   height: 12px;
   width: 11px;
   padding: 0;
   margin: 0 7px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23333' d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/%3E%3C/svg%3E");
   background-size: 11px;
}



#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%;
   border-radius: 30px;
}

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

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

.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;
      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;
      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;
      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;
      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%;
   }
}

.AFS--Filter_TopMenu .filter--card .filter--items {
   max-height: 350px;
   position: relative;
   padding: 6px 10px 0px 0px;
}


@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: 10px 15px;
      position: relative;
      display: block;
      cursor: pointer;
      margin-left: 0;
      display: flexbox;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
   }

   .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;
   }

   .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;
      display: none;
   }

   .AFS--Filter_TopMenu .afs--filter--section .filter--header.afs--section-expanded+div {
      display: block;
   }

   .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: 10px 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;
      align-items: center;
   }

   .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) {
   .lum-lightbox .lum-close-button {
      right: 1px;
   }

   .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)
}

/* Light Gallery Click Zoomer Css */


@font-face {
   font-family: 'lg';
   src: url("https://cdn.shopify.com/s/files/1/0529/9670/2390/files/lg.ttf?v=1613030813") format("truetype"), url("https://cdn.shopify.com/s/files/1/0529/9670/2390/files/lg.woff?v=1613030842") format("woff"), url("https://cdn.shopify.com/s/files/1/0529/9670/2390/files/lg.svg?v=1613030859") format("svg");
   font-weight: normal;
   font-style: normal;
   font-display: block;
}

.lg-icon {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: 'lg' !important;
   speak: never;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
   background-color: rgba(0, 0, 0, 0.45);
   border-radius: 2px;
   color: #999;
   cursor: pointer;
   display: block;
   font-size: 22px;
   margin-top: -10px;
   padding: 8px 10px 9px;
   position: absolute;
   top: 50%;
   z-index: 1080;
   outline: none;
   border: none;
   background-color: transparent;
   width: 56px;
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
   pointer-events: none;
   opacity: 0.5;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
   color: #FFF;
}

.lg-actions .lg-next {
   right: 20px;
}

.lg-actions .lg-next:before {
   content: "";
   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24'><path d='M6.708,20.917c0-0.169,0.059-0.319,0.176-0.449l8.32-8.301l-8.32-8.301c-0.117-0.13-0.176-0.28-0.176-0.449 c0-0.169,0.059-0.319,0.176-0.449c0.13-0.117,0.279-0.176,0.449-0.176c0.169,0,0.318,0.059,0.449,0.176l8.75,8.75 c0.117,0.13,0.176,0.28,0.176,0.449c0,0.169-0.059,0.319-0.176,0.449l-8.75,8.75c-0.065,0.052-0.137,0.094-0.215,0.127 c-0.078,0.032-0.156,0.049-0.234,0.049s-0.156-0.017-0.234-0.049c-0.078-0.033-0.15-0.075-0.215-0.127 C6.767,21.236,6.708,21.086,6.708,20.917z' fill='white'></path></svg>") no-repeat;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
}

.lg-actions .lg-prev {
   left: 20px;
}

.lg-actions .lg-prev:after {
   content: "";
   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24'><path d='M16.736,3.417c0,0.169-0.059,0.319-0.176,0.449l-8.32,8.301l8.32,8.301c0.117,0.13,0.176,0.28,0.176,0.449 s-0.059,0.319-0.176,0.449c-0.065,0.052-0.137,0.094-0.215,0.127c-0.078,0.032-0.156,0.049-0.234,0.049s-0.156-0.017-0.234-0.049 c-0.078-0.033-0.149-0.075-0.215-0.127l-8.75-8.75c-0.117-0.13-0.176-0.28-0.176-0.449c0-0.169,0.059-0.319,0.176-0.449l8.75-8.75 c0.13-0.117,0.28-0.176,0.449-0.176c0.169,0,0.319,0.059,0.449,0.176C16.677,3.098,16.736,3.248,16.736,3.417z' fill='white'></path></svg>") no-repeat;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
}

@-webkit-keyframes lg-right-end {
   0% {
      left: 0;
   }

   50% {
      left: -30px;
   }

   100% {
      left: 0;
   }
}

@-moz-keyframes lg-right-end {
   0% {
      left: 0;
   }

   50% {
      left: -30px;
   }

   100% {
      left: 0;
   }
}

@-ms-keyframes lg-right-end {
   0% {
      left: 0;
   }

   50% {
      left: -30px;
   }

   100% {
      left: 0;
   }
}

@keyframes lg-right-end {
   0% {
      left: 0;
   }

   50% {
      left: -30px;
   }

   100% {
      left: 0;
   }
}

@-webkit-keyframes lg-left-end {
   0% {
      left: 0;
   }

   50% {
      left: 30px;
   }

   100% {
      left: 0;
   }
}

@-moz-keyframes lg-left-end {
   0% {
      left: 0;
   }

   50% {
      left: 30px;
   }

   100% {
      left: 0;
   }
}

@-ms-keyframes lg-left-end {
   0% {
      left: 0;
   }

   50% {
      left: 30px;
   }

   100% {
      left: 0;
   }
}

@keyframes lg-left-end {
   0% {
      left: 0;
   }

   50% {
      left: 30px;
   }

   100% {
      left: 0;
   }
}

.lg-outer.lg-right-end .lg-object {
   -webkit-animation: lg-right-end 0.3s;
   -o-animation: lg-right-end 0.3s;
   animation: lg-right-end 0.3s;
   position: relative;
}

.lg-outer.lg-left-end .lg-object {
   -webkit-animation: lg-left-end 0.3s;
   -o-animation: lg-left-end 0.3s;
   animation: lg-left-end 0.3s;
   position: relative;
}

.lg-toolbar {
   z-index: 1082;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   background-color: transparent;
}

.lg-toolbar .lg-icon {
   color: #999;
   cursor: pointer;
   float: right;
   font-size: 24px;
   height: 47px;
   line-height: 27px;
   padding: 10px 0;
   text-align: center;
   width: 50px;
   text-decoration: none !important;
   outline: medium none;
   background: none;
   border: none;
   box-shadow: none;
   -webkit-transition: color 0.2s linear;
   -o-transition: color 0.2s linear;
   transition: color 0.2s linear;
}

.lg-toolbar .lg-icon:hover {
   color: #FFF;
}

.lg-toolbar .lg-close:after {
   content: "";
   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24'><path d='M19.583,4.965c0,0.17-0.059,0.319-0.176,0.449l-6.445,6.426l6.445,6.426c0.117,0.131,0.176,0.28,0.176,0.449 c0,0.17-0.059,0.319-0.176,0.449c-0.065,0.053-0.137,0.095-0.215,0.127c-0.078,0.033-0.156,0.049-0.234,0.049 s-0.156-0.016-0.234-0.049c-0.078-0.032-0.15-0.074-0.215-0.127l-6.426-6.445l-6.426,6.445c-0.065,0.053-0.137,0.095-0.215,0.127 c-0.078,0.033-0.156,0.049-0.234,0.049s-0.156-0.016-0.234-0.049c-0.078-0.032-0.15-0.074-0.215-0.127 c-0.117-0.13-0.176-0.279-0.176-0.449c0-0.169,0.059-0.318,0.176-0.449l6.445-6.426L4.759,5.414 c-0.117-0.13-0.176-0.279-0.176-0.449c0-0.169,0.059-0.318,0.176-0.449c0.13-0.117,0.28-0.176,0.449-0.176 c0.169,0,0.319,0.059,0.449,0.176l6.426,6.445l6.426-6.445c0.13-0.117,0.28-0.176,0.449-0.176c0.169,0,0.319,0.059,0.449,0.176 C19.524,4.646,19.583,4.796,19.583,4.965z' fill='white'></path></svg>");
   position: absolute;
   top: 13px;
   right: 17px;
   background-repeat: no-repeat;
   width: 20px;
   min-width: 20px;
   min-height: 20px;
}

.lg-toolbar .lg-download:after {
   content: "e0f2";
}

.lg-sub-html {
   background-color: rgba(0, 0, 0, 0.45);
   bottom: 0;
   color: #EEE;
   font-size: 16px;
   left: 0;
   padding: 10px 40px;
   position: fixed;
   right: 0;
   text-align: center;
   z-index: 1080;
}

.lg-sub-html h4 {
   margin: 0;
   font-size: 13px;
   font-weight: bold;
}

.lg-sub-html p {
   font-size: 12px;
   margin: 5px 0 0;
}

#lg-counter {
   color: #999;
   display: inline-block;
   font-size: 16px;
   padding-left: 20px;
   padding-top: 12px;
   vertical-align: middle;
}

.lg-toolbar,
.lg-prev,
.lg-next {
   opacity: 1;
   -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
   -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
   -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
   transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
   opacity: 0;
   -webkit-transform: translate3d(-10px, 0, 0);
   transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
   opacity: 0;
   -webkit-transform: translate3d(10px, 0, 0);
   transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
   opacity: 0;
   -webkit-transform: translate3d(0, -10px, 0);
   transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
   -webkit-transform: scale3d(0.5, 0.5, 0.5);
   transform: scale3d(0.5, 0.5, 0.5);
   opacity: 0;
   -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
   -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
   -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
   transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
   -webkit-transform-origin: 50% 50%;
   -moz-transform-origin: 50% 50%;
   -ms-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
   -webkit-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
   opacity: 1;
}

.lg-outer .lg-thumb-outer {
   background-color: #0D0A0A;
   bottom: 0;
   position: absolute;
   width: 100%;
   z-index: 1080;
   max-height: 350px;
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
   -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
   -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
   -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
   transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
   cursor: -webkit-grab;
   cursor: -moz-grab;
   cursor: -o-grab;
   cursor: -ms-grab;
   cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
   cursor: move;
   cursor: -webkit-grabbing;
   cursor: -moz-grabbing;
   cursor: -o-grabbing;
   cursor: -ms-grabbing;
   cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
   -webkit-transition-duration: 0s !important;
   transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
   -webkit-transform: translate3d(0, 0%, 0);
   transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
   padding: 10px 0;
   height: 100%;
   margin-bottom: -5px;
}

.lg-outer .lg-thumb-item {
   border-radius: 5px;
   cursor: pointer;
   float: left;
   overflow: hidden;
   height: 100%;
   border: 2px solid #FFF;
   border-radius: 4px;
   margin-bottom: 5px;
}

@media (min-width: 1025px) {
   .lg-outer .lg-thumb-item {
      -webkit-transition: border-color 0.25s ease;
      -o-transition: border-color 0.25s ease;
      transition: border-color 0.25s ease;
   }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
   border-color: #a90707;
}

.lg-outer .lg-thumb-item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item {
   padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
   padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
   -webkit-transition: bottom 0.25s ease;
   -o-transition: bottom 0.25s ease;
   transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
   bottom: 100px;
}

.lg-outer .lg-toggle-thumb {
   background-color: #0D0A0A;
   border-radius: 2px 2px 0 0;
   color: #999;
   cursor: pointer;
   font-size: 24px;
   height: 39px;
   line-height: 27px;
   padding: 5px 0;
   position: absolute;
   right: 20px;
   text-align: center;
   top: -39px;
   width: 50px;
   outline: medium none;
   border: none;
}

.lg-outer .lg-toggle-thumb:after {
   content: "e1ff";
}

.lg-outer .lg-toggle-thumb:hover {
   color: #FFF;
}

.lg-outer .lg-video-cont {
   display: inline-block;
   vertical-align: middle;
   max-width: 1140px;
   max-height: 100%;
   width: 100%;
   padding: 0 5px;
}

.lg-outer .lg-video {
   width: 100%;
   height: 0;
   padding-bottom: 56.25%;
   overflow: hidden;
   position: relative;
}

.lg-outer .lg-video .lg-object {
   display: inline-block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100% !important;
   height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
   width: 84px;
   height: 59px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -42px;
   margin-top: -30px;
   z-index: 1080;
   cursor: pointer;
}

.lg-outer .lg-has-vimeo .lg-video-play {
   background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
   background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}

.lg-outer .lg-has-html5 .lg-video-play {
   background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
   height: 64px;
   margin-left: -32px;
   margin-top: -32px;
   width: 64px;
   opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
   opacity: 1;
}

.lg-outer .lg-has-youtube .lg-video-play {
   background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
   background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}

.lg-outer .lg-video-object {
   width: 100% !important;
   height: 100% !important;
   position: absolute;
   top: 0;
   left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
   visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
   display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
   visibility: visible;
}

.lg-progress-bar {
   background-color: #333;
   height: 5px;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 1083;
   opacity: 0;
   -webkit-transition: opacity 0.08s ease 0s;
   -moz-transition: opacity 0.08s ease 0s;
   -o-transition: opacity 0.08s ease 0s;
   transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
   background-color: #a90707;
   height: 5px;
   width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
   width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
   opacity: 1;
}

.lg-autoplay-button:after {
   content: "e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
   content: "e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
   -webkit-transition-duration: 0s;
   transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
   -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
   -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
   -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
   transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
   -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
   -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
   -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
   transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
   -webkit-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
   -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
   -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
   -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
   transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
   -webkit-transform-origin: 0 0;
   -moz-transform-origin: 0 0;
   -ms-transform-origin: 0 0;
   transform-origin: 0 0;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   backface-visibility: hidden;
}

#lg-zoom-in:after {
   content: "e311";
}

#lg-actual-size {
   font-size: 20px;
}

#lg-actual-size:after {
   content: "e033";
}

#lg-zoom-out {
   opacity: 0.5;
   pointer-events: none;
}

#lg-zoom-out:after {
   content: "e312";
}

.lg-zoomed #lg-zoom-out {
   opacity: 1;
   pointer-events: auto;
}

.lg-outer .lg-pager-outer {
   bottom: 60px;
   left: 0;
   position: absolute;
   right: 0;
   text-align: center;
   z-index: 1080;
   height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
   overflow: visible;
}

.lg-outer .lg-pager-cont {
   cursor: pointer;
   display: inline-block;
   overflow: hidden;
   position: relative;
   vertical-align: top;
   margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
   opacity: 1;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
   box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
   background-color: #fff;
   color: #FFF;
   bottom: 100%;
   height: 83px;
   left: 0;
   margin-bottom: 20px;
   margin-left: -60px;
   opacity: 0;
   padding: 5px;
   position: absolute;
   width: 120px;
   border-radius: 3px;
   -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
   -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
   -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
   transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
   -webkit-transform: translate3d(0, 5px, 0);
   transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
   width: 100%;
   height: 100%;
}

.lg-outer .lg-pager {
   background-color: rgba(255, 255, 255, 0.5);
   border-radius: 50%;
   box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
   display: block;
   height: 12px;
   -webkit-transition: box-shadow 0.3s ease 0s;
   -o-transition: box-shadow 0.3s ease 0s;
   transition: box-shadow 0.3s ease 0s;
   width: 12px;
}

.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
   box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-top: 10px dashed;
   bottom: -10px;
   display: inline-block;
   height: 0;
   left: 50%;
   margin-left: -5px;
   position: absolute;
   vertical-align: middle;
   width: 0;
}

.lg-fullscreen:after {
   content: "e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
   content: "e20d";
}

.lg-outer #lg-dropdown-overlay {
   background-color: rgba(0, 0, 0, 0.25);
   bottom: 0;
   cursor: default;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   z-index: 1081;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
   -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
   transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
   -moz-transform: translate3d(0, 0px, 0);
   -o-transform: translate3d(0, 0px, 0);
   -ms-transform: translate3d(0, 0px, 0);
   -webkit-transform: translate3d(0, 0px, 0);
   transform: translate3d(0, 0px, 0);
   opacity: 1;
   visibility: visible;
}

.lg-outer.lg-dropdown-active #lg-share {
   color: #FFF;
}

.lg-outer .lg-dropdown {
   background-color: #fff;
   border-radius: 2px;
   font-size: 14px;
   list-style-type: none;
   margin: 0;
   padding: 10px 0;
   position: absolute;
   right: 0;
   text-align: left;
   top: 50px;
   opacity: 0;
   visibility: hidden;
   -moz-transform: translate3d(0, 5px, 0);
   -o-transform: translate3d(0, 5px, 0);
   -ms-transform: translate3d(0, 5px, 0);
   -webkit-transform: translate3d(0, 5px, 0);
   transform: translate3d(0, 5px, 0);
   -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
   -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
   -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
   transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
   content: "";
   display: block;
   height: 0;
   width: 0;
   position: absolute;
   border: 8px solid transparent;
   border-bottom-color: #FFF;
   right: 16px;
   top: -16px;
}

.lg-outer .lg-dropdown>li:last-child {
   margin-bottom: 0px;
}

.lg-outer .lg-dropdown>li:hover a,
.lg-outer .lg-dropdown>li:hover .lg-icon {
   color: #333;
}

.lg-outer .lg-dropdown a {
   color: #333;
   display: block;
   white-space: pre;
   padding: 4px 12px;
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
   background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
   display: inline-block;
   line-height: 1;
   margin-top: -3px;
   vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
   color: #333;
   display: inline-block;
   float: none;
   font-size: 20px;
   height: auto;
   line-height: 1;
   margin-right: 8px;
   padding: 0;
   vertical-align: middle;
   width: auto;
}

.lg-outer #lg-share {
   position: relative;
}

.lg-outer #lg-share:after {
   content: "e80d";
}

.lg-outer #lg-share-facebook .lg-icon {
   color: #3b5998;
}

.lg-outer #lg-share-facebook .lg-icon:after {
   content: "e904";
}

.lg-outer #lg-share-twitter .lg-icon {
   color: #00aced;
}

.lg-outer #lg-share-twitter .lg-icon:after {
   content: "e907";
}

.lg-outer #lg-share-googleplus .lg-icon {
   color: #dd4b39;
}

.lg-outer #lg-share-googleplus .lg-icon:after {
   content: "e905";
}

.lg-outer #lg-share-pinterest .lg-icon {
   color: #cb2027;
}

.lg-outer #lg-share-pinterest .lg-icon:after {
   content: "e906";
}

.lg-outer .lg-img-rotate {
   position: absolute;
   padding: 0 5px;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
   -moz-transition: -moz-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
   -o-transition: -o-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
   transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
}

.lg-rotate-left:after {
   content: "e900";
}

.lg-rotate-right:after {
   content: "e901";
}

.lg-icon.lg-flip-hor,
.lg-icon.lg-flip-ver {
   font-size: 26px;
}

.lg-flip-hor:after {
   content: "e902";
}

.lg-flip-ver:after {
   content: "e903";
}

.lg-group {
   *zoom: 1;
}

.lg-group:before,
.lg-group:after {
   display: table;
   content: "";
   line-height: 0;
}

.lg-group:after {
   clear: both;
}

.lg-outer {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1050;
   opacity: 0;
   outline: none;
   -webkit-transition: opacity 0.15s ease 0s;
   -o-transition: opacity 0.15s ease 0s;
   transition: opacity 0.15s ease 0s;
}

.lg-outer * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.lg-outer.lg-visible {
   opacity: 1;
   z-index: 9999999999;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
   -webkit-transition-duration: inherit !important;
   transition-duration: inherit !important;
   -webkit-transition-timing-function: inherit !important;
   transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
   -webkit-transition-duration: 0s !important;
   transition-duration: 0s !important;
   opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
   cursor: -webkit-grab;
   cursor: -moz-grab;
   cursor: -o-grab;
   cursor: -ms-grab;
   cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
   cursor: move;
   cursor: -webkit-grabbing;
   cursor: -moz-grabbing;
   cursor: -o-grabbing;
   cursor: -ms-grabbing;
   cursor: grabbing;
}

.lg-outer .lg {
   height: 100%;
   width: 100%;
   position: relative;
   overflow: hidden;
   margin-left: auto;
   margin-right: auto;
   max-width: 100%;
   max-height: 100%;
}

.lg-outer .lg-inner {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   white-space: nowrap;
}

.lg-outer .lg-item {
   background: url("../img/loading.gif") no-repeat scroll center center transparent;
   display: none !important;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
   display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
   display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
   display: inline-block;
   text-align: center;
   position: absolute;
   width: 100%;
   height: 100%;
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
   content: "";
   display: inline-block;
   height: 50%;
   width: 1px;
   margin-right: -1px;
}

.lg-outer .lg-img-wrap {
   position: absolute;
   padding: 0 5px;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
}

.lg-outer .lg-item.lg-complete {
   background-image: none;
}

.lg-outer .lg-item.lg-current {
   z-index: 1060;
}

.lg-outer .lg-image {
   display: inline-block;
   vertical-align: middle;
   max-width: 100%;
   max-height: 100%;
   width: auto !important;
   height: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
   opacity: 0;
   -webkit-transition: opacity 0.15s ease 0s;
   -o-transition: opacity 0.15s ease 0s;
   transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
   opacity: 1;
}

.lg-outer .lg-empty-html {
   display: none;
}

.lg-outer.lg-hide-download #lg-download {
   display: none;
}

.lg-backdrop {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1040;
   background-color: #000;
   opacity: 0;
   -webkit-transition: opacity 0.15s ease 0s;
   -o-transition: opacity 0.15s ease 0s;
   transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
   opacity: 1;
   z-index: 9999999999;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
   -webkit-transition: none 0s ease 0s !important;
   -moz-transition: none 0s ease 0s !important;
   -o-transition: none 0s ease 0s !important;
   transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   backface-visibility: hidden;
}

.lg-css3.lg-use-left .lg-item {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
   opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
   opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
   -webkit-transition: opacity 0.1s ease 0s;
   -moz-transition: opacity 0.1s ease 0s;
   -o-transition: opacity 0.1s ease 0s;
   transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
   opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
   -webkit-transform: translate3d(-100%, 0, 0);
   transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
   -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
   -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
   -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
   transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
   opacity: 0;
   position: absolute;
   left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
   left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
   left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
   left: 0;
   opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
   -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
   -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
   -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
   transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/* end light gallery css */

.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--Search_Suggestions_Container {
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   max-width: 100%;
   position: relative;
}

.AFS--Search_Products_Container {
   -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--Search_Suggestions_Container {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
      position: relative;
   }

   .AFS--Search_Products_Container {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
   }

   .AFS--Search_Row>div:nth-child(2) {
      padding-left: 20px;
   }

   .AFS--Search_Row>div:not(.AFS--Search_Products_Container) {
      padding-left: 0px;
   }

   /* 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(239 242 241);
      margin: 0;
      padding: 4px 12px;
      font-weight: normal;
      text-transform: uppercase;
      font-size: 15px;
      margin-bottom: 4px;
      // line-height: 20px;
      cursor: pointer;
      display: inline-block;
   }

   .AFS--Theme_Contents .AFS--Filter_Toggle_Button a:hover {
      background: rgb(235 235 235);
   }

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

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

}

@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 (min-width: 1366px){
   .AFS--overFlow_hidden { 
   padding-right: 17px; 
   }
   } */

@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-Modal_Image_Container #AFS--Modal_Skeleton_Id {
      position: relative;
   }

  #AFS--Products_Grid .AFS--Card {
max-width: 50% !important;
}

   .AFS--Modal_Skeleton .AFS--Modal_ThumbnailSlider-Container,
   .AFS--Modal_Skeleton .AFS--Modal_MainImageSlider_Container {
      position: absolute;
   }

   .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 12px;
   }

   .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--Search_Row .AFS--Card {
      display: flexbox;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-flow: row nowrap;
      justify-content: stretch;
   }

   .AFS--Search_Skeleton.AFS--Search_Products_Container .AFS--Grid>.AFS--Stack_Vertical {
      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--search-results-wrapper .afs--search-result-products .afs--search-img img {
      max-width: 84px;
   }

   .AFS--Search_Row .AFS--Search_Products_Container .AFS--Product_Info {
      text-align: left;
      padding-right: 0px;
      padding-top: 0;
      padding-left: 20px;
   }

   /*New Search Mobile Design */
   /* Will integrate later */
   /* .afs--search-results-wrapper {
     position: absolute;
     left: 0 !important;
     width: 100% !important; 
     background: #f5f5f5;
     list-style: none;
     z-index: 9999999998;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
     border-top: 1px solid #eee;
   }
   .afs--search-results-wrapper .afs--search-suggestion-popover {
     display: none;
   }
   
   .afs--search-results-wrapper .afs--search-container {
     margin-top: 0;
     background: transparent;
     border-radius: 0;
   }
   
   .afs--search-results-wrapper .afs--search-item-contents ul {
     background-color: #fff;
     border-radius: 4px;
     border: 1px solid #eee;
   }
   
   .afs--search-results-wrapper .afs--search-section .afs--search-header {
     border: 0;
     margin-bottom: 0;
   }
   .afs--view-all-link{
   border: 0;  
   }
   
   .AFS--Search_Suggestions_Container {
     padding-bottom: 10px;
   } */

   /* End New Search Mobile Design */

   .AFS--Search_Products_Container .AFS--Grid .AFS--Skeleton_SearchInfo .AFS--Skeleton_SearchText_Small {
      margin: 0;
   }

   .AFS--Search_Products_Container .AFS--Skeleton_SearchInfo {
      padding-left: 15px;
   }

   .AFS--Filters_Toggle_Btn {
      width: 100%;
   }

   .AFS--Filter_TopMenu .afs--filter--header .afs--mob-right .filter--right {
      display: none;
   }

   .AFS--Modal_MainImageSlider_Container .detail {
      display: none;
   }

   .AFS--Products_Filer_Toolkit_Wrapper.AFS--Skeleton>.AFS--Stack {
      flex-wrap: wrap;
   }

   .AFS--Products_Filer_Toolkit_Wrapper.AFS--Skeleton .AFS--Stack_Item.AFS--Skeleton_Text_oneThird {
      width: 80%;
   }

   .AFS--Products_Filer_Toolkit_Wrapper.AFS--Skeleton .AFS--Stack .AFS--Stack_Item.AFS--Skeleton_Text_oneThird:nth-child(2) .AFS--Skeleton_Text_oneFull {
      width: 60%;
   }

   .AFS--Products_Filer_Toolkit_Wrapper.AFS--Skeleton {
      border: 0 !important;
   }

   .AFS--Products_Filer_Toolkit_Wrapper.AFS--Skeleton .AFS--Skeleton_Text {
      margin-top: 8px;
      margin-bottom: 8px;
   }
}


.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--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: 550px;
   overflow-y: auto;
   overflow-x: hidden;
}

.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--Products_Grid .AFS--Card {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: column;
}

.AFS--Card_Section {
   padding: 12px;
}

.AFS--Product_Info {
   padding: 12px 12px 12px 0;
}

.AFS--Modal .AFS--Product_Info {
   padding: 12px 12px 12px 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--TextAlign_Right {
   text-align: right;
}

.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_Container {
   position: relative;
}

#AFS--Products_Grid .AFS--Image_Container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 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;
   position: unset;
   display: inline-block;
}

.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: 500;
}

.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 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;
   transition: .3s;
}

.AFS--Filter_TopMenu .filter--items .AFS--SVG {
   transition: unset;
}

/* 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 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--Swatch_Circle .AFS--Color_Swatch_Item {
   border-radius: 24px;
}


.AFS--Color_Swatch_Item a>span {
   width: 32px;
   height: 32px;
   overflow: hidden;
   display: block;
   position: relative;
   font: 0/0 a;
   border: 1px solid #fff;
}


.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--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;
   visibility: hidden;
   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;
   visibility: visible;
   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;
   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;
   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;
   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;
}



[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 {
   flex-grow: 1;
   padding-left: 20px;
   margin: 0;
}

.AFS--Search_Products_Container .AFS--Skeleton_SearchInfo {
   padding-top: 15px;
}

.AFS--Search_Products_Container .AFS--Skeleton_SearchInfo .AFS--Skeleton_SearchText_Small {
   margin: 0 auto;
}


.AFS--Search_Skeleton .AFS--Search_Image {
   width: 70px;
   height: 70px;
   margin: 0 auto;
}

.AFS--Skeleton_SearchText {
   height: 12px;
}

.AFS--Skeleton_SearchText_Small {
   width: 60%;
   height: 12px;
}

/* New Skeleton */

.AFS--Skeleton .AFS--Image {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}

.AFS--Skeleton .AFS--Image_Container {
   padding-top: 100%;
}


.AFS--Products_Filer_Toolkit_Wrapper:empty {
   background-color: #eee;
   height: 30px;
   display: block;
}

.AFS--Products_Filer_Toolkit_Wrapper .AFS--Stack {
   flex-wrap: nowrap;
}

.AFS--Products_Filer_Toolkit_Wrapper .AFS--Skeleton_Header {
   height: 15px;
   border-radius: 30px;
}

.AFS--Products_Filer_Toolkit_Wrapper.AFS--Skeleton {
   border-top: 1px solid #e6e6e6;
   border-bottom: 1px solid #e6e6e6;
}

.AFS--Products_Filer_Toolkit_Wrapper.AFS--Skeleton .AFS--Stack_Item {
   margin: 0 10px 0px 0px;
}

.AFS--Products_Filer_Toolkit_Wrapper.AFS--Skeleton .AFS--Stack .AFS--Stack_Item:last-child {
   margin-right: 0;
}

.AFS--Products_Filer_Toolkit_Wrapper.AFS--Skeleton .AFS--Skeleton_Text {
   margin-top: 11px;
   margin-bottom: 11px;
}

.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;
   border-radius: 30px;
}

.AFS--Skeleton_Text_oneSixth {
   width: 8.333%;
}


.AFS--Skeleton_Text_oneFifth {
   width: 16.666%;
}


.AFS--Skeleton_Text_oneThird {
   width: 33.33%;
}

.AFS--Skeleton_Text_oneFull {
   width: 100%;
}

.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;
   border-radius: 3px;
}

.AFS--Skeleton_Button_sizeSmall {
   width: 40%;
   height: 20px;
}

.AFS--Skeleton_Button_sizeMedium {
   width: 50%;
   height: 22px;
}

.AFS--Skeleton_Button_sizeLarge {
   width: 37%;
   height: 28px;
}

.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--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 {
   background-color: #eee;
   animation: AFSAnimation .8s linear infinite alternate;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   will-change: opacity;
}

@keyframes AFSAnimation {
   0% {
      opacity: .45
   }

   to {
      opacity: .9
   }
}

/* 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;
   color: #000;
   text-transform: capitalize;
}

.AFS--Modal .AFS--Product_Title {
   font-size: 24px;
}

/* Slider Configuration*/


.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_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_MainImageSlider_Container .AFS--Modal_Image {
   margin-bottom: 0px;
   max-width: 100%;
   position: relative;
}

.AFS--Modal_MainImageSlider_Container .AFS--Modal_MainImage,
.AFS--Modal_ThumbnailSlider-Container .AFS--Modal_Thumbnail {
   display: flexbox;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}


.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;
}

.AFS--Modal_Image_Container .AFS--Zoom_button {
   cursor: pointer;
   font-size: 11px;
   letter-spacing: 0.5px;
   display: inline-block;
}

.AFS--Modal_Image_Container .AFS--Zoom_button_main {
   flex: 1 1 100%;
   margin-top: 9px;
   text-align: right;
}

.AFS--Modal_Image_Container .AFS--Zoom_button span:nth-child(2) {
   margin-left: 3px;
}

.AFS--Modal_MainImageSlider_Container .AFS--Zoom_Image {
   cursor: crosshair;
   margin: 0 auto;
}

@media only screen and (max-width:1024px) {

   .AFS--Modal_ThumbnailSlider-Container,
   .AFS--Modal_Skeleton .AFS--Modal_thumbnailImage {
      display: none;
   }

   .lum-close-button {
      right: 20px;
   }
}




.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;
}

.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 {
   margin-left: 4px;
}

.AFS--Text__uppercase {
   text-transform: uppercase;
}

.AFS--Text__lowercase {
   text-transform: lowercase;
}

.AFS--Text__capitalize {
   text-transform: capitalize;
}


/**
   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
}