a:link, a:visited {
    text-decoration: none;
}
.as-accordion-plusicon::after {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: rotate(0) scale(.9);
    transform: rotate(0) scale(.9);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
.icon-plus::after {
    content: "";
}
.action-row:before, .action-row:after{
    content: ' ';
    display: table;
}
.action-row:after{
    clear: both;
}
.action-column{float: left;}
.as-accessories-searchbox, .as-browser, .as-pinwheel11, .as-pinwheel13, .as-pinwheel14, .as-pinwheel15 {

    max-width: 1070px;
    display: block;
    margin: 0 auto;

}

.as-accessories-searchbox {
    max-width: 1070px;
    padding-bottom: 10px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.as-accessories-searchbox h2 {
    font-size: 32px;
    line-height: 1.09375;
    font-weight: 500;
    letter-spacing: .011em;
    padding: 57px 6.25% 26px;
}
.as-accessories-searchbox {
    text-align: center;
}
.as-search-box {
    position: relative;
    width: auto;
    margin-top: 0;
}
.as-left-wrapper {

    display: block;
    line-height: 1;
    width: auto;
    position: relative;
    z-index: 6000;

}
.field-with-placeholder {

    width: 100%;

}
span.field-with-placeholder {
    display: block;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.field-with-placeholder .placeholder {
    position: absolute;
    width: 100%;
}
span.field-with-placeholder label.placeholder {
    color: #999;
    cursor: text;
    pointer-events: none;
}
.as-accessories-search .field-with-placeholder .placeholder {

    position: absolute;
    left: 0;
    top: 0;
    transition:none;

}
span.field-with-placeholder label.placeholder span {
    position: absolute;
    z-index: 2;
    -webkit-user-select: none;
    padding: 3px 6px;
}

span.field-with-placeholder label.placeholder span {

    position: absolute;
    z-index: 2;
    -webkit-user-select: none;
    padding: 3px 6px;

}
.as-accessories-searchbox .field-with-placeholder label.placeholder span {

    font-size: 20px;
    line-height: 1.20849;
    font-weight: 500;
    letter-spacing: .015em;
    padding: 22px 80px 20px 64px;
    font-weight: 300;
    color: #888;
    left: 0;
    text-transform: capitalize;

}

input[type=text].as-search-input {
    font-size: 24px;
    line-height: 1.20849;
    font-weight: 500;
    letter-spacing: .015em;
    font-weight: 300;
    height: 72px;
    padding: 7px 46px 6px 64px;
    width: 100%;
    border: 1px solid #bcbcbc;
    background: white;
    border-radius: 6px;
    box-sizing: border-box;
    color: #333;

}
.as-alp-searchsubmit {

    background-image: url(../images/magnifying-glass.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70% auto;
    position: absolute;
    top: 9px;
    left: 18px;
    width: 40px;
    height: 44px;

}

.as-srp-search-wrapper {

    width: 64%;
    margin: 0 auto;

}

.a11y {

    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}

#site-search-mixedresults-query:valid + label.placeholder { visibility: hidden!important; }  

/*category middle*/
.as-browser .as-tabnav-tablist .as-tabnav-tablist-link, .as-browser .as-tabnav-tablist .as-tabnav-tablist-bluelink {

    padding-top: 52px;

}
.as-browser .as-tabnav-tablist {
    text-align: center;
}
.as-tabnav-tablist {
    margin: 0;
    list-style: none;
    border-bottom: 1px solid #d6d6d6;
    position: relative;
    white-space: nowrap;
}

.as-tabnav-tablist .as-tabnav-tablist-item {
    display: inline-block;
    margin-right: 28px;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 200;
}
.as-browser .as-tabnav-tablist .as-tabnav-tablist-link{
    text-decoration: none;
}
.as-browser .as-tabnav-tablist .as-tabnav-tablist-link label {
    font-size: 17px;
    line-height: 1.52947;
    font-weight: 400;
    letter-spacing: -.021em;
    color: #ccc;
    text-decoration: none;
    text-transform: capitalize;
}
#category-product-browser-check-0:checked ~ .as-l-container-mobileoverflow label#category-product-browser-panel-0{
    color: #333;
}
#category-product-browser-check-1:checked ~ .as-l-container-mobileoverflow label#category-product-browser-panel-1{
    color: #333;
}
.as-browser-contents {
    min-height: 264px;
    padding-top: 39px;
    padding-bottom: 0;
    margin-top: -1px;
}
.as-browser-group {
    opacity: 0;
    height: 0;
    visibility: hidden;
    transition: all 625ms cubic-bezier(.47,0,.745,.715);
}
.as-browser-group.show {
    opacity: 1;
    height: auto;
    visibility: visible;
}


.as-browser-list {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.as-browser-item {
    background-color: inherit;
    margin: 0;
        margin-bottom: 0px;
    outline: 0;
    text-align: center;
    width: 180px;
    display: inline-block;
    margin-bottom: 32px;
    padding: 0 7px;
}

.as-browser-itemlink {
    color: #333;
    margin: 0 auto;
    width: 100%;
    display: inline-block;
    text-decoration: none;
}

.as-browser-itemlink .as-browser-itemiconwrapper {
    margin: 0;
    vertical-align: middle;
    border: #bcbcbc 1px solid;
    border-radius: 50%;
    padding: 33px;
    width: 75px;
    height: 75px;
    display: inline-block;
    position: relative;
    box-sizing:content-box;
}
.as-browser-itemicon {
    margin: 0;
    vertical-align: middle;
    width: 75px;
    height: 75px;
    max-width: none;
}

.as-browser-itemname {
    font-size: 17px;
    line-height: 1.52947;
    font-weight: 400;
    letter-spacing: -.021em;
    color: #333;
    margin: 0;
    min-width: 165px;
    overflow: hidden;
    text-decoration: inherit;
    vertical-align: text-top;
    width: 55%;
    display: inline-block;
    text-align: center;
    margin-top: 17px;
}

.visuallyhidden{display: none;}

.as-tabnav-tablist .as-tabnav-tablist-navline {
    background: #333;
    bottom: -1px;
    height: 1px;
    position: absolute;
    transition-property: width,-webkit-transform;
    transition-property: transform,width;
    transition-property: transform,width,-webkit-transform;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
}
.as-browser .as-tabnav-tablist .as-tabnav-tablist-navline {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: all 1.25s cubic-bezier(.19,0,.22,1);
}

#category-product-browser-panel-0:after{
    content: 'Browse By Product';
    position: relative;
    left: 0;
    top: 0;
}

#category-product-browser-panel-1:after{
    content: 'Browse By Collection';
    position: relative;
    left: 0;
    top: 0;
}
.as-tabnav-tablist-navline{width: 155px;}
#category-product-browser-check-0:checked ~ .as-l-container-mobileoverflow .as-tabnav-tablist-navline{
    left: 340px;
}
#category-product-browser-check-1:checked ~ .as-l-container-mobileoverflow .as-tabnav-tablist-navline{
    left: 540px;
}
#category-product-browser-tabs-0, #category-product-browser-tabs-1{display: none;}
#category-product-browser-check-0:checked ~ .as-browser-contents #category-product-browser-tabs-0{
    display: block;
}
#category-product-browser-check-1:checked ~ .as-browser-contents #category-product-browser-tabs-1{
    display: block;
}
.as-browser-borderline {
    text-align: center;
    height: 1px;
    border: 0;
    border-top: 1px solid #d6d6d6;
    margin: 16px 0 14px;
    padding: 0;
    width: 100%;
    display: inline-block;
}

/*category top*/
.localnav-wrapper {
    font-size: 10px;
    line-height: 1.7;
    font-weight: 400;
    letter-spacing: .042em;
    position: relative;
}
.localnav-wrapper {
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 9997;
    background-color: transparent;
}

.localnav-wrapper {
    background-color: rgba(255,255,255,.85);
}
.localnav-wrapper {
    transition: background-color .03s ease;
}

.localnav-expandable, .localnav-standard {
    border-bottom: 1px solid rgba(136,136,136,.4);
}


.localnav {
    position: relative;
    margin: 0 auto;
    padding: 0.7em 0 0.5em 0;
    max-width: 980px;
    border-bottom: 1px solid #d6d6d6;
}
.localnav {
    padding-top: 1em;
}
.localnav-expandable .localnav {
    width: 100%;
    max-width: none;
    border-bottom: 0;
}

