#amazzing_filter form {

    padding-top: 5px;

}



#amazzing_filter.block .title_block {

    margin-bottom: 5px;

}



#amazzing_filter .btn-holder .btn {

    margin-top: 10px;

    position: relative;

}



.af_filter {

    position: relative;

    margin-bottom: 5px;

    border-bottom: 1px solid #D0D5DB;

    padding-bottom: 5px;

}



.vertical-layout .af_filter.type-3:not(.closed) {

    padding-bottom: 10px;

}



.af_filter li {

    padding: 3px 0;

    margin: 0;

    position: relative;

}



.af_filter li,

.hide-zero-matches .no-matches.active {

    display: block;

}



.hide-zero-matches .no-matches {

    display: none;

}



.af_filter label {

    font-weight: normal;

    text-align: left;

    cursor: pointer;

    margin: 0;

    padding: 2px 0;

    line-height: 1em;

    display: flex;

    align-items: flex-start;

}



.af_filter .af-color-label {

    align-items: center;

    padding: 0;

}



.af_filter ul {

    margin: 0;

}



.af-parent-category>ul {

    margin: 0 0 0 15px;

    max-height: 100%;

}





/* foldered */



.af_filter .af-toggle-child {

    padding: 0 5px;

    font-size: 20px;

    font-family: Arial;

    display: none;

}



.af_filter.foldered .af-parent-category>ul,

.af_filter.foldered .af-parent-category>label .af-toggle-child .visible-on-open,

.af_filter.foldered .af-parent-category.open>label .af-toggle-child .hidden-on-open {

    display: none;

}



.af_filter.foldered .af-parent-category.open>ul {

    display: block

}



.af_filter.foldered .af-toggle-child,

.af_filter.foldered .af-parent-category.open>label .af-toggle-child .visible-on-open {

    display: inline-block;

}



.af_filter .name {

    padding-left: 5px;

}



.af_filter .count {

    color: #D0D5DB;

    margin-left: auto;

    padding-left: 3px;

}



.af-total-count {

    opacity: 0.5;

}



.af_filter .count:before,

.af-total-count:before {

    content: '(';

}



.af_filter .count:after,

.af-total-count:after {

    content: ')';

}



.af_filter select {

    width: 100%;

    padding: 5px;

    border: 2px solid #D0D5DB;

}



.af_filter .checkbox,

.af_filter .radio {

    margin: 0;

    min-height: 0;

}





/* color boxes */



.af-color-box {

    display: inline-block;

    width: 25px;

    height: 25px;

    min-width: 25px;

    /* if .name overlaps to new line */

    border-radius: 50%;

    text-align: center;

    position: relative;

    box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.2);

}



.active .af-color-box {

    width: 15px;

    min-width: 15px;

    height: 15px;

    margin: 5px;

}



.active .af-color-box:after {

    content: '';

    position: absolute;

    top: -5px;

    right: -5px;

    bottom: -5px;

    left: -5px;

    border: 2px solid #D0D5DB;

    border-radius: 50%;

}



.af-inline-colors {

    display: inline-block;

    width: 100%;

}



.af-inline-colors li {

    float: left;

    margin: 2px 4px 2px 0;

}



.af-color-box .checkbox,

.af-color-box .radio,

.af-inline-colors .name,

.af-inline-colors .count {

    display: none;

}





/* dimmed values */



.dim-zero-matches .no-matches>label {

    opacity: 0.4;

    cursor: no-drop;

}



.dim-zero-matches .no-matches.active>label {

    cursor: pointer;

}



.dim-zero-matches .no-matches .af-color-box:before {

    content: '';

    position: absolute;

    display: block;

    border-bottom: 2px solid #FFF;

    width: 23px;

    top: 50%;

    margin: -1px 0 0 1px;

    transform: rotate(-45deg);

}



.dim-zero-matches .no-matches .af-color-box.bright:before {

    border-color: #D0D5DB;

}



.dim-zero-matches .no-matches.active .af-color-box:before {

    left: -6px;

}





/* text boxes */



.af_filter.tb li {

    float: left;

    border: 2px solid #D0D5DB;

    border-radius: 5px;

    margin: 0 4px 4px 0;

    padding: 6px;

    line-height: 1;

}



.af_filter.tb li.active {

    border-color: #AAB2BD;

    background: #F1F3F4;

}



