body {
	margin 10px;
    font-family: sans-serif;
    font-size: 12px;
}

#container {
    width: 100%;
    clear: both;
}

.item {
    width: 100px;
	height: 250px;
    float: left;
}

.label {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    text-align: right;
    width: 125px;
    line-height: 20px;
}

.select-group {
    margin-top: 5px;
    width: 170px;
    height: 20px;
}

/* Isotope */
 .isotope, .isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
 .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

isotope-hidden {
    display: none!important;
}

/**** Isotope filtering ****/
 .isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}