.af-form {padding-top:5px}
#amazzing_filter.block .title_block {font-size:1.4em;font-weight:600;margin-bottom:5px;position:relative}
#amazzing_filter .btn {margin-top:10px;font-size:12px;text-transform:uppercase;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;overflow:hidden}
.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 {max-height:750px;overflow-y:auto;padding:0 5px;margin:0 -5px}
.af-parent-category > ul {margin:0 0 0 15px;padding:0;max-height:100%}
.af-form .hidden_inputs {display:none}
/* foldered */
.foldered .af-parent-category > label .name {padding-right:15px;position:relative}
.foldered .af-toggle-child:after {content:'+';font-family:Arial;position:absolute;padding:3px 5px;line-height:0.5em;font-size:1.5em}
.foldered .open > label .af-toggle-child:after {content:'−'}
.af_filter.foldered .af-parent-category > ul {display:none}
.af_filter.foldered .af-parent-category.open > ul {display: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 */background-position:50% 50%;background-repeat:no-repeat;background-size:cover;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:1px 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;margin-top:10px}
.selectedFilters .clearAll {padding:7px 5px;background:#D0D5DB;text-align:right;line-height:1}
.selectedFilters .clearAll .txt {font-size:0.7em;line-height:0;margin-top:0.7em;text-transform:uppercase;display:inline-block;vertical-align:top}
.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;color:#AAB2BD;opacity:1}

/* selected filters inline */
.selectedFilters.inline {margin:15px 0 5px 0;text-align:left;line-height:1.2}
.selectedFilters.inline .clearAll {float:right;padding:7px 10px 8px 10px;margin-bottom:10px;text-align:center}
.selectedFilters.inline .cf {padding:7px 7px 8px 10px;display:inline-block;margin:0 10px 10px 0}
.selectedFilters.inline .cf a {position:relative;right:0;margin-left:3px}
.selectedFilters.inline .clearAll i {display:none}
.selected-filters-label {margin-right:5px}
.has-compact-filter .selected-filters-label {display:none}

/* 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}
.dynamic-product-count {display:block;margin:0.5em 0 1.5em 0}
.relative-container {position:relative}
.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;transition:none}
.dynamic-loading .loading-indicator,
.dynamic-loading.loading .loadMore {visibility:hidden}
.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}

/* more filters */
#amazzing_filter .toggleMoreFilters,
#amazzing_filter .toggleMoreFilters:focus {margin-top:1em;background:#EAEDF0;color:#55696F;font-weight:500;letter-spacing:1px;outline:none}
.af-form.show-more-f .toggleMoreFilters .more-txt,
.af-form:not(.show-more-f) .toggleMoreFilters .less-txt,
.af-form:not(.show-more-f) .more-f {display:none}

/* toggle filters */
.af_subtitle {position:relative;margin:0;padding:7px 0;text-transform:uppercase;font-weight:normal}
.af_subtitle.toggle-content {cursor:pointer}
.af_subtitle.toggle-content:before {content:'';position:absolute;top:50%;margin-top:-2px;right:3px;border:2px solid #AAB2BD;width:7px;height:7px;border-width:2px 0 0 2px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.no-available-items .af_subtitle,
.no-available-items .af_filter_content {opacity:0.5;cursor:not-allowed;pointer-events:none}
.closed .af_filter_content,
.hide-zero-matches .no-available-items {display:none}
.closed .af_subtitle.toggle-content:before {border-width:0 2px 2px 0;margin-top:-5px}
.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:12px;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.toggle-content:before {right:7px}
.horizontal-layout .af_filter {border:0}
.horizontal-layout .af_filter_content {position:absolute;left:0;right:0;padding:5px 10px;background:#FFF;border:2px solid #AAB2BD;border-top-width:0;z-index:99999;margin-top:-2px}
.horizontal-layout .special .af_filter_content {position:relative;border-color:#D0D5DB;left:0;border-top-width:2px;margin:0;z-index:1}
.horizontal-layout .af_filter_content > ul {padding:0 10px;margin:0 -10px;max-height:500px}
.horizontal-layout .special .af_filter_content label  {margin:-1px 0;color:inherit}
.horizontal-layout .special .name {text-transform:uppercase;font-size:12px}
.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.toggle-content:before,
.horizontal-layout .has-selection .af_filter_content {border-color:#3CB5D2}
.horizontal-layout .has-selection .af_subtitle {color:#3CB5D2}
.horizontal-layout .af_filter .toggle-cut-off {bottom:0;border-top:1px solid #AAB2BD;margin:0 10px}
.horizontal-layout .af_filter .toggle-cut-off span {position:relative;top:-7px}
.horizontal-layout .af_filter.expandable .af_filter_content {padding-bottom:2em}
.horizontal-layout .toggleMoreFilters {width:100%}
.horizontal-layout .toggleMoreFilters i {float:right;line-height:0}
@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 .h-el {	float:left;	width:50%;	padding:0 5px 5px 5px;}.horizontal-layout .af_filter_content {	left:5px;	right:5px;}#amazzing_filter.horizontal-layout .btn {	padding:10px;	margin:0;	line-height:1;	border-width:2px;}
}
@media (min-width:768px) {.horizontal-layout .h-el {	width:33.3%;}
}
@media (min-width:1200px) {.horizontal-layout .h-el {	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() based on configurable @media max-width */opacity:1;z-index:10000001;top:0;width:100%;right:0;transform:translateX(100%);padding:0;background:#FFF;height:100%;overflow:visible;max-width:400px}
.has-compact-filter.show-filter #amazzing_filter {transform:translateX(0);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 #amazzing_filter .title_block {font-size:1.2em;text-transform:uppercase;background:#ECEFF0;padding:1em 25px;margin:0 0 10px 0}
.has-compact-filter .af.block .block_content {padding:0 25px 150px 25px;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
.has-compact-filter .af_filter.expandable ul {max-height:none}
.has-compact-filter #amazzing_filter .btn-holder {position:absolute;bottom:0;left:0;right:0;padding:0 25px 25px 25px;z-index:10}
.btn.compact-toggle.external,
.btn.compact-toggle.sticky {white-space:nowrap;outline:none}
.compact-toggle.external {font-size:inherit;letter-spacing:1px;margin-right:15px;width:auto}
#amazzing_filter .compact-toggle.sticky {position:absolute;height:32px;line-height:32px;letter-spacing:2px;top:50%;left:-16px;transform:rotate(-90deg);transform-origin:left;padding:0 10px;margin:0;border-radius:0;box-shadow:none;transition:opacity .3s}
.show-filter #amazzing_filter .compact-toggle.sticky {opacity:0}
.compact-toggle.sticky .compact-toggle-icon {font-size:16px;display:inline-block;vertical-align:middle;transform:rotate(90deg)}
.compact-toggle.type-1 .compact-toggle-icon {margin-right:5px}
#amazzing_filter .compact-close {position:absolute;top:0;right:0;bottom:0;padding:5px 25px;letter-spacing:1px;color:#55696F;background:none;margin:0;border:0;border-radius:0;box-shadow:none;outline:none}
#amazzing_filter .compact-close:after {content:'';display:inline-block;width:8px;height:8px;vertical-align:middle;margin:-3px 0 0 5px;border-style:solid;border-width:2px 2px 0 0;transform:rotate(45deg)}
/* compact offset left */
.has-compact-filter #amazzing_filter.compact-offset-left {transform:translateX(-100%);left:0;right:auto}
.has-compact-filter.show-filter #amazzing_filter.compact-offset-left {transform:translateX(0)}
#amazzing_filter.compact-offset-left .compact-toggle.sticky {transform-origin:right;top:40%;right:-16px;left:auto}
#amazzing_filter.compact-offset-left .compact-close:after {border-width:0 0 2px 2px;float:left;margin:4px 5px 0 0}
.af-compact-overlay {position:fixed;top:0;right:0;bottom:0;left:0;background:#333;opacity:0;transition:opacity .3s;z-index:10000000}
.af-compact-overlay.show {opacity:0.3}
.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);}
}
.is-iphone .qsInput,
.is-iphone .input-text {font-size:16px; /* no zoom on focusing input on iPhone */
}
/* 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}
.text-center {text-align:center}