.af_filter.tb label,

.af_filter.tb .name {

    padding: 0;

    margin: 0;

}



.af_filter.tb .checkbox {

    display: none;

}





/* selected filters */



.selectedFilters {

    clear: both;

}



.selectedFilters .clearAll {

    padding: 7px 5px;

    line-height: 1;

}



.selectedFilters .clearAll .txt {

    display: inline-block;

    vertical-align: top;

    color: #F7931E;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: bold;

}



.selectedFilters .clearAll i {

    vertical-align: middle;

    margin-left: 3px;

}



.selectedFilters .clearAll a {

    color: #666;

    display: block;

}



.selectedFilters .cf {

    padding: 7px 25px 7px 5px;

    background: #ECEFF0;

    position: relative;

    line-height: 1;

}



.selectedFilters .cf a {

    position: absolute;

    float: none;

    right: 7px;

    font-size: 1em;

    opacity: 0.3;

}





/* selected filters inline */



.selectedFilters.inline {

    margin: 0;

    text-align: left;

    line-height: 56px;

    border: 1px solid #DDE0E3;

    margin-bottom: -5px;

    display: inline-block;

    width: 100%;

    min-height: 58px;

    padding: 0 18px;

    box-sizing: BORDER-BOX;

}



.selectedFilters.inline .clearAll:hover .txt {

    text-decoration: underline;

}



.selectedFilters.inline .clearAll {

    float: right;

    padding: 0;

    padding-left: 22px;

    text-align: center;

    margin: 20px 0;

    box-sizing: BORDER-BOX;

    background-color: transparent;

    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.092%22%20height%3D%2214.792%22%20viewBox%3D%220%200%2011.092%2014.792%22%3E%3Cg%20id%3D%22bin-with-lid%22%20transform%3D%22translate(0.539)%22%3E%3Cg%20id%3D%22Group_2453%22%20data-name%3D%22Group%202453%22%20transform%3D%22translate(0)%22%3E%3Cpath%20id%3D%22Path_1285%22%20data-name%3D%22Path%201285%22%20d%3D%22M107.183%2C170.8H98.1a.5.5%2C0%2C0%2C0-.5.5v7.771a2.4%2C2.4%2C0%2C0%2C0%2C2.4%2C2.4h5.283a2.4%2C2.4%2C0%2C0%2C0%2C2.4-2.4V171.3A.5.5%2C0%2C0%2C0%2C107.183%2C170.8Zm-5.735%2C7.668a.611.611%2C0%2C0%2C1-1.222%2C0V173.8a.611.611%2C0%2C0%2C1%2C1.222%2C0Zm3.614%2C0a.611.611%2C0%2C0%2C1-1.222%2C0V173.8a.611.611%2C0%2C0%2C1%2C1.222%2C0Z%22%20transform%3D%22translate(-97.637%20-166.676)%22%20fill%3D%22%23f7931e%22%2F%3E%3Cpath%20id%3D%22Path_1286%22%20data-name%3D%22Path%201286%22%20d%3D%22M86.131.774H83.964V.586A.587.587%2C0%2C0%2C0%2C83.378%2C0H80.8a.587.587%2C0%2C0%2C0-.586.586V.774H78.049a1.507%2C1.507%2C0%2C0%2C0-1.5%2C1.5v.965a.313.313%2C0%2C0%2C0%2C.313.312H87.323a.312.312%2C0%2C0%2C0%2C.312-.312V2.279A1.506%2C1.506%2C0%2C0%2C0%2C86.131.774Z%22%20transform%3D%22translate(-77.083)%22%20fill%3D%22%23f7931e%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");

    background-repeat: no-repeat;

    background-position: left center;

}



.selectedFilters.inline .cf {

    padding: 0;

    display: block;

    margin: 0;

    color: #223A50;

    font-size: 12px;

    font-weight: bold;

    text-transform: uppercase;

    background: transparent;

    margin: 14px 0;

    float: left;

    margin-right: 20px;

}



.selectedFilters.inline .cf span {

    padding: 7px 7px 8px 10px;

    display: inline-block;

    margin: 0;

    color: #223A50;

    font-size: 11px;

    font-weight: 400;

    background: transparent;

    border: 1px solid #DDE0E3;

    border-radius: 16px;

    margin-left: 5px;

    padding-right: 20px;

    margin-right: 0;

}



