/* Start: Recommended Isotope styles */
#container
{
    z-index: 1;
    width: 100%;
	float: left;
   
}
.isotope-hidden {
    display: none !important;
}
.CSItem {
    min-height: 50px;
}
/**** 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;
}

*/

/**** Isotope styles ****/

.csi
{
    width: 30%;
    display: block;
    margin: .5% .5%;
	float: left;
    color: #222;
    cursor: pointer;
    overflow: hidden;
}

.csi.TH {
  /*height: 125px;*/
  margin: 5px;
  overflow: hidden;
padding-top: 10px;
  color: #222;
  cursor: default;
}

.csi.FH {
  margin: 5px;
  overflow: hidden;
padding-top: 10px;
cursor: default;
  color: #222;
  width: 300px;
  float: left;
  min-width: 300px;
}

.csi.SSH {
  margin: 5px;
  overflow: hidden;
  max-height: 550px;
  color: #222;
  width: 300px;
  float: left;
  min-width: 300px;
  cursor: default;
}

.csi.DH, .csi.EH, .csi.NH {
  max-height: 500px;
  overflow: hidden;
cursor: default;
  color: #222;
}


/**** Infinite Scroll ****/
#infscr-loading
{
    position: fixed;
    text-align: center;
    bottom: 100px;
    left: 42%;
    z-index: 100;
    background: white;
    background: hsla( 0, 0%, 100%, 0.9 );
    padding: 20px;
    color: #222;
    font-size: 15px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

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



@media screen and (max-width: 1100px)
{
    .csi
    {
        width: 45%;
        display: block;
        margin: 1% 1%;
        color: #222;
        cursor: pointer;
        overflow: hidden;
    }

}


@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .csi
    {
        margin: 7px .5%;
    }
}