.sub-categories {
	display:block;
}
	.sub-categories label {
		display:block;
		position:relative;
		padding:10px 0;
		cursor:pointer;
		font-weight:bold;
		font-size:13px;
	}
	.sub-categories label:hover {
		color:var(--black-active);
	}
	.expander-check {
		display:block
	}
		.expander-check input {
			display:none;
		} 
		.expander-check input:checked + b {
			background:var(--albano);
		}
		.expander-check input + b {
			display:block;
			border:1px solid var(--albano);
			border-radius:4px;
			height:0;
			width:16px;
			position:absolute;
			right:0;
			top:50%;
			margin-top:-8px;
			cursor:pointer;
			line-height:0;
			padding:9px 0 8px 0;
			text-align:center;
			font-size:0;
			transition:0.2s ease;
		}
		.expander-check input + b:hover {
			color:var(--black-active);
		}
		.expander-check input:checked + b {
			font-size:14px;
			line-height:0;
			color:var(--black-active);
		}
			.expander-check input + b:after {
				display:inline-block;
			   	content:"✓"; 
				font-size:inherit;
				color:#fff;
			}

.sorts {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin:0 10px;
}
	.sorts .option-picker {
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		align-items:center;
	}
		.sorts .option-picker span {
			display:block;
			margin-right:8px;
			text-transform:uppercase;
			font-size:11px;
		}

		.columns {
			display:flex;
			flex-direction:row;
		}
			.columns .column {
				width:24px;
				height:24px;
				padding:2px;
				display:flex;
				margin-right:8px;
				flex-direction:row;
				border:1px solid var(--grey);
				cursor:pointer;
			}
			.columns .column.vertical {
				flex-direction:column;
			}
				.columns .column i {
					flex:1;
					margin:1px;
					background:var(--grey);
					pointer-events:none;
				}
			.columns .column:hover {
				border-color:var(--black);
			}
				.columns .column:hover i {
					background:var(--black);
				}
			.columns .column.selected {
				border-color:var(--albano);
			}
				.columns .column.selected i {
					background:var(--albano);
				}
		.selectable {
			display:block;
			position:relative;
			cursor:pointer;
		}
			.selectable select {
				display:block;
				position:absolute;
				left:0;
				right:0;
				top:0;
				bottom:0;
				width:100%;
				height:100%;
				opacity:0;
				cursor:pointer;
			}
			.selectable label {
				display:block;
				position:relative;
				background:#fff;
				padding:10px 30px 10px 15px;
		    	border:1px solid var(--grey);
				pointer-events:none;
				text-transform:uppercase;
				letter-spacing:1px;
				font-size:12px;
			}
			.selectable label:after {
			    display:block;
			    content:"";
			    border-right:1px solid var(--stdin-text-default);
			    border-bottom:1px solid var(--stdin-text-default);
			    width:calc(var(--stdin-ui-input-icon-size)*0.5);
			    height:calc(var(--stdin-ui-input-icon-size)*0.5);
			    transform:rotate(45deg);
			    margin-left:10px;
			    line-height:0;
			    margin-top:-6px;
			    position:absolute;
			    right:var(--stdin-ui-input-padding);
			    top:50%;
			}

.send-search {}
	.send-search > .button {
		display:block;
		background:var(--yellow);
		border-radius:100px;
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:1px;
		text-align:center;
		padding:11px 0;
		text-transform:uppercase;
		width:100%;
		color:#fff;
		margin-top:25px;
		cursor:pointer;
		font-size:13px;
	}
	.send-search > .button[type=submit] {
		display:none;
	}
	.send-search > .button:hover {
		background:var(--yellow-active);
	}

.colors {
	display:block;
}
	.colors:after {
		display:block;
		content:"";
		clear:both;
	}
	.colors .color {
		display:block;
		float:left;
		width:50%;
		cursor:pointer;
	}
		.colors .color input {
			display:none;
		}
		.colors .color b {
			display:block;
		    position:relative;
		    padding:13px 13px 13px 40px;
		    box-sizing:border-box;
		    border:1px solid #ffffff00;
		    border-radius:6px;
		    margin:5px;
		    font-size:12px;
		}
		.colors .color b:hover {
			border-color:var(--albano);
		}
		.colors .color input:checked + b {
			background:#fff;
			color:var(--black-active);
			border-color:var(--albano);
		}
			.colors .color i {
				display:block;
				width:22px;
				height:22px;
				margin-top:-11px;
				position:absolute;
				left:8px;
				top:50%;
				border-radius:50%;;
			}
			.colors .color i:after {
				display:block;
				content:"";
				position:absolute;
				left:0;
				right:0;
				top:0;
				bottom:0;
				border-radius:inherit;
				border:1px solid rgba(0,0,0,0.15);
			}

