@media(max-width: 425px) {
	.works-item { width: 100% !important; }
}

.works-item { width: 33%; }

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- button ---- */

.button {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: transparent;
  border: none;
  border-radius: 7px;
  color: #888;
  font-size: 16px;
  text-shadow: 0 1px white;
  cursor: pointer;
}

.button:hover {
  color: #222;
}

.button.is-checked {
  color: black;
}

.button:focus {
	border: none !important;
	border-color: transparent !important;
	outline-offset: 0px !important;
	outline: none !important;
}

/* ---- button-group ---- */

.button-group {
  margin-bottom: 20px;
}

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }

/* element-item
------------------------- */

.works-item {
  position: relative;
  /*float: left;*/
  /*width: 150px;*/
  /*height: 150px;*/
  /*margin: 5px;*/
  /*padding: 10px;*/
  color: #262524;
}

.works-item > * {
  margin: 0;
  padding: 0;
}

.show-more {
  display: none;
  cursor: pointer;
}

#load-more{
  /*float:right;*/
  margin:15px;
}
.hidden{visibility:hidden;
  width:0px!important;
  height:0px!important;
  margin:0px!important;
  padding:0px!important;
}