.localnav-header {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
}
.localnav-expandable .localnav-title {
    display: block;
    float: left;
    height: 26px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.localnav-expandable .localnav-title {
    margin-top: 4px;
    text-decoration: none;
}
.localnav-title {
    font-size: 22px;
    line-height: 1.20849;
    font-weight: 500;
    letter-spacing: 0;
    margin-top: 3px;
    margin-bottom: 13px;
    text-transform: capitalize;
}
.localnav-expandable .localnav-disclosure {
    display: none;
}

.localnav-persistent {
    width: 980px;
    height: 42px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
    z-index: 1;
}
.localnav-persistent {
    border-bottom: 1px solid rgba(136,136,136,.4);
    -webkit-transform: none;
    transform: none;
}
.localnav-persistent, .as-theme-light-heroimage .localnav-tray {
    border-bottom: 0;
}

.localnav-expandable .localnav-head-disclosure {
    display: block;
    outline: none;
    position: relative;
    top: 4px;
    left: -2px;
    float: right;
    border: 0;
    padding: 0 3px 0 0;
    overflow: hidden;
    cursor: pointer;
    background: transparent;
    color: #555;
    text-align: left;
    line-height: 32px;
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.localnav-expandable .localnav-head-disclosure {
    overflow: visible;
    top: 6px;
}
.localnav-expandable .localnav-head-disclosure {
    top: 6px;
    padding: 0;
}

.localnav-disclosure-button {
    padding: 12px 0;
}
.localnav-expandable .localnav-disclosure-button {
    left: auto;
    top: 6px;
    color: #333;
}
.localnav-disclosure-button.hide-outline {
    outline: none;
}

.localnav-expandable .localnav-head-disclosure .disclosure-text {
    font-size: 10px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0;
    margin-right: 10px;
}

.disclosure-icon {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
.disclosure-icon {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0;
    top: 7px;
    position: absolute;
    right: 0;
    opacity: 1;
}
.localnav-wrapper .icon::after, .localnav-wrapper .more::before, .localnav-wrapper .more::after {
    font-family: SF Pro Icons,AOS Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: '';
}

.localnav-tray-wrapper {
    width: 100%;
    position: absolute;
    top: -46px;
    left: 0;
    overflow: hidden;
    pointer-events: none;
}

.localnav-tray {
    width: 980px;
    margin: 0 auto;
    padding-top: 105px;
    position: relative;
    overflow: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform: translateY(calc(-100% + 46px + 60px));
    transform: translateY(calc(-100% + 46px + 60px));
    transition: -webkit-transform .15s cubic-bezier(.28,.11,.32,1);
    transition: transform .15s cubic-bezier(.28,.11,.32,1);
    transition: transform .15s cubic-bezier(.28,.11,.32,1),-webkit-transform .15s cubic-bezier(.28,.11,.32,1);
    background-color: transparent;
    pointer-events: none;
    border-bottom: 1px solid #d6d6d6;
    box-sizing: border-box;
}
.localnav-tray {
    padding-top: 98px;
    -webkit-transform: translateY(-100%) translateY(46px) translateY(53px);
    transform: translateY(-100%) translateY(46px) translateY(53px);
    border-bottom: 0;
    transition: background-color .03s,-webkit-transform .15s cubic-bezier(.28,.11,.32,1);
    transition: transform .15s cubic-bezier(.28,.11,.32,1),background-color .03s;
    transition: transform .15s cubic-bezier(.28,.11,.32,1),background-color .03s,-webkit-transform .15s cubic-bezier(.28,.11,.32,1);
}
.localnav-tray {
    border-bottom: 0;
}
.localnav-expandable .localnav-tray, .as-theme-light-heroimage .localnav-wrapper {
    transition: background-color .03s ease;
}

.localnav-wrapper .icon::after, .localnav-wrapper .more::before, .localnav-wrapper .more::after {
    text-decoration: none;
}
.localnav-wrapper .icon-chevrondown::after {
    content: "";
}


.localnav-disclosure:checked ~ .localnav-expandable .disclosure-icon.icon-chevrondown {
    top: 8px;
    -webkit-transform: translateZ(1px) rotateX(180deg);
    transform: translateZ(1px) rotateX(180deg);
}
.as-localnav-browseall {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: -.01em;
    width: 100%;
    max-width: 980px;
    margin: 0 auto 54px;
    padding: 26px 0 0;
    position: relative;
    z-index: 1;
}
#as-localnav-tray-content > .column{
    float: left;
}
#as-localnav-tray-content:before,#as-localnav-tray-content:after{
    content: ' ';
    display: table;
    position: relative;
    clear: both;
} 
.as-localnav-browsealllistcontainer.as-localnav-categorylistcontainer {
    margin-left: -3.26%;
    padding-left: 3.26%;
    border-left: 1px solid transparent;
}
.localnav-disclosure:checked ~ .localnav-expandable, .localnav-standard {
    border-bottom: none;
}
.localnav-disclosure:checked ~ .localnav-expandable .localnav{
    background-color: #fff;
}

.localnav-disclosure:checked ~ .localnav-expandable .localnav-tray-wrapper {
    pointer-events: auto;
}
.localnav-disclosure:checked ~ .localnav-expandable .localnav-tray-wrapper {
    top: 0;
}
.column.as-localnav-browsealllistitem {
    margin: 0;
    padding: 0 15px 0 0;
    height: 44px;
    box-sizing: border-box;
    text-align: left;
}

.localnav-links > li {
    float: left;
    list-style: none;
    /*margin-left: 30px;*/
    text-align: left;
}
.localnav-disclosure:checked ~ .localnav-expandable .as-localnav-browsealllist .as-localnav-browsealllistitem, .nojs .as-localnav-browsealllist .as-localnav-browsealllistitem {
    margin-left: 0;
    width: 100%;
}
.localnav-disclosure:checked ~ .localnav-expandable .as-localnav-categorylist .as-localnav-browsealllistitem, .nojs .as-localnav-categorylist .as-localnav-browsealllistitem {
    width: 33.33%;
}

.localnav-expandable .localnav-links {
    width: 980px;
    margin: 1px auto 20px;
    padding: 0;
    overflow: hidden;
    text-align: center;
    float: none;
}
.as-localnav-browseall .as-localnav-browsealllist {
    width: 100%;
    height: auto;
    padding: 0 0 0 10px;
    margin: 5px 0 -5px -10px;
}

.as-localnav-browseall .as-localnav-browsealllist.as-localnav-categorylist {
    height: 170px;
    max-height: 442px;
    display: flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-content: flex-start;
}
.as-localnav-browsealllistitem .localnav-link {
    opacity: 0;
    pointer-events: none;
    transition: opacity .01s ease;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    margin: 0 0 5px;
    vertical-align: bottom;
    text-decoration: none;
    text-transform: capitalize;
}

.localnav-expandable .localnav-link {
    color: #999;
}
.localnav-disclosure:checked ~ .localnav-expandable .as-localnav-browsealllistitem .localnav-link{
    opacity: 1;
    pointer-events: auto;
    transition: opacity .15s ease .16s,color .3s cubic-bezier(.645,.045,.355,1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: -.01em;
}

.as-localnav-browseall .as-localnav-browsealllist.as-localnav-categorylist.as-localnav-display7rows {
    height: 238px;
}

.localnav-disclosure:checked ~ .localnav-expandable .as-localnav-browseall .as-localnav-browsealllist, .nojs .as-localnav-browseall .as-localnav-browsealllist {
    min-width: 100%;
    max-width: 100%;
}

.localnav-disclosure:checked ~ .localnav-expandable .localnav-tray-wrapper .localnav-tray {
    width: 100%;
    background-color: rgba(255,255,255,.97);
}
.localnav-disclosure:checked ~ .localnav-expandable .localnav-tray-wrapper .localnav-tray {
    padding-top: 58px;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform .3s cubic-bezier(.28,.11,.32,1);
    transition: transform .3s cubic-bezier(.28,.11,.32,1);
    transition: transform .3s cubic-bezier(.28,.11,.32,1),-webkit-transform .3s cubic-bezier(.28,.11,.32,1);
    background-color: white;
}
.localnav-expandable .localnav-disclosure:checked ~ .localnav-expandable .localnav-tray-wrapper .localnav-tray {
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform .3s cubic-bezier(.28,.11,.32,1);
    transition: transform .3s cubic-bezier(.28,.11,.32,1);
    transition: transform .3s cubic-bezier(.28,.11,.32,1),-webkit-transform .3s cubic-bezier(.28,.11,.32,1);
}
.localnav-disclosure:checked ~ .localnav-expandable .localnav-tray-wrapper .localnav-tray {
    border-bottom: 1px solid #d6d6d6;
    background-color: white;
}

.localnav-disclosure:checked ~ .localnav-expandable .as-localnav-browsealllistcontainer.as-localnav-categorylistcontainer {
    border-left: 1px solid #d6d6d6;
    transition: border-color .15s ease .16s;
}
.as-localnav-browsealllisttitle {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: -.01em;
    opacity: 0;
    pointer-events: none;
    transition: opacity .01s ease;
    margin: 0;
    position: relative;
    top: 1px;
}
.localnav-disclosure:checked ~ .localnav-expandable .as-localnav-browsealllisttitle, .nojs .as-localnav-browsealllisttitle {
    opacity: 1;
    pointer-events: auto;
    transition: opacity .15s ease .16s,color .3s cubic-bezier(.645,.045,.355,1);
}


/*filter bar*/
.as-search-navbar {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0;
    box-sizing: border-box;
    z-index: 2;
    position: relative;
}
.as-fixed-nav {
    position: fixed;
    top: 0;
    background-color: white;
    width: 100%;
}

.as-accessories-filter-tile {
    padding-top: 21px;
    padding-bottom: 17px;
}

.as-filter-button {
    padding-left: 2px;
    cursor: pointer;
    display: inline-block;
    padding: 0 0 5px 0;
    margin: 0 0 0 44px;
    background-color: transparent;
    border-bottom: 1px solid var(--grey-soft);
}
.as-filter-button-text {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
}
.as-filter-open .as-filter-button {
    color: #666;
}

.as-filter-button .as-filter-button-text::before {
    top: -1px;
}

.as-search-sort-padding {
    padding-top: 21px;
    padding-bottom: 17px;
}

.as-search-sort-wrapper {
    float: right;
    margin-right: 0;
}

.as-search-sortbutton-wrapper {
    padding: 0;
}

.as-search-sort-button {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0;
    background: transparent;
    margin-right: 44px;
    padding: 0;
    cursor: pointer;
    display: inline-block;
    color: transparent;
}
.as-search-sort-button {
    background: transparent;
    padding: 0;
    cursor: pointer;
    display: inline-block;
    color: transparent;
}


.as-search-sortbylabel-large {
    color: #888;
}
.as-search-sort-selected {
    color: #333;
}
.icon::before, .icon::after, .more::before, .more::after {
    font-family: 'SF Pro Icons';
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: '';
}
.icon::before, .icon::after, .more::before, .more::after {
    text-decoration: none;
}
.as-search-sort-button .icon {
    color: #333;
}
.icon-after::after, .more::after {
    padding-left: .3em;
    top: 0;
}
.icon-chevrondown::after{
    content: "";
}


.as-search-sort-drawer {
    box-sizing: border-box;
    width: 241px;
    padding: 0 21px;
    opacity: 0;
    transition: opacity .6s,top 0s .6s,-webkit-transform .6s;
    transition: opacity .6s,top 0s .6s,transform .6s;
    transition: opacity .6s,top 0s .6s,transform .6s,-webkit-transform .6s;
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);
    position: absolute;
    background: white;
    right: 10px;
    top: -10000px;
    border: 1px solid #d6d6d6;
}
.as-tooltip-top-right::before, .as-tooltip-top-right::after {

    border-color: transparent;
    border-style: solid;
    border-top: 0;
    content: ' ';
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    left: 84%;

}
.as-tooltip-top-right::before {

    border-bottom-color: #c1c1c1;
    border-width: 7px;
    top: -7px;
    margin-left: -7px;

}

.as-tooltip-top-right::after {
    border-bottom-color: #fff;
    border-width: 6px;
    top: -6px;
    margin-left: -6px;
}
.as-search-sortoptions {

    box-sizing: border-box;

}
.as-search-sort-list {

    list-style: none;
    margin: 0;

}
.as-search-sort-listitems {

    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: -.01em;
    border-bottom: 1px solid #e3e3e3;
    padding: 12px 0;

}
.as-search-sort-list .as-search-sort-links {

    text-decoration: none;
    color: #333;
    display: block;

}
#as-open-drawer:checked ~ .as-search-sort-drawer {

    opacity: 1;
    transition: opacity .6s,top 0s,-webkit-transform .6s;
    transition: opacity .6s,top 0s,transform .6s;
    transition: opacity .6s,top 0s,transform .6s,-webkit-transform .6s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 9999;
    top: 68px;

}
.as-search-sort-list .as-search-selected-option {
    color: #888;
}

.as-large-hide, .as-sortby-mobile-nojs{
    display: none;
}
.as-fullwidth-border {
    border-bottom: 1px solid #d6d6d6;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 10;
}

.as-accessories-results {
    width: 100%;
    display: inline-block;
    border-top: 1px solid #d6d6d6;
    min-height: 750px;
}


/*search filter*/
div.as-search-filters {
    box-sizing: border-box;
    position: absolute;
    width: 238px;
    transition: opacity .6s,width .6s,-webkit-transform .6s;
    transition: opacity .6s,width .6s,transform .6s;
    transition: opacity .6s,width .6s,transform .6s,-webkit-transform .6s;
    float: left;
}

.as-search-filter-container {
    padding: 34px 35px 0;
}
.as-accordion-list {
    margin: 0;
    list-style: none;
}
.as-accordion-item {
    border-top: 1px solid #e3e3e3;
    position: relative;
    -webkit-tap-highlight-color: transparent;
}

.as-accordion-item .as-search-facet {
    border-bottom: 1px solid #e3e3e3;
}

.as-search-accordion-header {
    padding: 8px 8px 10px;
}
.as-accordion-item {
    border-top: 0;
}
.as-accordion-button {
    cursor: pointer;
    display: block;
    width: 100%;
}
.as-accordion-title {
    font-size: 32px;
    line-height: 1.09375;
    font-weight: 500;
    letter-spacing: .011em;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.as-search-accordion-title {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: -.01em;
    display: inline-block;
    width: 113px;
    text-transform: none;
}
.as-accordion-plusicon {
    font-size: 48px;
    line-height: .72917;
    font-weight: 300;
    letter-spacing: -.072em;
    font-family: SF Pro Icons,AOS Icons;
    color: #888;
    display: table-cell;
    padding: 0;
    vertical-align: middle;
}

.as-accordion-title, .as-accordion-plusicon {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: -.01em;
    text-align: left;
}

.ase-materializer {
    transition-property: opacity;
    transition-duration: .1s;
    display: block;
    height: 0;
    /*max-height: 0;*/
    overflow: hidden;
}
.ase-materializer.ase-materializer-show, .as-search-facet input[type=checkbox]:checked ~ .ase-materializer{
    display: block;
    height: auto;
    /*max-height: 500px;*/
    overflow: hidden;
}

.as-search-facet input[type=checkbox]:checked ~ .as-accordion-header .as-accordion-plusicon::after {
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}

.as-search-facet-materializer {
    padding-bottom: 10px;
}
.as-accordion-content {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    transition: opacity .3s,transform .3s,-webkit-transform .3s;
        transition-property: opacity, transform, -webkit-transform;
}

.ase-materializer-show > .as-accordion-content,  .as-search-facet input[type=checkbox]:checked ~ .ase-materializer .as-accordion-content{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}


.as-search-filter-items {
    list-style: none;
    margin: 0;
}
.as-filter-text-type .as-filter-item:first-child {
    margin-top: 3px;
}
.as-search-filter-items.as-filter-text-type > .as-filter-item {
    margin-bottom: 3px;
    padding: 2px 8px;
}
.as-filter-text-type > .as-filter-item .as-filter-option {
    display: block;
    text-decoration: none;
}
.as-filter-name .as-search-filter-content {
    line-height: 1.1;
    display: inline-block;
    margin-left: -1px;
}
.as-search-filter-content .as-search-filter-text {
    color: #333;
    vertical-align: text-top;
}
.as-search-filter-content .as-search-filter-text {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: -.01em;
    color: #333;
}
input[type="checkbox"].checkbox-custom, input[type="radio"].checkbox-custom{display: none;}
.checkbox-custom + .as-filter-name::before{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #203d2a;
    content: "";
    display: inline-block;
    font-size: 12px;
    height: 22px;
    line-height: 1.5em;
    margin: -2px 6px 0 0;
    outline-offset: 1px;
    text-align: center;
    vertical-align: middle;
    width: 22px;
}
.checkbox-custom:checked + .as-filter-name::before {
    background-color: #71512a;
    border: 1px solid #71512a;
    border-radius: 2px;
    color: #203d2a;
    content: "";
    display: inline-block;
    font-size: 12px;
    height: 22px;
    line-height: 1.5em;
    margin: -2px 6px 0 0;
    outline-offset: 1px;
    text-align: center;
    vertical-align: middle;
    width: 22px;
}
.checkbox-custom[type="checkbox"]:checked + .as-filter-name::before, .checkbox-custom[type="radio"]:checked + .as-filter-name::before{
    color: #fff;
    content: "";
    font-family: SF Pro Icons,AOS Icons;
    font-size: 12px;
}
.as-search-results-width {
    border-left: solid 1px #d6d6d6;
}
.as-search-results-width {
    width: calc(100% - 238px);
}
.as-search-results-tiles {
    float: right;
    transition: all .3s ease-in-out;
    box-sizing: border-box;
    min-height: 750px!important;
}
#filter-action-button:checked ~ .as-search-filters{
    opacity: 0;
    position: absolute;
    width: 237px;
    z-index: 2;
    left: 0;
    overflow: hidden;
    transition: all .6s;
    -webkit-transform: translateX(-237px);
    transform: translateX(-237px);
}

#filter-action-button:checked ~ .as-search-results-width{
    width: 100%;
}

#filter-action-button:checked .as-search-results-width {
    width: 100%;
    border-left: none;
}
.as-producttile {
    padding: 40px 0 38px;
    text-align: center;
    border: 1px solid #d6d6d6;
    position: relative;
}

.as-producttile {
    padding-top: 0px;
    padding-bottom: 50px;
    text-align: center;
    border: 0;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    float: left;
    min-height: 613px;
    box-sizing: border-box;
    border-left: 0;
    cursor: pointer;
    overflow: hidden;
}

.as-producttile {
    min-height: 380px;
    padding-bottom: 30px;
}
.with-paddlenav {
    position: relative;
}

.as-tilegallery-element {
    width: 100%;
    display: inline-block;
}
.as-producttile-tilehero {
    padding: 0;
    width: calc(100% - 0px);
    margin: 0 auto;

}

.as-producttile-tilehero img.as-producttile-image {
    width: 100%;
    display: block;
    /*max-width: 90%;
    max-height: 90%;
    height: auto;*/
}
.as-producttile-info {
    padding: 0 26px;
}
.violator-frameless {
    font-size: 17px;
    line-height: 1.52947;
    font-weight: 400;
    letter-spacing: -.021em;
    color: #e85d00;
    display: block;
}

.as-producttile-violator {
    margin-top: 11px;
    width: 100%;
    position: absolute;
}
.as-producttile-violatortext {
    font-size: 9px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0;
}
.as-producttile-violatortext.product-category-tags{
    position: absolute;
    border: 0;
    bottom: 010px;
    left: 0;
    width: 100%;
    text-align: center;
}
.as-producttile-violator {
    right: 1%;
}
.as-accessories-results .as-producttile .as-producttile-info {
    min-height: 0;
}

.as-producttile-title {
    line-height: 0;
    padding-top: 45px;
}
.as-producttile-tilelink {
    font-size: 17px;
    line-height: 19px;
    font-weight: 400;
    letter-spacing: -.021em;
    color: #333;
    display: block;
    width: 100%;
    cursor: pointer;
    min-height: 39px;
}
h3.as-producttile-name{
    margin: 0;
}

