.hero-section{padding:105px 0;text-align:center;clip-path:polygon(25% 0,100% 0,100% 75%,75% 100%,0 100%,0 25%);-webkit-clip-path:polygon(25% 0,100% 0,100% 75%,75% 100%,0 100%,0 25%)}.hero-container{position:relative;z-index:2;max-width:920px;margin:0 auto;float:none}.top-pattern{position:absolute;top:0;right:0;z-index:1}.bottom-pattern{position:absolute;bottom:0;left:0;z-index:1}.top-pattern img,.bottom-pattern img{max-width:100%;opacity:.5}.hero-section h2{color:#FFF}.hero-section .product-listing{display:flex;flex-wrap:wrap}.hero-section .product-group{position:relative;margin:25px 25px 50px 25px;width:calc(100% / 3 - 50px)}.hero-section .product-inner{background:#FFF;text-align:center;padding:40px 40px 20px 40px;clip-path:polygon(25% 0,100% 0,100% 75%,75% 100%,0 100%,0 25%);-webkit-clip-path:polygon(25% 0,100% 0,100% 75%,75% 100%,0 100%,0 25%)}.hero-section .product-inner img{float:none;margin:auto auto 24px auto}.hero-section .product-group a{padding:15px;background:#e30421;position:absolute;bottom:-26px;left:50%;width:48px;transform:translateX(-50%);transition:all .3s ease-in-out;overflow:hidden}.hero-section .product-group a:hover{background:#575756}.hero-section .product-group:hover a{padding:15px 20px;left:0;transform:translateX(-0%);width:auto;transition:all .3s ease-in-out}.hero-section .product-group a span{position:absolute;top:50%;left:-30px;width:0;opacity:0;visibility:hidden;transition:all .3s ease-in-out;color:#FFF;text-decoration:none;font-size:14px;line-height:22px;text-transform:uppercase}.hero-section .product-group:hover span{position:relative;width:inherit;left:0;opacity:1;visibility:visible;margin-right:19px;display:inline-block}.hero-section .product-group a img{vertical-align:-2px}@media(max-width:899px){.hero-section{clip-path:polygon(50% 0,100% 0,100% 90%,50% 100%,0 100%,0 10%);-webkit-clip-path:polygon(50% 0,100% 0,100% 90%,50% 100%,0 100%,0 10%)}.hero-section .product-group{width:calc(100% / 2 - 50px)}}@media(max-width:599px){.hero-section .product-group{width:100%;max-width:300px;margin-left:auto;margin-right:auto;float:none;margin-bottom:30px}}