#containeritems {
  margin: 20px;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  vertical-align: top;
}

.item {
	width: 240px;
	min-height:25px;
	display: inline-block;
	background: #f8f8f8;
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 15px;
	cursor: pointer;
	vertical-align: top;
}

.item.big {
  width: 240px;
  display: block;
}

.item.event , .item.event.big{
	width: 520px;
}


.item.event ul li{
	list-style: disc;
	padding-left: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
}

.item  .collapse-item{
 display: none;
}

.item.big  .collapse-item{
 display: block;
}

.item.big  .collapse-item .the-content a:before{
  content: "- "
}

.item.event.big .collapse-item .the-content a:before{
  content: ""
}

.item-content {
  width: 100%;
  display: block;
  opacity: 1;
  box-sizing: border-box;
  color: #000;
}

.collapse-item p.thedate i{
  color: #000;
  font-weight: bold;
}

.collapse-item p.thedate {
  margin-bottom: 5px;
}

.item-content h4{
	font-size: 14px;
	color: #818fcf;
	text-decoration: none;
}

.ag-pv{
	background: #f2f2f2 none repeat scroll 0 0;
    box-sizing: border-box;
    height: 25px;
    margin-top: 10px;
    padding: 5px 10px;
    width: 100%;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;

}

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

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