.as-producttile-currentprice {
    font-size: 16px;
    line-height: 1.52947;
    font-weight: 400;
    letter-spacing: -.021em;
    margin-top: 0px;
    color: #333;
    position: relative;
}

.as-producttile-currentprice del{
    color: #888;
}
.as-price-previousprice {
    font-size: 18px;
    line-height: 1.11115;
    font-weight: 400;
    letter-spacing: .018em;
    color: #888;
    display: inline-block;
    text-decoration: line-through;
}
.row.tabungan-emas-catalog_product{
    margin: 0;
}
.as-price-currentprice .pegadaian-logo{
    position: relative;
    display: inline-block;
    height: 22px;
    vertical-align: middle;
}
.as-price-currentprice .indogold-logo {
    position: relative;
    display: inline-block;
    height: 15px;
    vertical-align: middle;
}
.row.tabungan-emas-catalog_product{
    display: flex;
    align-items:center;
    justify-content:center;
}
.row.tabungan-emas-catalog_product .as-price-currentprice label{
    display: inline-block;
    height: 25px;
    overflow: hidden;
}
.row.tabungan-emas-catalog_product > ins{
    color: crimson;
    font-size: 13px;
}
.row.tabungan-emas-catalog_product > del {
    font-size: 11px;
    color: #ababab;
}
.row.tabungan-emas-catalog_product label, .row.tabungan-emas-catalog_product ins{
    margin: 0 3px;
} 
.row.tabungan-emas-catalog_product .as-price-currentprice label
.as-producttile-previousprice {
    font-size: 17px;
    line-height: 1.52947;
    font-weight: 400;
    letter-spacing: -.021em;
}
.product-category-tags a{color: #C39835;position: relative;margin-left: 10px}
.product-category-tags a:before{
    content: '•';
    position: absolute;
    left: -10px;
    bottom: -7px;
    color: #C39835;
    font-size: 20px;
}
.as-pagination-align {
    position: relative;
    height: 89px;
    padding-top: 30px;
    width: 100%;
}
.as-pagination {
    font-size: 17px;
    line-height: 1.52947;
    font-weight: 400;
    letter-spacing: -.021em;
    position: absolute;
    width: auto;
    left: 48%;
}
.paddlenav {
    margin: 0;
    list-style: none;
}
.paddlenav ul {
    margin: 0;
    list-style: none;
}

.as-category-landing .as-pagination .paddlenav-arrow-previous {
    left: -140px;
}
.paddlenav-arrow-previous::before {
    margin-left: -.056em;
}
.paddlenav-arrow-previous::before {
    content: "";
}
.paddlenav-arrow-previous::before {
    text-decoration: none;
}
.paddlenav-arrow-previous::before {
    font-family: SF Pro Icons,AOS Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: '';
}
.as-pagination .as-pagination-spacing {
    margin: 0 0 1.3em;
}
.as-pagination .as-text-box {
    font-size: 17px;
    line-height: 1.52947;
    font-weight: 400;
    letter-spacing: -.021em;
    width: 33px;
    height: 34px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    text-align: center;
    color: #666;
    display: inline-block;
    padding:0;
}
.as-pagination .as-pagination-spacing .as-paginationtext {
    padding-left: 4px;
    color: #666;
}
.as-pagination .as-pagination-spacing .as-pagination-totalnumbers {
    padding-left: 4px;
    color: #666;
    font-size: 17px;
}
.as-pagination .paddlenav-arrow {
    background-color: white;
    color: #333;
    -webkit-filter: none;
    filter: none;
    font-size: 20px;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    margin-top: -32px;
    width: 36px;
    border-radius: 36px;
}
.as-pagination .as-disabledpaddlenav {
    color: #c4c4c4;
    background-color: transparent;
}
.as-category-landing .as-pagination .paddlenav-arrow-next {
    right: -140px;
}
.paddlenav-arrow-next::after {
    font-family: SF Pro Icons,AOS Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: '';
}
.paddlenav-arrow-next::after {
    text-decoration: none;
}
.paddlenav-arrow-next::after {
    content: "";
}
.paddlenav-arrow-next::after {
    margin-right: -.056em;
}

.as-pagination .paddlenav .paddlenav-arrow{
    color: #888;
    background-color: #fff;
}

/*revision*/

.as-filter-button{
    float: left;
}
#as-sort-wrap{
    float: left;
    margin-left: 30px;
    position: relative;
    z-index: 9999;
}
#as-open-drawer:checked ~ .as-search-sort-drawer{
    top: 42px;
}
.as-search-navbar{
    z-index: 11;
}
#product_select_pagesize{
    float: right;
    margin-right: 44px;
}
.product-categories-list a{
    text-transform: capitalize;
}

.as-filter-item select{
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: .009em;
    font-family: SF Pro Display,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #111;
    height: 1.41176rem;
    margin-bottom: 0;
    padding: 0;
    border: 0;
    display: inline-block;
    color:#757575;
}
.as-filter-item select ~ .icon-chevrondown{
  top:7px;
  right: auto;
  left: 50px;  
}
[data-product-type=gold_bar] .as-price-currentprice.pegadaian{
    visibility: hidden;
}
.as-search-results-tiles .as-producttile{
    overflow: hidden;
}

.as-producttile.sale-50::before, .as-producttile.sale-40::before, .as-producttile.sale-30::before, .as-producttile.sale-20::before, .as-producttile.sale-10::before, .as-producttile.sale-10::before, .as-producttile.sale-5::before, .as-producttile.millie-molly::before{
    content: '5%';
    display: flex;
    width: 50px;
    height: 50px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background-color: #444;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    color: #fff;
    justify-content: center;
    align-items: center;
}
.as-producttile.sale-50::before{
    display: none;
    content: '50%';
}
.as-producttile.sale-40::before{
    display: none;
    content: '40%';
}
.as-producttile.sale-30::before{
    display: none;
    content: '30%';
}
.as-producttile.sale-20::before{
    content: '20%';
    display: none;
}
.as-producttile.sale-10::before{
    content: '10%';
    display: none;
}
.as-producttile.sale-5::before, .as-producttile.millie-molly::before{
    content: '5%';
    display: none;
}

.as-producttile .soldout{
    display: none;
}
.as-producttile.not-in-stock .soldout{
    display: block;
}
.as-producttile .as-price-currentprice{
    min-height: 43px;
}
.as-producttile .as-price-currentprice.tabungan-emas-gram{
    min-height: 0px;
}
.as-price-currentprice.price[data-price-array="3"] ins{
    float: left;
    height: 30px;
    display: flex;
    align-items:center;
    width: 50%;
}
.as-price-currentprice.price[data-price-array="3"] del{
    float: left;
    display: inline-block;
}
.product-promo {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 22px;
    color: #fff;
    width: ;
    display: block;
}
.product-promo.fixed-amount{
    font-size: 11px;
    top: 40px;
}
.product-promo:after{
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: -1;
    background-color: #000;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
}

.product-promo.fixed-amount:after{
    width: calc(100% + 10px);
    height: 22px;
    border-radius: 0;
}

