.clearfix:after {
  content: '.';
  line-height: 0;
  height: 0;
  overflow: hidden;
  display: block;
  clear: both;
  width: 100%;
  visibility: hidden;
}
.block {
  float: left;
}
.gutter {}
.block:nth-child(3n+1) .gutter { }
.block:nth-child(3n+2) .gutter { }
.block:nth-child(3n+3) .gutter { }
.full-block {
  width: 100%;
  min-height: 300px;
  color: #fff; 
}

.fly-1 {
  //opacity: 0;
  //transition: all 500ms ease-in-out;
 //transform: translateY(0px) translateX(-500px) scale(0.05) translate3d(0, 0, 0);
}
.fly-2 { float: right!important;
  //opacity: 0;
  //transition: all 400ms ease-in-out;
//  transform: translateY(0px) translateX(500px) scale(0.05) translate3d(0, 0, 0);
}
.fly-3 {
  //opacity: 0;
  //transition: all 300ms ease-in-out;
// transform: translateY(0px) translateX(-500px) scale(0.05) translate3d(0, 0, 0);
}


.show-block {
  opacity: 1; float: left; 
  transform: translateY(0) scale(1) translate3d(0, 0, 0);
}


 @media screen and ( max-width: 640px ) {

.block {
  float: none;
  width: 100%;
  min-height: 200px;
}
}