.selectedFilters.inline .cf a {

    position: relative;

    right: 0;

    margin-left: 3px;

    position: absolute;

    right: 5px;

    top: 8px;

}



.has-compact-filter .selectedFilters.inline .clearAll {

    float: none;

}



.selectedFilters.inline .clearAll i {

    display: none;

}



.selected-filters-label {

    margin-right: 5px;

}



.has-compact-filter .selected-filters-label {

    display: none;

}





/* customer filters */



.selectedFilters .unlocked,

.af .unlocked a {

    color: #AAB2BD;

}



.hide-zero-matches .no-matches.has-customer-filter {

    display: block;

}



.active .customer-filter-label .af-color-box a {

    color: #FFF;

    line-height: 25px;

}



.active .customer-filter-label .af-color-box {

    width: 25px;

    min-width: 25px;

    height: 25px;

    margin: 0;

}



.active .customer-filter-label .af-color-box:after {

    display: none;

}



.af_filter .active .customer-filter-label .af-color-box.bright a {

    color: #AAB2BD;

}



.dim-zero-matches .no-matches.active .customer-filter-label .af-color-box:before {

    left: 0;

}



.af-textbox-label.customer-filter-label>a {

    line-height: 0;

    margin-right: 5px;

}



.customer-filter-label.for-select {

    float: left;

    line-height: 30px;

}



.selector-with-customer-filter {

    padding-left: 15px;

}





/* loading animation */



.loading-indicator,

.viewFilteredProducts.loading:after {

    content: '';

    position: absolute;

    display: inline-block;

    width: 18px;

    height: 18px;

    left: 50%;

    top: 50%;

    margin-left: -9px;

    margin-top: -9px;

    bottom: 0.5em;

    border: 2px solid;

    border-left-color: transparent;

    opacity: 0.5;

    border-radius: 100%;

    z-index: 2;

    animation: spinning 0.4s infinite linear;

}



.viewFilteredProducts.loading {

    pointer-events: none;

}



.viewFilteredProducts.loading:before {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: inherit;

    border-radius: inherit;

    z-index: 1;

}





/* load more, infinite scroll */



.dynamic-loading {

    text-align: center;

    margin-bottom: 2em;

    position: relative;

    clear: both;

}



.dynamic-loading.infinite-scroll {

    margin: 0;

}



.infinite-scroll .loading-indicator {

    position: relative;

    left: auto;

}



.dynamic-loading.infinite-scroll .loadMore {

    display: none;

}



.dynamic-loading .loadMore,

.dynamic-loading.loading .loading-indicator {

    visibility: visible;

}



.dynamic-loading .loading-indicator,

.dynamic-loading.loading .loadMore {

    visibility: hidden;

}



.hidden-name .name {

    display: none;

}



.btn.full-width {

    width: 100%;

}



.force-hidden {

    display: none;

}



.af-basic-layout {

    margin-top: 15px;

}



.af-basic-layout .showall {

    display: none;

}



.hide-counters .count {

    display: none;

}



#amazzing_filter a,

#amazzing_filter a:focus {

    text-decoration: none;

}





/* cut off */



.af_filter .toggle-cut-off {

    position: absolute;

    left: 0;

    right: 0;

    bottom: -7px;

    font-size: 14px;

    line-height: 14px;

    text-align: center;

    display: none;

}



.af_filter.expandable .toggle-cut-off {

    display: block;

}



.af_filter.expandable .af_filter_content {

    margin-bottom: 0.3em;

}



.toggle-cut-off span {

    padding: 0 5px;

    background: #FFF;

    color: #AAB2BD;

}



.toggle-cut-off .more,

.cut-off .toggle-cut-off .less,

.cut-off .cut {

    display: none;

}



.cut-off .toggle-cut-off .more,

.toggle-cut-off .less {

    display: inline-block;

}





/* toggle filters */



.af_subtitle {

    cursor: pointer;

    position: relative;

    margin: 0;

    padding: 0px 0 10px;

    font-size: 1.1em;

    font-weight: bold;

}



.no-available-items .af_subtitle {

    opacity: 0.5;

    cursor: not-allowed;

}



.closed .af_filter_content,

.af_filter.expandable.closed .toggle-cut-off,

