.ih-item {
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
  }
  .ih-item,
  .ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ih-item a {
    color: #333;
  }
  .ih-item a:hover {
    text-decoration: none;
  }
  .ih-item img {
    width: 100%;
    height: 100%;
  }
  
  .ih-item.square {
    position: relative;
    width: auto;
    height: auto;  
 /*   width: 316px;
    height: 216px;
    border: 8px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); */
    border-bottom: 8px solid #2ba84a;
  }
  .ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
 /*------------------------------------------------------- */
 
  .ih-item.square.effect8 {
    overflow: hidden;
  }
  .ih-item.square.effect8.colored .info {
    background: #2ba84a;
  }
  .ih-item.square.effect8.colored .info h3 {
    background: rgba(43, 168, 74, 0.6);
  }
  .ih-item.square.effect8 .img {
    opacity: 1;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
  }
  .ih-item.square.effect8 .info {
    background: #333333;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
  }
  .ih-item.square.effect8 .info h3 {
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    padding: 10px;
    background: #111111;
    margin: 30px 0 0 0;
    -webkit-transition: all 0.35s 0.1s ease-in-out;
    -moz-transition: all 0.35s 0.1s ease-in-out;
    transition: all 0.35s 0.1s ease-in-out;
  }
  .ih-item.square.effect8 .info p {
    font-size: 1.2rem;
    position: relative;
    color: #ffffff;
    padding: 20px 20px 20px;
    text-align: center;
    -webkit-transition: all 0.35s 0.15s linear;
    -moz-transition: all 0.35s 0.15s linear;
    transition: all 0.35s 0.15s linear;
  }
  .ih-item.square.effect8 a:hover .img {
    opacity: 0;
  }
  .ih-item.square.effect8 a:hover .info {
    visibility: visible;
    opacity: 1;
  }
  
  .ih-item.square.effect8.scale_up .img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .ih-item.square.effect8.scale_up .info {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  .ih-item.square.effect8.scale_up .info h3,
  .ih-item.square.effect8.scale_up .info p {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  .ih-item.square.effect8.scale_up a:hover .img {
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
  }
  .ih-item.square.effect8.scale_up a:hover .info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .ih-item.square.effect8.scale_up a:hover .info h3,
  .ih-item.square.effect8.scale_up a:hover .info p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  
  .ih-item.square.effect8.scale_down .img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .ih-item.square.effect8.scale_down .info {
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
  }
  .ih-item.square.effect8.scale_down .info h3,
  .ih-item.square.effect8.scale_down .info p {
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
  }
  .ih-item.square.effect8.scale_down a:hover .img {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  .ih-item.square.effect8.scale_down a:hover .info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .ih-item.square.effect8.scale_down a:hover .info h3,
  .ih-item.square.effect8.scale_down a:hover .info p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }