/* Controls
---------------------------------------------------------------------- */
.cd-filter-block h4 {
	position: relative;
	width: 100%;
	margin-top:10px;
	padding: 10px 0 10px 0px;
	color: #212121;
	text-transform:none !important;
	font-family: 'Bold', Calibri, Arial, sans-serif;
	font-size: 16px;
	line-height: 17px;
	letter-spacing: -.3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	}
.cd-filter-block h4.closed {
	position: relative;
	width: 100% !important;
	}

.spaceFilter label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
.spaceFilter label img{ /* IMAGE STYLES */
  cursor:pointer;
  border:none;
	opacity:1;
	width:100%
}
.spaceFilter label input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:none;
	opacity:1;
	border:1px solid #212121;
	border-radius:100%
}
.spaceFilter label input[type="checkbox"]:not(:checked) + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:1px solid #f2f2f2;
	border-radius:100%;
	opacity:1
}
.spaceFilter label > div {
	width:55px;
	text-align:center;
	font-size:8px;
	font-family: 'Normal';
	margin-bottom:3px;
	margin-top:2px}

.spaceFilter.stampaVersace label input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:none;
	opacity:1;
	border:1px solid #212121;
	border-radius:0px
}
.spaceFilter.stampaVersace label input[type="checkbox"]:not(:checked) + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:1px solid #f2f2f2;
	border-radius:0px;
	opacity:1
}
.spaceFilter.stampaVersace label > div {
	width:119px;
	text-align:center;
	font-size:8px;
	font-family: 'Normal';
	margin-bottom:3px;
	margin-top:2px}

.controls {}
.control-group {
    display: inline-block;
    margin-left: .75rem;
    vertical-align: top;
}
.control {
    position: relative;
    display: inline-block;
    width:100%;
    height: 2.7rem;
    background: #fff;
		border:1px solid #222222;
    cursor: pointer;
    font-size: 0.1px;
    color:#222222 ;
    transition: background 150ms;
}
.control-text {
    font-family: 'Bold', Calibri, Arial, sans-serif;
		color:#222222;
		font-size:12px;
		line-height:16px;
}
.control:not(.mixitup-control-active):hover {
    background: #3f3f3f;
		color:#ffffff;
}
.control-sort:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-left: 2px solid;
    top: calc(50% - 6px);
    left: calc(50% - 6px);
    transform:  translateY(2px) rotate(45deg);
}
.control-sort[data-sort*=":desc"]:after {
    transform:  translateY(-3px) rotate(-135deg);
}
.mixitup-control-active {/*background: #393939;*/}
/*.checkbox-group {display: inline-block;}*/
.checkbox {
    text-align: center;
}
.checkbox:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.checkbox-input,
.checkbox-label {
    display: inline-block;
}
.checkbox-group-label,
.checkbox-label {
    color: white;
    font-family: 'helvetica-neue', arial, sans-serif;
    font-size: .9rem;
}
.checkbox-group-label {
    font-weight: bold;
    display: block;
    margin-bottom: .5rem;
}
.checkbox-label {
    margin-right: .5rem;
}
/* Container
---------------------------------------------------------------------- */
.containerColl {
    text-align: justify !important;
 		width: 100%;
}
/* Target Elements
---------------------------------------------------------------------- */
a .mix,
.gap {
    display: inline-block;
		margin-bottom: 24px;
		/*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);*/
		position: relative;
}
a .mix {position: relative;}
a .mix figure {margin: 0 !important;}
a .mix figure h4 {margin-bottom: 0 !important; margin-top: 5px; text-transform: uppercase; font-family: 'Bold', Calibri, Arial, sans-serif; font-size: 12px; letter-spacing: 0px}

a .mix:before {display: inline-block;}
/* Grid Breakpoints
---------------------------------------------------------------------- */
/* 2 Columns */
.mix,
.gap {
    width:24%;
}

@media only screen and (max-width: 767px) {	
	.mix,.gap {width:100%;}
}
@media only screen and (min-width: 768px) {	
	.mix,.gap {width:48%;}
}
@media only screen and (min-width: 1170px) {
  .mix,.gap {width:32.5%;}
}

input.cd-filter-trigger, input.cd-close {
	border:none !important;
	color:#333333}

.highlight {
	background-color: #cccccc;
	width: 290px;
	height: 50px;
	padding-left: 200px
}
@media only screen and (max-width: 576px) {	
	.highlight {
		background-color: #cccccc;
		width: 100%;
		height: 50px;
		padding-left: 200px;
		text-align: right !important
	}
}