.as-producttile[data-promo*="%"] .product-promo{
    text-indent: -1000px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    top: 10px;
    right: 10px;
} 
.as-producttile[data-promo*="%"] .product-promo::after{
    background-color: transparent;
    border-radius: 0;
}
.as-producttile[data-promo="1%"] .product-promo::after{
    background-image:url( '../images/discount-tags/1.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="2%"] .product-promo::after{
    background-image:url( '../images/discount-tags/2.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="3%"] .product-promo::after{
    background-image:url( '../images/discount-tags/3.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="4%"] .product-promo::after{
    background-image:url( '../images/discount-tags/4.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="5%"] .product-promo::after{
    background-image:url( '../images/discount-tags/5.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="6%"] .product-promo::after{
    background-image:url( '../images/discount-tags/6.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="7%"] .product-promo::after{
    background-image:url( '../images/discount-tags/7.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="8%"] .product-promo::after{
    background-image:url( '../images/discount-tags/8.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="9%"] .product-promo::after{
    background-image:url( '../images/discount-tags/9.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="10%"] .product-promo::after{
    background-image:url( '../images/discount-tags/10.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="11%"] .product-promo::after{
    background-image:url( '../images/discount-tags/11.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="12%"] .product-promo::after{
    background-image:url( '../images/discount-tags/12.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="13%"] .product-promo::after{
    background-image:url( '../images/discount-tags/13.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="14%"] .product-promo::after{
    background-image:url( '../images/discount-tags/14.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="15%"] .product-promo::after{
    background-image:url( '../images/discount-tags/15.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="16%"] .product-promo::after{
    background-image:url( '../images/discount-tags/16.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="17%"] .product-promo::after{
    background-image:url( '../images/discount-tags/17.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="18%"] .product-promo::after{
    background-image:url( '../images/discount-tags/18.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="19%"] .product-promo::after{
    background-image:url( '../images/discount-tags/19.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="20%"] .product-promo::after{
    background-image:url( '../images/discount-tags/20.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="21%"] .product-promo::after{
    background-image:url( '../images/discount-tags/21.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="22%"] .product-promo::after{
    background-image:url( '../images/discount-tags/22.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="23%"] .product-promo::after{
    background-image:url( '../images/discount-tags/23.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="24%"] .product-promo::after{
    background-image:url( '../images/discount-tags/24.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="25%"] .product-promo::after{
    background-image:url( '../images/discount-tags/25.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="26%"] .product-promo::after{
    background-image:url( '../images/discount-tags/16.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="27%"] .product-promo::after{
    background-image:url( '../images/discount-tags/27.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="28%"] .product-promo::after{
    background-image:url( '../images/discount-tags/28.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="29%"] .product-promo::after{
    background-image:url( '../images/discount-tags/29.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="30%"] .product-promo::after{
    background-image:url( '../images/discount-tags/30.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="31%"] .product-promo::after{
    background-image:url( '../images/discount-tags/31.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="32%"] .product-promo::after{
    background-image:url( '../images/discount-tags/32.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="33%"] .product-promo::after{
    background-image:url( '../images/discount-tags/33.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="34%"] .product-promo::after{
    background-image:url( '../images/discount-tags/34.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="35%"] .product-promo::after{
    background-image:url( '../images/discount-tags/35.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="36%"] .product-promo::after{
    background-image:url( '../images/discount-tags/36.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="37%"] .product-promo::after{
    background-image:url( '../images/discount-tags/37.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="38%"] .product-promo::after{
    background-image:url( '../images/discount-tags/38.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="39%"] .product-promo::after{
    background-image:url( '../images/discount-tags/39.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="40%"] .product-promo::after{
    background-image:url( '../images/discount-tags/40.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="41%"] .product-promo::after{
    background-image:url( '../images/discount-tags/41.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="42%"] .product-promo::after{
    background-image:url( '../images/discount-tags/42.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="43%"] .product-promo::after{
    background-image:url( '../images/discount-tags/43.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="44%"] .product-promo::after{
    background-image:url( '../images/discount-tags/44.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="45%"] .product-promo::after{
    background-image:url( '../images/discount-tags/45.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="46%"] .product-promo::after{
    background-image:url( '../images/discount-tags/46.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="47%"] .product-promo::after{
    background-image:url( '../images/discount-tags/47.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="48%"] .product-promo::after{
    background-image:url( '../images/discount-tags/48.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="49%"] .product-promo::after{
    background-image:url( '../images/discount-tags/49.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.as-producttile[data-promo="50%"] .product-promo::after{
    background-image:url( '../images/discount-tags/50.png' );
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.counter-wrapper{
    display: none;
}
.show-promo-counter .counter-wrapper{
    display: block;
}
.counter-wrapper ul{
    list-style-type: none;
    display: flex;
    align-item:center;
    justify-content:center;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 50px;
    top: 9px;
    min-width: 120px;
}
.product-promo.fixed-amount ~ .counter-wrapper ul{
    right: 0;
}
.counter-wrapper li{
    position: relative;
    display: flex;
    align-item:center;
    justify-content:center;
    flex-direction:column;
    text-align: center;
    padding: 5px 0;
    color: #444;
    font-size: 14px;
}
.counter-wrapper li:after{
    content: ':';
    color:#000;
    position:absolute;
    right: -2px;
    top: 50%;
    transform:translateY(-50%);
}
.counter-wrapper li:last-child:after{
    content: '';
}
.counter-wrapper li .count-text{
    display: none;
}

.as-producttile[data-promo*="%"] .counter-wrapper .row{
    background-color: #bf212b;
    min-width: 100px;
    right: 30px;
    top: 11px;
}
.as-producttile[data-promo*="%"] .counter-wrapper .row li div.value{
    color: #fff;
}
.as-producttile[data-promo*="%"] .counter-wrapper li::after{
    color: #fff;
}
.as-producttile[data-promo*="%"] .counter-wrapper li.wpvc-seconds{
    visibility: hidden;
}
.as-producttile[data-promo*="%"] .counter-wrapper li.wpvc-minutes::after{
    visibility: hidden;
}

.as-producttile-titlepricewraper.no-stripe-price .as-price-currentprice del{
    display: none;
}
.as-producttile-titlepricewraper.no-stripe-price .as-price-currentprice ins{
    width: 100%;
    display: block;
    font-size: 14px;
}
.as-producttile .variant-colors{
    display: flex;
    position: absolute;
    top: 23px;
    left: 0;
    z-index: 2;
    width: 100%;
    flex-direction: row-reverse;
}
.variant-colors .circle-finishing{
    width: 15px;
    height: 15px;
    display: block;
    background-color: antiquewhite;
    border-radius: 50%;
    border: 1px solid #ccccdc;
    margin-right: 4px;
}

.as-producttile[data-promo] .variant-colors{
    display: flex;
    position: absolute;
    top: auto;
    bottom: 50px;
    left: 0;
    z-index: 2;
    width: 100%;
    flex-direction: row-reverse;
}

.variant-colors .circle-finishing:first-child{
    margin-right: 8px;
}

.circle-finishing.SPRG{
    background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(220,174,150,1) 100%);
}
.circle-finishing.SPPTH{
    background-color: #fff;
}
.circle-finishing.SPM{
    background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(243,212,168,0.5) 18%, rgba(243,212,168,1) 100%);
}
.circle-finishing.SPKNG{
    background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(243,212,168,0.5) 18%, rgba(243,212,168,1) 100%);
}
.circle-finishing.SP3WR{
    background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(205,170,53,1) 48%, rgba(220,174,150,1) 100%);
}
.circle-finishing.SP3RG{
    background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(205,170,53,1) 48%, rgba(220,174,150,1) 100%);
} /*= WHITE,YELLOW AND ROSE GOLD*/
.circle-finishing.S4WBM{
    background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(205,170,53,1) 48%, rgba(220,174,150,1) 100%);
} /*= WHITE,YELLOW AND ROSE GOLD*/
.circle-finishing.S3WRG{
    background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(205,170,53,1) 48%, rgba(220,174,150,1) 100%);
} /*= WHITE,YELLOW AND ROSE GOLD*/
.circle-finishing.S3WBM{
    background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(205,170,53,1) 48%, rgba(220,174,150,1) 100%);
} /*= WHITE,YELLOW AND ROSE GOLD*/
.circle-finishing.S3WBMH{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(205,170,53,1) 48%, rgba(0,0,0,1) 100%);
} /*=  WHITE,YELLOW AND BLACK GOLD*/

.circle-finishing.S2WRG{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(220,174,150,1) 100%);
} /*= WHITE AND ROSE GOLD*/
.circle-finishing.S2WBP{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(220,174,150,1) 100%);
} /*= WHITE AND ROSE GOLD*/
.circle-finishing.S2WBM{
    background:linear-gradient(90deg, rgba(205,170,53,1) 0%, rgba(255,255,255,1) 48%);
}
.circle-finishing.S2WBMH{
    background:linear-gradient(90deg, rgba(205,170,53,1) 0%, rgba(255,255,255,1) 48%);
} 
.circle-finishing.S4WBP{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(205,170,53,1) 48%, rgba(0,0,0,1) 100%);
} /*= WHITE,YELLOW,BLACK AND ROSE GOLD   */
.circle-finishing.S3WRGH{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(205,170,53,1) 48%, rgba(0,0,0,1) 100%);
} /*= WHITE,BLACK AND ROSE GOLD*/ 
.circle-finishing.S4WGD{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(205,170,53,1) 48%, rgba(0,0,0,1) 100%);
} /*= WHITE,YELLOW,ROSE AND BLACK GOLD*/
.circle-finishing.S2WGD{
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(220,174,150,1) 100%);
}
.circle-finishing.S2WGDP{
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%);
} /*= BLACK AND WHITE GOLD*/
.circle-finishing.S3WBP{
    background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(205,170,53,1) 48%, rgba(220,174,150,1) 100%);
} /*= WHITE,YELLOW AND ROSE GOLD*/
.circle-finishing.S3WBPH{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(205,170,53,1) 48%, rgba(0,0,0,1) 100%);
} /*= WHITE,BLACK AND ROSE GOLD*/
.circle-finishing.S3WBPK{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(205,170,53,1) 48%, rgba(0,0,0,1) 100%);
} /*= WHITE,YELLOW AND BLACK*/
.circle-finishing.S2WBPH{
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%);
} /*= BLACK AND WHITE GOLD.*/
.circle-finishing.S2WBPK{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(205,170,53,1) 100% );
} /*= WHITE AND YELLOW GOLD*/
.circle-finishing.S2WRGH{
    background: linear-gradient(90deg, rgba(220,174,150,1) 0%, rgba(0,0,0,1) 48%, rgba(0,0,0,1) 100%);
}/* = BLACK AND ROSE GOLD*/
.circle-finishing.S2WRGHS{
    background: linear-gradient(90deg, rgba(220,174,150,1) 0%, rgba(0,0,0,1) 48%, rgba(0,0,0,1) 100%);
} /*= BLACK AND ROSE GOLD*/
.circle-finishing.SPKL{
    background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(205,170,53,1) 100% );
} /*= YELLOW GOLD*/
.circle-finishing.S2WBPT{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(220,174,150,1) 100%);
}/* = WHITE AND ROSE GOLD*/
.circle-finishing.SPBGD{
    background-color: #000;
} /*= BLACK GOLD*/
.circle-finishing.SP3WRH{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 48%, rgba(220,174,150,1) 100%);
} /*= WHITE,BLACK AND ROSE GOLD*/
.circle-finishing.S2WGDP{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100% );
}/* = BLACK AND WHITE GOLD*/
.circle-finishing.S2WKL{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(205,170,53,1) 100% );
} /*= YELLOW AND WHITE GOLD */
.circle-finishing.SP2RG{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(220,174,150,1) 100%);
}/* = WHITE AND ROSE GOLD */   
.circle-finishing.SP2WR{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(220,174,150,1) 100%);
} /*= WHITE AND ROSE GOLD  */
.circle-finishing.SP2WRH{
    background: linear-gradient(90deg, rgba(220,174,150,1) 0%, rgba(0,0,0,1) 48%, rgba(0,0,0,1) 100%);
} /*= BLACK AND ROSE GOLD*/
.circle-finishing.SP3WRK{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(205,170,53,1) 48%, rgba(0,0,0,1) 100%);
}/*= WHITE,YELLOW AND BLACK  */
.circle-finishing.S3WGD{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 48%, rgba(220,174,150,1) 100%);
} /*= WHITE,BLACK AND ROSE GOLD*/
.circle-finishing.SP2WRP{
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100% );
} /*= WHITE AND BLACK GOLD   */
.circle-finishing.S2WKLH{
    background: linear-gradient(90deg, rgba(205,170,53,1) 0%, rgba(0,0,0,1) 100%);
} /*= YELLOW AND BLACK GOLD*/
.circle-finishing.SP2RGH{
    background: linear-gradient(90deg, rgba(220,174,150,1) 0%, rgba(0,0,0,1) 48%, rgba(0,0,0,1) 100%);
} /*= ROSE AND BLACK GOLD*/
.circle-finishing.S2WRGHT{
    background: linear-gradient(90deg, rgba(220,174,150,1) 0%, rgba(0,0,0,1) 48%, rgba(0,0,0,1) 100%);
} /*= ROSE AND BLACK GOLD*/
.circle-finishing.S2WRGK{
    background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(220,174,150,0.5) 18%, rgba(220,174,150,1) 100%);
}      
.circle-finishing.SPRGR{
    background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(220,174,150,0.5) 18%, rgba(220,174,150,1) 100%);
} /*= ROSE GOLD - COLOR STONE  */

/*new design*/
.as-accessories-results{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
div.as-search-filters{
    position: relative;
}
.as-search-filter-container{
    display: flex;
    flex-direction: column;
    padding: 20px 25px 0 0;
}
#main{
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
#main > section{
    width: 100%;
}
.as-search-results-tiles{
    float: none;
}
.as-accessories-results .as-category-landing{
    width: 100%;
}
.as-filter-button{
    font-size: 18px;
  font-weight: 700;
  font-family: SourceSerifPro;
  margin: 0 0 15px 0;
}
.as-filter-button .as-filter-button-text{
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
}
.as-accordion-list{
    padding: 0;
}
.as-search-accordion-header{
    padding: 4px 0;
    font-size: 14px;
    font-weight: 700;
    font-family: SourceSerifPro;
}
.as-search-accordion-title{
    font-size: 14px;
    font-weight: 700;
    font-family:SourceSerifPro ;
}
.as-search-filter-items{
    padding: 0;
}
.as-filter-item input[type="text"]{
    border: 1px solid var(--grey-soft);
    padding: 12px 12px 12px 35px;
    border-radius: 8px;
    font-size: 14px;
    font-family: SourceSerifPro;
    font-weight: 400;
    outline: none;
    width: calc(100% - 51px);
}
.as-search-filter-items.as-filter-text-type > .as-filter-item{
    padding: 2px 0;
}
.as-search-facet input[type="checkbox"]:checked ~ .as-accordion-header .as-accordion-plusicon::after{
    display: none;
}
.as-filter-item{
    position: relative;
}
.as-filter-item span.currency{
    position: absolute;
    left:11px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 400;
    font-family: SourceSerifPro;
}
.as-search-facet-materializer{
    padding-bottom: 0;
    margin-bottom: 9px;
}
.as-accordion-item .as-search-facet{
    border-bottom: 0;
}
.checkbox-custom[type="radio"]:checked + .as-filter-name::before, .checkbox-custom[type="checkbox"]:checked + .as-filter-name::before{
    content: '';
}
.checkbox-custom[type="radio"] + .as-filter-name, .checkbox-custom[type="checkbox"] + .as-filter-name{
    position: relative;
}
.checkbox-custom[type="radio"] + .as-filter-name svg, .checkbox-custom[type="checkbox"] + .as-filter-name svg{
    display: block;
    position: absolute;
    top: 0;
    left:2px;
    transform: translateY(50%) translateX(50%);
}
.checkbox-custom:checked + .as-filter-name::before{
    background-color: #000;
    border: 1px solid var(--base-600);
    box-sizing: border-box;
}
.as-search-filter-content .as-search-filter-text {
    font-family: SourceSerifPro;
    font-size: 14px;
    font-weight: 400;
}
.checkbox-custom[type="checkbox"]:checked + .as-filter-name::before, .checkbox-custom[type="radio"]:checked + .as-filter-name::before{
    content: '';
}
.as-search-results-tiles{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px 12px;
    grid-template-rows:var(--product-tile-height);
}
.as-producttile{
    border: none;
}
.as-search-results-tiles .as-producttile{
    border: 1px solid var(--base-300);
}
.as-search-results-width{
    border: none;
    display: flex;
    flex-direction: column;
}
.as-producttile-tilehero{
    position: relative;
    margin-bottom: 10px;
}
.as-producttile-tilehero .purity{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--gold-400);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    font-family: SourceSerifPro;
    bottom: 5px;
    right: 5px;
}
.as-producttile-info{
    padding: 0 10px;
}
.as-producttile-info .product-sku{
    font-size: 12px;
    color: var(--base-600);
    font-weight: 400;
    text-align: left;
}
.as-producttile-title{
    padding-top: 0;
}
.as-producttile-tilelink{
    font-size: 14px;
    font-weight: 400;
    font-family: SourceSerifPro;
    text-align: left;
    color: var(--base-900);
}
.as-producttile .price {
  margin-top: 7px;
  text-align: left;
}
.as-producttile .price ins {
  font-family: SourceSerifPro;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--base-900);
  display: block;
  text-decoration: none;
  margin-bottom: 2px;
}
.as-producttile .price del {
  font-family: SourceSerifPro;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: center;
  color: var(--base-600);
}
.as-producttile .price mark {
  background-color: var(--error);
  color: var(--error-600);
  padding: 2px;
  font-family: SourceSerifPro;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
  margin-left: 6px;
}
.price del ~ del {
  margin-left: 5px;
}
.as-producttile .product-promo{
    display: none;
}
.as-producttile .stars-review {
  margin-top: 9px;
  font-family: SourceSerifPro;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--base-700);
  display: flex;
  justify-content: flex-start;
  align-items: initial;
  gap: 3px;
}
.as-producttile .categories {
  font-family: SourceSerifPro;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--deep-rose-gold-500);
  position: absolute;
  bottom: 8px;
}
.as-producttile .icon-wishlist{
   position: absolute;
   bottom: 4px;
   right: 8px; 
}
.as-producttile .icon-wishlist svg{
    width: 18px;
    height: 18px;
}
.as-producttile .icon-wishlist svg path{
    width: 18px;
    height: 18px;
    fill: none;
    stroke: rgba(135, 149, 159, 1);
}
.as-producttile .icon-wishlist.show-wishlist svg path{
    width: 18px;
    height: 18px;
    fill: rgba(135, 149, 159, 1);
    stroke: rgba(135, 149, 159, 1);
}
.as-producttile{
    height: var(--product-tile-height);
}
ul.menu-product-horizontal{
    list-style-type:none;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    border-bottom: 1px solid var(--base-400);
    padding: 0 0 10px 0;
    margin: 20px 0 20px 0;
}
ul.menu-product-horizontal li{
    font-size: 14px;
    font-family: SourceSerifPro;
    color: var(--base-700);
}
ul.menu-product-horizontal li a{
    font-size: inherit;
    color: inherit;
    font-family: inherit;
}

ul.menu-product-horizontal-child{
    list-style-type:none;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    border-bottom: 1px solid var(--base-400);
    padding: 0 0 10px 0;
    margin: 20px 0 20px 0;
    min-height: 38px;
}
ul.menu-product-horizontal-child li{
    font-size: 14px;
    font-family: SourceSerifPro;
    color: var(--base-700);
}
ul.menu-product-horizontal-child li a{
    font-size: inherit;
    color: inherit;
    font-family: inherit;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border: 1px solid rgba(150, 150, 150, 1);
    padding: 8px;
    border-radius: 4px;

}
.as-search-facet input[type="checkbox"] ~ .as-accordion-header svg{
    transform: rotate(180deg);
    transition: all .1s ease-out;
}
.as-search-facet input[type="checkbox"]:checked ~ .as-accordion-header svg{
    transform: rotate(0deg)
}
.as-pagination ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 13px;
}
.as-pagination ul li, .as-pagination ul li form, .as-pagination ul li form p.as-pagination-spacing{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    font-family: SourceSerifPro;
}
.as-pagination ul li.previous-tab svg{
    transform: rotate(270deg);
}
.as-pagination ul li#next-tab svg{
    transform: rotate(90deg);
}
.as-pagination .as-text-box{
    font-family: SourceSerifPro;
}
.no-products-found{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    grid-column-start: span 5;
    padding: 15px 0;
    border-bottom: 1px solid var(--base-400);
}
.no-products-found p{
    font-size: 24px;
    font-family: SourceSerifPro;
    font-weight: 400;
}

.recommendation-list{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px 12px;
    grid-template-rows: var(--product-tile-height);
}
.as-search-results-menu{
    position: relative;
}
.as-searchnav-placeholder{
    display: inline-block;
    position: absolute;
    bottom: 35px;
    right: 20px;
}
.as-accessories-filter-tile{
    padding: 0;
}

.as-accessories-filter-tile > label{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}
.as-filter-button .as-filter-button-text{
    font-size: 18px;
    font-family: SourceSerifPro;
    font-weight: 700;
}
.as-search-sort-button{
    margin: 0;
}
.as-search-sort-selected{
    font-size: 12px;
    font-weight: 700;
    font-family: SourceSerifPro;
}
.as-accessories-filter-tile{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
#as-sort-wrap{
    margin-left: 15px;
    padding: 5px 10px;
    border: 1px solid var(--base-600);
    border-radius: 4px;
}
.as-search-sort-button .icon{
    margin-left: 5px;
}
#as-open-drawer ~ .as-search-sortbutton-wrapper svg{
    transform: rotate(180deg);
}
#as-open-drawer:checked ~ .as-search-sortbutton-wrapper svg{
    transform: rotate(0deg);
}
.menu-product-horizontal li a{
    position: relative;
}
.menu-product-horizontal li a.selected:after{
    content: '';
    width: calc(100% + 20px);
    position: absolute;
    border-bottom: 4px solid var(--deep-rose-gold-500);
    left:-10px;
    bottom: -10px;
}
.as-overlay.as-overlay-mobile{
    position: fixed;
    top: 100vH;
    left: 0;
    width: 100vw;
    height: 100vh;
    transition: all .5s ease-out;
    z-index: 10;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-snap-type: x proximity;

}
.as-overlay.as-overlay-mobile.active{
    left:0;
    top:0;
}
@media only screen and (max-width:1005px) and (max-device-width:1005px){
    .as-pagination ul{
        margin: 0;
        padding: 0;
    }
    .as-search-results-tiles .as-producttile{
        height: var(--mobile-product-tile-height);
    }
    .as-search-filter-items{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
    }
    .checkbox-custom[type="radio"] + .as-filter-name, .checkbox-custom[type="checkbox"] + .as-filter-name{
        padding: 6px 12px 6px 12px;
        border-radius: 2px;
        border: 1px solid var(--base-500);
        display: block;
    }
    .checkbox-custom[type="radio"] + .as-filter-name svg, .checkbox-custom[type="checkbox"] + .as-filter-name svg{
        display: none;
    }
    .checkbox-custom[type="radio"]:checked + .as-filter-name, .checkbox-custom[type="checkbox"]:checked + .as-filter-name{
        border: 1px solid var(--deep-rose-gold-500);
        background-color: var(--rose-gold-100);
    }
    .checkbox-custom[type="radio"]:checked + .as-filter-name .as-search-filter-text, .checkbox-custom[type="checkbox"]:checked + .as-filter-name .as-search-filter-text{
        color: var(--deep-rose-gold-500);
    }
    .as-search-filter-items.as-filter-text-type > .as-filter-item{
        margin: 0;
        padding: 0;
    }
    .checkbox-custom:checked + .as-filter-name::before{
        display: none;
    }
    .checkbox-custom + .as-filter-name::before{
        display: none;
    }
    .filter-drag-handle{
        margin: 0 auto;
    }
    .ase-materializer.ase-materializer-show, .as-search-facet input[type="checkbox"] ~ .ase-materializer{
        display: block;
      height: auto;
      max-height: 500px;
      overflow: hidden;
    }
    ul.as-accordion-list li.as-accordion-item ~ li.as-accordion-item{
        padding-top: 10px;
    }
    .ase-materializer-show > .as-accordion-content, .as-search-facet input[type="checkbox"] ~ .ase-materializer .as-accordion-content {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    ul.as-accordion-list li:last-child{
        padding-top: 30px;
        position: relative;
    }
    ul.as-accordion-list > li:last-child:before{
        content: '';
        position: absolute;
        left: -20px;
        top: 13px;
        border-top: 1px solid var(--base-400);
        width: calc(100% + 40px);
    }
    ul.as-accordion-list .as-accordion-item .as-accordion-plusicon{
        display: none;
    }
    ul.as-accordion-list input[type="submit"]{
        display: block;
        padding: 9px 16px;
        font-size: 16px;
        color: #fff;
        font-weight: 700;
        border-radius: 4px;
        background-color: var(--navy-blue-500);
        font-family: SourceSerifPro;
        width: 100%;
        border: none;
    }
    ul.menu-product-horizontal-child li.mobile{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .as-searchmobile-overlaybuttonwrapper{
        display: none;
    }
    .as-producttile .price ins{
        margin-bottom: 5px;
    }
    .as-producttile .price del{
        text-align: left;
        float: left;
    }
    .as-producttile .price del ~ del{
        font-size: 9px;
    }
    .as-producttile .price mark{
        float: left;
    }
     #as-search-filters{
        display: none;
     }
     .as-search-results-width{
        width: 100%;
     }
     .as-search-results-tiles{
        grid-template-columns: repeat(2, 1fr);
     }
    .localnav-expandable .localnav-head-disclosure .disclosure-text{
        padding-right: 16px;
    }
    .as-producttile.large-3 .as-price-currentprice.as-producttile-currentprice.price{
        min-height: 37px;
    }
    .as-localnav-browseall .as-localnav-browsealllist.as-localnav-categorylist{
        max-height: none;
    }
    .as-localnav-browseall .as-localnav-browsealllist.as-localnav-categorylist.as-localnav-display7rows{
        height: auto;
    }
    .localnav-disclosure:checked ~ .localnav-expandable .as-localnav-browsealllistitem .localnav-link {
        font-size: 15px;
        line-height: 2.93343;
        font-weight: 300;
        letter-spacing: -.014em;
    }

    #as-sort-wrap{
        float: right;
    }
    .localnav-expandable .localnav-title {
        width: auto;
        height: auto;
        margin: 0;
        padding: 13px 16px 9px;
    }

    .localnav-expandable .localnav-title {
        margin-top: 0;
    }    

    .localnav-persistent {

        width: 100%;
        min-width: 0;
        height: 48px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;

    }
    .localnav-persistent {

        border-bottom: 1px solid rgba(136,136,136,.4);
        -webkit-transform: none;
        transform: none;

    }

    .localnav-expandable .localnav-persistent {

        z-index: 1;
        border-bottom: 0;
        width: 100%;

    }
    .localnav-persistent, .localnav-tray {
        border-bottom: 0;
    }

    .localnav-expandable .localnav-head-disclosure {

        position: absolute;
        left: auto;
        right: 0;
        width: auto;
        height: 48px;
        top: 0;
        padding: 0;
        margin: 0;
        -webkit-tap-highlight-color: transparent;

    }
    .localnav-expandable .localnav-disclosure-button {

        top: 0;
        padding: 0;

    }
    .disclosure-icon.icon-chevrondown{
        right: 16px;
    }

    #product_select_pagesize{
        max-height: none!important;
        display: block;
    }
    #as-localnav-tray-content > .as-localnavcolumn-nosubcategory7{
        width: 100%;
    }
    
    .as-localnav-browseall {
        font-size: 15px;
        line-height: 2.93343;
        font-weight: 400;
        letter-spacing: -.014em;
    }
    .as-localnav-browseall {
        width: 100%;
        box-sizing: border-box;
        padding: 2px 48px 0;
    }
    .as-localnav-browseall {
        font-size: 15px;
        line-height: 2.93343;
        font-weight: 400;
        letter-spacing: -.014em;
        overflow-y:auto;
        height: 100%;
        max-height: none;
        display: block;
        position: relative;
    }

    h2.as-localnav-browsealllisttitle {
        font-size: 15px;
        line-height: 2.93343;
        font-weight: 500;
        letter-spacing: .027em;
    }
    .column.as-localnav-browsealllistitem{
        line-height: 44px;
    }
    .as-localnav-browsealllisttitle {
        top: 0;
        white-space: normal;
        border-bottom: 1px solid #eaeaea;
    }
    .localnav-expandable .localnav-links > li {
        margin-left: 0;
        margin-right: 0;
        float: left;
        vertical-align: top;
        display: block;
        width: auto;
        border-bottom: 1px solid #eaeaea;
        text-align: left;
    }
    .localnav-expandable .localnav-links > li:first-child {
        padding-left: 0;
    }

    .localnav-expandable .localnav-links > li:first-child{
        margin-left: 0;
    }
    .as-localnav-browsealllistitem .localnav-link {

        vertical-align: middle;
        margin-bottom: 0;

    }
    .localnav-expandable .localnav-tray .localnav-link {

        padding: 0;
        display: inline-block;
        float: none;
        white-space: nowrap;

    }
    ul.as-localnav-categorylist li.column:last-child{
        margin-bottom: 150px;
    }
    .as-localnav-browsealllistitem .localnav-link{

        opacity: 1;
        pointer-events: auto;
        transition: opacity .15s ease .16s,color .3s cubic-bezier(.645,.045,.355,1);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
        line-height: 1.5;
        font-weight: 400;
        letter-spacing: -.01em;

    }

    .as-localnav-browsealllistitem .localnav-link{
        font-size: 15px;
        line-height: 2.93343;
        font-weight: 400;
        letter-spacing: -.014em;
        transition: opacity .5s ease .22s;
    }
    .as-localnav-browsealllistcontainer.as-localnav-categorylistcontainer {

        margin: 0;
        border-left: 0;
        padding: 0;

    }
    .as-localnav-browsealllistcontainer.as-localnav-categorylistcontainer {

        border-left: 1px solid #d6d6d6;
        transition: border-color .15s ease .16s;

    }

    .localnav-disclosure:checked ~ .localnav-expandable .as-localnav-browsealllistcontainer.as-localnav-categorylistcontainer{
        border-left: 0;
    }

    .as-localnav-browsealllisttitle, .nojs .as-localnav-browsealllisttitle {

        opacity: 1;
        pointer-events: auto;
        transition: opacity .15s ease .16s,color .3s cubic-bezier(.645,.045,.355,1);

    }
    .as-localnav-browsealllisttitle, .nojs .as-localnav-browsealllisttitle {

        transition: opacity .5s ease .22s;

    }

    .as-localnav-browseall .as-localnav-browsealllist {

        width: 100%;
        margin: 0;
        padding: 0 0 31px;

    }

    .as-localnav-browseall .as-localnav-browsealllist.as-localnav-categorylist{
        display: block;
    }
    .localnav-disclosure:checked ~ .localnav-expandable .as-localnav-categorylist .as-localnav-browsealllistitem, .nojs .as-localnav-categorylist .as-localnav-browsealllistitem {
        width: 100%;
    }

}
@media only screen and (max-width:45em){
    .as-searchnav-placeholder{
/*        display: none;*/
    }
    .as-accessories-filter-tile{
        display: none;
    }
    ul.menu-product-horizontal li a{
        text-wrap:nowrap;
    }
    ul.menu-product-horizontal{
        flex-wrap: unset;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
    }
    .localnav-wrapper {
        position: relative;
    }
    .localnav-expandable .localnav-head-disclosure .disclosure-text {
        font-size: 36px;
        line-height: .88889;
        font-weight: 300;
        letter-spacing: -.036em;
    }
    .localnav-expandable .localnav-head-disclosure {
        width: 80px;
    }
    .disclosure-text {

        position: absolute;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        -webkit-clip-path: inset(0 0 99.9% 99.9%);
        clip-path: inset(0 0 99.9% 99.9%);
        overflow: hidden;
        height: 1px;
        width: 1px;
        padding: 0;
        border: 0;
        display: inline;

    }
    .disclosure-icon {

        font-size: 36px;
        line-height: .88889;
        font-weight: 300;
        letter-spacing: -.036em;
        font-family: SF Pro Display,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;

    }
    .disclosure-icon.icon-chevrondown {

        top: 2px;
        right: 16px;

    }
    
    .as-srp-search-wrapper {
        width: 100%;
    }
    .as-search-box {

        padding: 0 6.25%;

    }
    input[type="text"].as-search-input {

        font-size: 19px;
        line-height: 1.26316;
        font-weight: 500;
        letter-spacing: .018em;

    }
    input[type="text"].as-search-input {

        font-weight: 300;
        padding: 14px 46px;
        height: 52px;

    }
    .as-accessories-searchbox .field-with-placeholder label.placeholder span {

    font-size: 19px;
    line-height: 1.26316;
    font-weight: 500;
    letter-spacing: .018em;

    }
        .as-accessories-searchbox .field-with-placeholder label.placeholder span {

        padding: 14px 46px;
        font-weight: 300;

    }
    .as-alp-searchsubmit {

        background-image:url(../images/magnifying-glass.svg);
        background-position: 24% 18%;
        background-repeat: no-repeat;
        background-size: 54px 54px;
        position: absolute;
        top: 9px;
        left: 18px;
        width: 40px;
        height: 44px;

    }
    .as-alp-searchsubmit {

        background-position: 13px 0;
        background-size: 25px 48px;
        top: 1px;
        left: 0;

    }
    .as-search-navbar {
        width: auto;
        padding-left: 6.25%;
        padding-right: 6.25%;
    }
    .as-filter-button {
        background-color: transparent;
        padding: 0;
        width: auto;
        text-align: left;
        border: none;
    }
    #as-search-navbar .as-search-sort-padding{
        display: none;
    }
    .as-filter-button{
        white-space: nowrap;
    }
    .as-search-sort-button{
        margin:0;
    }
    #as-search-filters{
        visibility: hidden;
    }
    .as-producttile-tilelink {
        font-size: 13px;
        line-height: 16px;
        font-weight: 400;
        letter-spacing: -.01em;
        min-height: 33px;
    }
    .as-producttile-currentprice {
        margin-top: 9px;
    }
    .as-search-results-tiles .as-producttile-currentprice {
        margin-bottom: 10px;
    }
    .as-producttile-currentprice {
        font-size: 13px;
        line-height: 1.5;
        font-weight: 400;
        letter-spacing: -.01em;
    }
    .as-producttile-info {
        padding: 0 5px;
    }
    .as-producttile-title {
        padding-top: 5px;
    }
    .as-price-currentprice del{
        display: block;
    }
    .as-producttile {
        padding: 0px 0px 25px;
        min-height: 0;
    }
    .as-category-landing .as-pagination .paddlenav-arrow-next {
        right: 6.25%;
    }
    .as-category-landing .as-pagination .paddlenav-arrow-previous {
        left: 6.25%;
    }
    .as-pagination {
        font-size: 14px;
        line-height: 1.5;
        font-weight: 400;
        letter-spacing: -.01em;
    }
    .as-pagination {
        left: 0;
        width: 100%;
    }
    .as-pagination .as-pagination-spacing {
        text-align: center;
        margin-top: 0;
    }
    .as-pagination .as-text-box {
        font-size: 14px;
        line-height: 1.5;
        font-weight: 400;
        letter-spacing: -.01em;
    }
    .as-pagination .as-text-box {
        width: 25px;
        height: 30px;
    }
    .as-pagination .as-pagination-spacing .as-pagination-totalnumbers {

        padding-left: 4px;
        color: #666;
        font-size: 14px;

    }
    .as-price-currentprice.pegadaian ins{
        position: absolute;top: -48px;left: 0;width: 100%;text-align: center;opacity: 0;
        transition: opacity .5s ease .22s;
    }
    .as-price-currentprice.pegadaian del{
        position: absolute;top: -30px;left: 0;width: 100%;text-align: center;opacity: 0;
        transition: opacity .5s ease .22s;
    }
    .as-producttile-titlepricewraper .as-price-currentprice.price{
        opacity: 1;
        transition: opacity .5s ease .22s;    
    }
    .ubslifestyle-price-select:checked ~ .as-producttile-titlepricewraper .as-price-currentprice.pegadaian ins, .ubslifestyle-price-select:checked ~ .as-producttile-titlepricewraper .as-price-currentprice.pegadaian del{
        opacity: 1;
    }
    .ubslifestyle-price-select:checked ~ .as-producttile-titlepricewraper .as-price-currentprice.price{
        opacity: 0;
    }
    .as-overlay .ase-overlay-sheetmaterializer {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
    .ase-overlay-materializer {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        z-index: 99999;
    }
    .ase-overlay-sheetmaterializer {
        position: static;
    }
    .as-overlay .ase-overlay-materializer {
        z-index: 9999;
        transition: opacity .5s ease-in-out;
        min-width: 1024px;
        /*max-height: inherit;*/
        height: auto;
    }
    .as-overlay .ase-overlay-materializer {
        min-width: 320px;
    }
    
    .ase-overlay-sheetmaterializer {
        position: static;
    }


    .ase-overlay-sheet {
        background: #fff;
        position: static;
    }
    .as-overlay .ase-overlay-sheet > * {
        display: block;
        position: relative;
        min-height: 565px;
        background-color: white;
    }
    .as-overlay-withscrim .ase-overlay-sheet .as-overlay-screen {
        border: none;
        box-sizing: border-box;
        min-height: 100vh;
    }

    .as-overlay .ase-overlay-sheet {
        margin: 0;
    }
    .as-filter-mobile {
        padding: 20px 6.25% 0;
    }
    .as-overlay-close {
        font-size: 40px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.048em;
        font-family: SF Pro Icons,AOS Icons;
        color: #888;
        position: absolute;
        top: 28px;
        left: 28px;
        width: 30px;
        height: 30px;
        padding: 20px;
        margin: -20px;
    }
    .as-overlay-close::after {
        top: -.45em;
        left: -.5em;
    }
    .as-overlay-close::after {
        content: "";
    }
    
    .as-overlay-close::after {
        font-family: SF Pro Icons,AOS Icons;
        color: inherit;
        display: inline-block;
        font-style: normal;
        font-weight: inherit;
        font-size: inherit;
        line-height: 1;
        text-decoration: none;
        position: relative;
        z-index: 1;
        alt: '';
    }
    .as-searchfilter-applycancelbutton {
        padding-top: 54px;
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
    }
    .as-searchfilter-overlaydone {
        width: 87.5%;
    }
    .button {
        font-size: 17px;
        line-height: 1.52947;
        font-weight: 400;
        letter-spacing: -.021em;
        background-color: #2462b7;
        background: linear-gradient(#42a1ec,#2462b7);
        border-color: #07c;
        border-width: 1px;
        border-style: solid;
        border-radius: 4px;
        color: white;
        cursor: pointer;
        display: inline-block;
        min-width: 30px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 3px;
        padding-bottom: 4px;
        text-align: center;
        white-space: nowrap;
    }
    .as-overlay-close {
        font-size: 32px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.024em;
        font-family: SF Pro Icons,AOS Icons;
    }

    .as-overlay-close {
        top: 37px;
        left: 11vw;
        width: 24px;
        height: 24px;
    }

    .as-searchoverlay-closeicon {
        color: #888;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .as-search-filter-container {
        padding: 20px 0 0;
    }

    .as-search-filter-container .as-accordion-list {
/*        border-top: 1px solid #e3e3e3;*/
    }

    .localnav{
        /*padding: 0;*/
    }
    /*#header{
        position: relative!important;
    }*/
    div.main{
        margin-top: 0!important;
    }
    .localnav-title {

        font-size: 20px;
        line-height: 1.25;
        font-weight: 500;
        letter-spacing: .012em;

    }
    .as-producttile-violatortext{
        font-size: 9px;
    }
    .as-producttile-violator{
        margin-top:3px;
    }
    .as-search-results-tiles .as-producttile-tilelink{
        font-size: 13px!important;
    }
    .as-search-results-tiles .as-producttile-currentprice{
        font-size: 12px!important;
    }
    .swipe-active-content{
        z-index: 1!important;
    }
}

