.worksbottom {
float: left;
width: 100%;
height: 5px;
background-image: url(../img/section-works/bgworksbottom.jpg);
background-repeat: repeat;
margin-top: 5px;
}

#filters {
margin: 0px;
padding: 0px;
list-style: none;
width: 100%;
text-align: center;
}

#filters li {
margin: 10px 10px;
padding: 5px 0px;
display: inline-block;
font-size: 17px;
font-family: 'oswaldlight';
}
#filters li a {
padding: 5px 10px;
color: #FFF;
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
.orange a {
background-color: #3c2625;
border-bottom: 2px solid #889a9e;
}
.selected {
background-color: #e0a6a5 !important;
border-bottom: 2px solid #bb7374 !important;
}

.ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}



.worksarrow {
float: left;
width: 25px;
height: 25px;
margin-bottom: 5px;
}


/* Start Isotope */

/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.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 .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;
}
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}
/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */
#containerisotope {
  margin-bottom:0px;
  padding:0px;
  float:left;
  width:100%;
}

.element {
  width: 220px;
  height: 220px;
  margin: 10px;
  float: none;
  overflow: hidden;
  position: relative;
  background-color:#f5f5f5;
  border:1px solid #ededed;
  display:block;
}
.element img,.element h2, .element p {
  width:100%;
  float:left;
  text-align:center;
}
.element p{
  margin:5px 0px;
}

/* The Magnificent Clear: nicolasgallagher.com/micro-clearfix-hack/ */
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clear { zoom: 1; }
/* End Isotope */