/**
*
Name: afs-style.min.css
Version: 1.0.7
Last modified: 23 August 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 ul {
    list-style-type: none;
  }
  
  .AFS--Theme_Contents ul li{
    list-style-type: none;
    list-style: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

.AFS--Products_Wrapper .filter--sort-by {
    position: relative;
    float: right !important;
    line-height: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    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: 8px;
}

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

.AFS--TextTransform__uppercase .filter--option-title {
    text-transform: uppercase;
}

.AFS--TextTransform__lowercase .filter--option-title {
    text-transform: lowercase;
}

.AFS--TextTransform__capitalize .filter--option-title {
    text-transform: capitalize;
}

/*-------------------
Menus CSS
-------------------- */

.AFS--Filter_LeftMenu .filter--card ul.filter--items li ul {
    padding-left: 1.2rem;
}

.AFS--Filter_LeftMenu .filter--card ul.filter--items .AFS--Sidebar_Arrow {
    margin-right: auto;
}

.AFS--Filter_LeftMenu .filter--card ul.filter--items .filter--item {
    justify-content: space-between;
}

.AFS--Filter_LeftMenu .filter--card ul.filter--items .filter--item label {
    width: auto !important;
}

.AFS--Filter_LeftMenu .filter--card ul.filter--items .afs--section-col-collapsed .AFS--Sidebar_Arrow {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -3px;
}

.AFS--Filter_LeftMenu .filter--card .filter--items.dgc-collection-list.item-view--box {
    display: flex;
    flex-flow: row wrap;
}

div[data-hide-counts="false"] .filter--item-count {
    display: none;
}

.afs-s-icon {
    margin-top: 8px;
}

.afs--section-collapsed .afs-s-icon {
    display: none !important;
}

.AFS--Filter_TopMenu .afs-s-icon.show {
    display: none !important;
}

.AFS--Filter_TopMenu .afs--clear-all-btn {
    opacity: 0;
    position: absolute;
    z-index: 2;
    padding: 0;
    width: 24px;
    height: 24px;
    top: 0;
    right: 0;
}