.temporadas {
	display:block;
	margin:-5px;
}
	.temporadas .temporada {
		display:block;
		cursor:pointer;
	}
		.temporadas .temporada input {
			display:none;
		}
		.temporadas .temporada b,
		.temporadas .temporada a {
			display:block;
			position:relative;
			padding:8px 0;
			text-align:center;
			box-sizing:border-box;
			font-size:14px;
			background:#fff;
			border:1px solid #fff;
			border-radius:6px;
			margin:5px;
		}
		.temporadas .temporada b:hover {
			border-color:var(--albano);
		}
		.temporadas .temporada input:checked + b,
		.temporadas .temporada a.checked {
			border-color:var(--albano);
			background-color:var(--albano);
			color:#fff;
			font-weight:bold;
		}

.tallas {
	display:block;
	margin:-5px;
}
	.tallas:after {
		display:block;
		content:"";
		clear:both;
	}
	.tallas .talla {
		display:block;
		float:left;
		width:33%;
		cursor:pointer;
	}
		.tallas .talla input {
			display:none;
		}
		.tallas .talla b {
			display:block;
			position:relative;
			padding:8px 0;
			text-align:center;
			box-sizing:border-box;
			font-size:14px;
			background:#fff;
			border:1px solid #fff;
			border-radius:6px;
			margin:5px;
		}
		.tallas .talla b:hover {
			border-color:var(--albano);
		}
		.tallas .talla input:checked + b {
			border-color:var(--albano);
			background-color:var(--albano);
			color:#fff;
			font-weight:bold;
		}

.empty-result {
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:80px;
	background:#fff;
	justify-content:center;
	margin-top:10px;
}
	.empty-result > * {
		display:inline-block;
		text-align:center;
	}
	.empty-result > strong {
		font-size:18px;
	}
	.empty-result > a {
		display:block;
		background:var(--albano);
		border-radius:100px;
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:1px;
		text-align:center;
		padding:11px 16px;
		text-transform:uppercase;
		color:#fff;
		margin-top:25px;
		cursor:pointer;
		font-size:13px;
	}
	.empty-result > a:hover {
		display:block;
		background:var(--albano-active)
	}
.expander {
	border-bottom:1px solid var(--grey);
}
	.expander > span,
	.expander > label {
		display:flex;
		flex-direction:row;
		align-items:center;
		position:relative;
		padding:15px 0;
		text-transform:uppercase;
		letter-spacing:1px;
		font-weight:500;
		cursor:pointer;
		font-size:14px;
	}
	.expander > span:hover,
	.expander > label:hover {
		color:var(--black-active);
	}
	.expander > span:after {
		display:block;
		content:"";
		border-right:2px solid var(--albano);
		border-bottom:2px solid var(--albano);
		border-left:0 solid transparent;
		border-top:0 solid transparent;
		width:8px;
		height:8px;
		transform:rotate(45deg);
		margin-left:10px;
		line-height:0;
		position:absolute;
		right:3px;
		top:50%;
		margin-top:-7px;
		transition:0.1s ease;
	}
	.expander .expander-content {
		display:none;
		padding-bottom:25px;
	}
	.expander.expanded > span:after {
		x-transform:rotate(-135deg);
		margin-top:-2px;
		border-right-width:0;
		border-bottom-width:0;
		border-left-width:2px;
		border-top-width:2px;
		border-right-color:transparent;
		border-left-color:var(--albano);
		border-top-color:var(--albano);
	}
	.expander.expanded .expander-content {
		display:block;
	}



.pages {
	display:block;
	text-align:center;
	padding:30px 0;
}
	.pages a {
		display:inline-block;
		padding:15px 0;
		width:30px;
		text-align:center;
		line-height:0;
		border-radius:50%;
		color:var(--albano);
	}
	.pages a:hover {
		background:var(--yellow-light);
	}
	.pages a.selected {
		color:#fff;
		background:var(--yellow);
	}
	.pages a.disabled {
		color:var(--grey);
		pointer-events:none;
	}

.catalog-filter-button {
	display:none;
}
.catalog-filter-head {
	display:none;
}
@media only screen and (max-width:480px), only screen and (max-device-width:480px) {
	.section .body .filter {
		overflow:auto;
	}
	.send-search > .button[type=submit] {
		display:block;
		background:var(--albano);
	}
	.send-search > .button[type=submit]:hover {
		background:var(--albano-active);
	}
	.columns .column {
	    width: 22px;
	    height: 22px;
	    padding: 1px;
	    margin-right: 5px;
	}
	.sorts .option-picker span {
	    display: none;
	}
	.catalog-filter-head {
		display:block;
		margin-bottom:20px !important;
	}
	.catalog-filter-button {
	    display: inline-block;
	    background: #fff;
	    padding: 10px 12px;
	    margin: -10px 10px -10px 0;
	}
	.catalog-filter-close {
		float:right;
		margin-top:3px;
	}
}