/*Created by Turgunoff.uz and Metatech.uz*/
.isotope-hidden {
    pointer-events: none;
    z-index: 1
}

.isotope,
.isotope  {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}

.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 {
    -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
}

#container {
    padding: 20px 0
}

.element {
    margin: 1px;
    float: left;
    overflow: hidden;
    position: relative;
    color: #222
}

.element * {
    position: absolute;
    margin: 0
}

.element .name {
    left: .5em;
    bottom: 1.6em;
    font-size: 1.05em
}

.element .number {
    font-size: 1.25em;
    font-weight: 700;
    color: hsla(0, 0%, 0%, .5);
    right: .5em;
    top: .5em
}

.element.large,
.variable-sizes .element.large,
.variable-sizes .element.large.width2.height2 {
    font-size: 3em;
    width: 350px;
    height: 350px;
    z-index: 100
}