.hextile ul{
  overflow:hidden;
  width:90%;
}
.clr ul:after{
  content:"";
  display:block;
  clear:both;
}

.slide div.hextile ul li{
  margin-top: 0;
  margin-bottom: 0;
}

.slide div.hextile ul li{
  position:relative;
  list-style-type:none;
  width:27.85714285714286%; /* = (100-2.5) / 3.5 */
  padding-bottom: 32.16760145166612%; /* =  width /0.866 */
  margin-top: 0;
  margin-bottom: 0;
  float:left;
  overflow:hidden;
  visibility:hidden;

  -webkit-transform: rotate(-60deg) skewY(30deg);
  -ms-transform: rotate(-60deg) skewY(30deg);
  transform: rotate(-60deg) skewY(30deg);
}
.hextile li:nth-child(3n+2){
  margin:0 1%;
}
.hextile li:nth-child(6n+4){
  margin-left:0.5%;
}
.slide .hextile li:nth-child(6n+4), .slide .hextile li:nth-child(6n+5), .slide .hextile li:nth-child(6n+6) {
	margin-top: -6.9285714285%;
  margin-bottom: -6.9285714285%;

  -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  transform: translateX(50%) rotate(-60deg) skewY(30deg);
}
.slide .hextile li:nth-child(6n+4):last-child, .slide .hextile li:nth-child(6n+5):last-child, .slide .hextile li:nth-child(6n+6):last-child{
  margin-bottom:0%;
}
.slide .hextile li *{
  position:absolute;
  visibility:visible;
}

/* HEX CONTENT */

.hextile li > img{
  left: -100%; right: -100%;
  width: 100%; height: 100%;
  max-width: 100%; max-height: 100%;
  margin:0 auto;
  overflow:hidden;

  -webkit-transform: skewY(-30deg) rotate(60deg);
  -ms-transform: skewY(-30deg) rotate(60deg);
  transform: skewY(-30deg) rotate(60deg);

	-webkit-backface-visibility:hidden;
}

.slides .hextile li > img.fragment.visible{
  visibility: visible;
}