.buttonS {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: #ffffff;
  border: none;
  //border-radius: 7px;
 // background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  color: #222;
  font-family: Arial;
  font-size: 14px;
 // text-shadow: 0 1px white;
  cursor: pointer;
}

.buttonS:hover {
  background-color: #3b3b3b;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #ffffff;
}

.buttonSactive,
.buttonS.is-checked {
  background-color: #3b3b3b;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
   color: #ffffff;
}

.buttonS.is-checked {
  color: white;
  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.buttonS:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

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

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

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

.button-groupS .buttonS:first-child {   }
.button-groupS .buttonS:last-child {  }

/* ---- isotope ---- */

.isotope {
 
}

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

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

.element-item {
  position: relative;
  float: left;

}



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

.element-item img {
    margin: 0px;
}
.element-style-1{
    color: #363636;
  width: 28%;
 
  margin: 10px;
  padding: 2px;
  overflow: hidden;
  border:solid #ffffff 5px;
    -moz-box- :0 0 5px #cccccc;
	-webkit-box-shadow: 0 0 5px #cccccc;
	box-shadow: 0 0 5px #cccccc;
}
.element-style-1 .nameS {
    font-size: 16px;
    height: 20px;
      overflow: hidden;
      margin-bottom: 4px;
        text-transform: none;
}
.element-style-1 .nameS a{
   color: #363636;
}
.element-style-1 a:hover{
   color: #da6e1f;
 text-decoration: underline;
}

.element-style-1 .detailShort {
    font-size: 12px;
  //  height: 37px;
      overflow: hidden;
}
.element-style-1 .desc {
   //background-color: #363636;
   padding: 2px;
   font-size: 12px;
   height: 23px;
   margin-top: 5px;
}

.element-style-2{
    color: #363636;
  width: 30%;
 
  margin: 10px;
  padding: 0px;
  overflow: hidden;
 
}
.element-style-2 .det{ 
border: solid 1px #dadada;
padding: 4px;
 display: table;
 width: 100%;
}

.element-style-2 .nameS {
    font-size: 16px;
    height: 20px;
      overflow: hidden;
      margin-bottom: 4px;
        text-transform: none;
}
.element-style-2 .nameS a{
   color: #363636;
}
.element-style-2 a:hover{
   color: #df640a;
 text-decoration: underline;
}

.element-style-2 .detailShort {
    font-size: 12px;
    //height: 37px;
      overflow: hidden;
}
.element-style-2 .desc {
   // border-top: #bbbbbb dotted 1px; 
   padding: 2px;
   font-size: 12px;
   height: 23px;
   margin-top: 5px;  
}

.element-style-3{
    color: #363636;
  width: 100%; 
  margin: 10px;
  padding: 3px;
  overflow: hidden;
 border: solid 1px #dadada;
}
.element-style-3 .thumbnail {
    width: 20%;
    float: left;
 
}
.element-style-3 .det{ 

padding: 4px;
 padding-left: 10px;
    float:left;
     
}

.element-style-3 .nameS {
    font-size: 16px;
    height: 20px;
      overflow: hidden;
      margin-bottom: 4px;
        text-transform: none;
}
.element-style-3 .nameS a{
   color: #363636;
}
.element-style-3 a:hover{
   color: #df640a;
 text-decoration: underline;
}

.element-style-3 .detailShort {
    font-size: 12px;
    //height: 70px;
      overflow: hidden;
}
.element-style-3 .desc {
    //border-top: #bbbbbb dotted 1px; 
   padding: 2px;
   font-size: 12px;
   //height: 23px;
   margin-top: 5px;
     width: 100%;
     display: block;
}
 

.isotope-3{
    margin-top: 20px;
 
}
.isotope-3 .element-item {
 margin-bottom: 20px;
 border: solid 1px #cccccc;
 padding: 10px;
}