.hex{width:120;height:138.36;position:relative;background-position:0 0;background-size:100%;background-color:transparent;z-index:1}.hex .desc{position:absolute;top:34px;width:200px;line-height:100%;background:#fff;color:white;font-size:14px;z-index:-1;height:70px;border:0}.hex .desc.left{left:-200px;border-right:6px;padding:5px 5px 5px 15px}.hex .desc.left h4{text-align:right}.hex .desc.right{left:120px;border-left:6px;padding:5px 15px 5px 5px}.hex .desc.right h4{text-align:left}.hex .desc h4{margin:3px 0;font-size:22px;margin-top:16px}.hex .desc p{text-align:justify}.hex .prod{font-size:64px;font-weight:bold;text-transform:uppercase;color:#fff;position:absolute;width:100%;text-align:center;line-height:138px;background-size:100%;z-index:1}.hex.purple .prod{background-image:url('../assets/images/purple.svg')}.hex.purple .desc{background:#445697;-webkit-border-image:-webkit-linear-gradient(left, #344274, #445697) 1 100%;-moz-border-image:-moz-linear-gradient(left, #344274, #445697) 1 100%;-o-border-image:-o-linear-gradient(left, #344274, #445697) 1 100%;border-image:linear-gradient(to left, #344274, #445697) 1 100%}.hex.bluegreen .prod{background-image:url('../assets/images/bluegreen.svg')}.hex.bluegreen .desc{background:#3f9e9b;-webkit-border-image:-webkit-linear-gradient(left, #307a77, #3f9e9b) 1 100%;-moz-border-image:-moz-linear-gradient(left, #307a77, #3f9e9b) 1 100%;-o-border-image:-o-linear-gradient(left, #307a77, #3f9e9b) 1 100%;border-image:linear-gradient(to left, #307a77, #3f9e9b) 1 100%}.hex.green .prod{background-image:url('../assets/images/green.svg')}.hex.green .desc{background:#88b742;-webkit-border-image:-webkit-linear-gradient(left, #6c9234, #88b742) 1 100%;-moz-border-image:-moz-linear-gradient(left, #6c9234, #88b742) 1 100%;-o-border-image:-o-linear-gradient(left, #6c9234, #88b742) 1 100%;border-image:linear-gradient(to left, #6c9234, #88b742) 1 100%}.hex.yellow .prod{background-image:url('../assets/images/yellow.svg')}.hex.yellow .desc{background:#fbc527;-webkit-border-image:-webkit-linear-gradient(right, #ebb004, #fbc527) 1 100%;-moz-border-image:-moz-linear-gradient(right, #ebb004, #fbc527) 1 100%;-o-border-image:-o-linear-gradient(right, #ebb004, #fbc527) 1 100%;border-image:linear-gradient(to right, #ebb004, #fbc527) 1 100%}.hex.orange .prod{background-image:url('../assets/images/orange.svg')}.hex.orange .desc{background:#ee5a36;-webkit-border-image:-webkit-linear-gradient(right, #de3a13, #ee5a36) 1 100%;-moz-border-image:-moz-linear-gradient(right, #de3a13, #ee5a36) 1 100%;-o-border-image:-o-linear-gradient(right, #de3a13, #ee5a36) 1 100%;border-image:linear-gradient(to right, #de3a13, #ee5a36) 1 100%}.hex.red .desc{background:#bc3d88;-webkit-border-image:-webkit-linear-gradient(right, #95316c, #bc3d88) 1 100%;-moz-border-image:-moz-linear-gradient(right, #95316c, #bc3d88) 1 100%;-o-border-image:-o-linear-gradient(right, #95316c, #bc3d88) 1 100%;border-image:linear-gradient(to right, #95316c, #bc3d88) 1 100%}.hex.red .prod{background-image:url('../assets/images/red.svg')}.hex.blue .prod{background-image:url('../assets/images/blue.svg')}.hex-row>.hex{float:left;margin-left:10px;margin-top:-30}.hex-row{clear:left}.hex-row.even{margin-left:65px}