.hide-zero-matches .no-available-items {

    display: none;

}



.special .af_filter_content {

    display: block;

    margin: 10px 0 5px 0;

}





/* quick search */



.af-quick-search {

    position: relative;

    margin-bottom: 0.7em;

}



.af-quick-search:before {

    content: '';

    position: absolute;

    right: 0.6em;

    top: 0.6em;

    display: block;

    width: 11px;

    height: 11px;

    border: 2px solid #AAB2BD;

    border-radius: 100%;

    z-index: 1;

}



.af-quick-search:after {

    content: '';

    position: absolute;

    display: block;

    height: 5px;

    width: 0;

    border: 1px solid #AAB2BD;

    top: 0.7em;

    right: 0.6em;

    transform: rotate(45deg);

    z-index: 1;

    margin-top: 8px;

    margin-right: 10px;

}



.qsInput {

    border: 2px solid #F5F5F5;

    transition: all 0.2s;

    background: #F5F5F5;

    width: 100%;

    padding: 4px;

    position: relative;

}



body .qsInput:focus,

.qsInput.has-value {

    background: #FAFAFA;

    border: 2px solid #AAB2BD;

    outline: none;

    z-index: 2;

}



.af_filter li.qs-hidden {

    display: none;

}



.af_filter li.qs-hidden.active,

.af_filter li.qs-hidden.qs-half-hidden {

    display: block;

}



.af_filter li.qs-hidden.active>label,

.af_filter li.qs-hidden.qs-half-hidden>label {

    opacity: 0.5;

}



.qs-no-matches {

    margin: 0.7em 0;

    padding: 0.5em;

}





/* horizontal layout */



.horizontal-layout .title_block {

    display: none;

}



.horizontal-layout #af_form {

    padding: 0;

}



.horizontal-layout .af_subtitle {

    background: #FFF;

    border: 2px solid #AAB2BD;

    padding: 10px 20px 10px 10px;

    text-transform: uppercase;

    font-size: 0.8em;

    line-height: 1;

    font-weight: normal;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.horizontal-layout .closed .af_subtitle {

    border-color: #D0D5DB;

}



.horizontal-layout .af_subtitle:before {

    right: 7px;

}



.horizontal-layout .af_filter {

    border: 0;

}



.horizontal-layout .af_filter_content {

    position: absolute;

    padding: 5px 10px;

    left: 0;

    right: 0;

    background: #FFF;

    border: 2px solid #AAB2BD;

    border-top-width: 0;

    overflow-y: auto;

    z-index: 99999;

    margin-top: -2px;

    max-height: 310px;

}



.horizontal-layout .special .af_filter_content {

    position: relative;

    border-color: #D0D5DB;

    left: 0;

    border-top-width: 2px;

    margin: 0;

    z-index: 1;

}



.horizontal-layout .special .af_filter_content label {

    margin: -1px 0;

    color: inherit;

}



.horizontal-layout .special .name {

    text-transform: uppercase;

    font-size: 0.8em;

}



.horizontal-layout .type-3 .af_filter_content,

.horizontal-layout .has-slider .af_filter_content {

    overflow: visible;

    padding-bottom: 10px;

}



.horizontal-layout .has-selection .af_subtitle,

.horizontal-layout .has-selection .af_subtitle:before,

.horizontal-layout .has-selection .af_filter_content {

    border-color: #3CB5D2;

}



.horizontal-layout .has-selection .af_subtitle {

    color: #3CB5D2;

}



@media (min-width: 480px) {

    .horizontal-layout {

        margin: 0 -5px 10px -5px;

    }

    .horizontal-layout:after {

        content: '';

        display: block;

        clear: both;

    }

    .horizontal-layout .selectedFilters {

        margin: 0 5px;

    }

    .horizontal-layout .af_filter,

    .horizontal-layout .btn-holder {

        float: left;

        width: 50%;

        padding: 0 5px 5px 5px;

    }

    .horizontal-layout .af_filter_content {

        left: 5px;

        right: 5px;

    }

    #amazzing_filter.horizontal-layout .btn-holder .btn {

        margin: 0;

        line-height: 1;

        padding: 9px;

    }

}



@media (min-width: 768px) {

    .horizontal-layout .af_filter,

    .horizontal-layout .btn-holder {

        width: 33.3%;

    }

}



@media (min-width: 1200px) {

    .horizontal-layout .af_filter,

    .horizontal-layout .btn-holder {

        width: 25%;

    }

}





/* compact view */



.has-compact-filter.show-filter {

    overflow: hidden;

    position: fixed;

    width: 100%;

    height: auto;

}



.has-compact-filter #amazzing_filter {

    /* position fixed is defined in hookDisplayHeader() basing on configurable @media max-width */

    opacity: 1;

    z-index: 10001;

    top: 0;

    width: 100%;

    right: 0;

    transform: translateX(100%);

    padding: 0 32px 0 0;

    background: #FFF;

    height: 100%;

    overflow: visible;

    /*max-width: 350px;*/

}



.has-compact-filter.show-filter #amazzing_filter {

    transform: translateX(32px);

    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);

}



.has-compact-filter #amazzing_filter.animation-ready {

    transition: all .2s;

}



.has-compact-filter .af.block .block_content {

    padding: 10px;

    max-height: 100%;

    overflow-y: auto;

}



.has-compact-filter.show-filter .af.block .block_content,

.has-compact-filter.show-filter .af_filter.type-1 .af_filter_content,

.has-compact-filter.show-filter .af_filter.type-2 .af_filter_content {

    -webkit-overflow-scrolling: touch;

}



.has-compact-filter .af.block .block_content form {

    padding-bottom: 80px;

}



.has-compact-filter #amazzing_filter .btn-holder {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 32px;

    padding: 15px 10px;

    background: #EEE;

    z-index: 10;

}



#amazzing_filter .compact-toggle {

    position: absolute;

    top: 50%;

    margin-top: -16px;

    left: -32px;

    text-align: center;

    display: none;

    box-shadow: none;

    padding: 0;

}



.has-compact-filter #amazzing_filter .compact-toggle {

    display: block;

}



.compact-toggle-text {

    position: absolute;

    transform: rotate( 270deg);

    transform-origin: left;

    left: 16px;

    bottom: 16px;

    background: inherit;

    padding-right: 7px;

    letter-spacing: 3px;

    text-transform: uppercase;

    font-size: 12px;

    line-height: 32px;

    white-space: nowrap;

    color: #223A50;

    font-weight: bold;

}



.compact-toggle .compact-toggle-icon {

    display: block;

    width: 32px;

    height: 32px;

    line-height: 32px;

    font-size: 18px;

}





/* compact offset left */



.has-compact-filter #amazzing_filter.compact-offset-left {

    transform: translateX(-100%);

}



.has-compact-filter.show-filter #amazzing_filter.compact-offset-left {

    transform: translateX(-32px);

    padding-left: 32px;

    padding-right: 0;

}



#amazzing_filter.compact-offset-left .compact-toggle {

    transform-origin: right;

    right: -32px;

    left: auto;

}



.has-compact-filter #amazzing_filter.compact-offset-left .btn-holder {

    left: 32px;

    right: 0;

}





/* type-2: only text */



.compact-toggle.type-2 .compact-toggle-icon {

    opacity: 0;

}



.compact-toggle.type-2 .compact-toggle-text {

    bottom: -6px;

}





/* type-3: only icon */



.compact-toggle.type-3 .compact-toggle-text {

    display: none;

}



.af-compact-overlay {

    display: none;

}



.has-compact-filter .af-compact-overlay {

    display: block;

    position: fixed;

    opacity: 0;

    margin: 0;

    transition: all 0.3s;

}



.has-compact-filter.show-filter .af-compact-overlay {

    background: #333;

    opacity: 0.3;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 10000;

}



.has-compact-filter #amazzing_filter .title_block {

    display: none;

}



.btn-pulsate {

    animation: btn-pulsate .3s;

}



@keyframes btn-pulsate {

    20% {

        transform: scale(0.95)

    }

    40% {

        transform: scale(1.05)

    }

    60% {

        transform: scale(0.98)

    }

    80% {

        transform: scale(1.02)

    }

}



@keyframes spinning {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}





/* extended compatibility */



.u-times:before {

    content: '×';

    font-family: Tahoma;

    font-size: 1em;

    line-height: 1;

}



.pull-left {

    float: left;

}



.pull-right {

    float: right;

}



.hidden {

    display: none!important;

}



.clear-both {

    clear: both;

}





/* since 3.1.7 */