.values-outer{display:flex;--hex-width:195px;--hex-margin:4px;--hex-f:calc(var(--hex-margin) + var(--hex-width));margin:0 auto;max-width:1440px}.values-inner{font-size:0;margin-bottom:var(--hex-width)}.values-inner:before{content:"";float:left;height:400px;shape-outside:repeating-linear-gradient(#0000 0 calc(var(--hex-f) - 3px),#000 0 calc(var(--hex-f) - 1px),#0000 0 var(--hex-f));width:calc(var(--hex-width)*1.1547*.75 + var(--hex-margin))}.values-inner .value{background:#f0f0f0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:inline-block;font-size:medium;height:var(--hex-width);margin:var(--hex-margin);margin-bottom:calc(0px - var(--hex-margin)*.5 - var(--hex-width)*.5);margin-left:calc(var(--hex-margin) + var(--hex-width)*1.1547*.5/2);margin-right:calc(var(--hex-margin) + var(--hex-width)*1.1547*.5/2);vertical-align:top;width:calc(var(--hex-width)*1.1547)}.values-inner .value:hover{background-color:#e60000!important}.values-inner .value:first-child:hover,.values-inner .value:last-child:hover{background-color:#f0f0f0!important}.values-inner .value:hover h3,.values-inner .value:hover p{color:#fff}.values-inner .value:nth-child(11),.values-inner .value:nth-child(3),.values-inner .value:nth-child(4){background-color:#666}.values-inner .value:nth-child(10),.values-inner .value:nth-child(5){background-color:#e60000}.values-inner .value:first-child,.values-inner .value:first-child:hover,.values-inner .value:last-child,.values-inner .value:last-child:hover{background-color:#e60000!important}.values-inner .value:nth-child(10) .value-content.value-text,.values-inner .value:nth-child(5) .value-content.value-text{background-color:#fff;clip-path:polygon(26% 2%,74% 2%,98% 50%,74% 98%,26% 98%,2% 50%)}.values-inner .value:nth-child(10):hover .value-content.value-text,.values-inner .value:nth-child(5):hover .value-content.value-text{background-color:transparent}.values-inner .value:nth-child(11) h3,.values-inner .value:nth-child(12) h3,.values-inner .value:nth-child(3) h3,.values-inner .value:nth-child(4) h3{color:#fff}.value-content{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:20px;text-align:center;transition:all .3s}.value-content.value-image{background-position:30%;background-repeat:no-repeat;background-size:contain}.value-text p{display:none;font-size:14px;line-height:1.1;margin:0;padding:0 20px}.values-inner .value:hover .value-text h3{display:none}.values-inner .value:hover .value-text p{animation:fadein 1.5s;-moz-animation:fadein 1.5s;-webkit-animation:fadein 1.5s;-o-animation:fadein 1.5s;display:block}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@-o-keyframes fadein{0%{opacity:0}to{opacity:1}}.value-text h3{font-size:22px;margin:0}@media only screen and (max-width:1037px){.values-inner:before{height:600px}}@media only screen and (max-width:864px){.values-inner:before{height:800px}}@media only screen and (max-width:768px){.values-outer{--hex-width:160px}.value-text h3{font-size:20px}.value-text p{display:none;font-size:14px!important}.values-outer{margin-bottom:0}.values-inner:before{height:500px}}@media only screen and (max-width:713px){.values-inner:before{height:660px}}@media only screen and (max-width:570px){.values-inner:before{height:990px}}@media only screen and (max-width:480px){.value-text h3{font-size:18px}.value-text p{display:none;font-size:12px!important}.values-inner{margin-left:4%}.values-inner .value{margin-left:calc(var(--hex-margin) + var(--hex-width)*1.1547*.3/2);margin-right:calc(var(--hex-margin) + var(--hex-width)*1.1547*.3/2)}}@media only screen and (max-width:420px){.values-outer{--hex-width:156px}}@media only screen and (max-width:400px){.values-outer{--hex-width:140px}}@media only screen and (max-width:360px){.values-outer{--hex-width:130px;display:none}}