img{max-width:100%;height:auto}a{backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;text-decoration:none}.bordered-octagon-set-2{margin-bottom:94px;position:relative}.bordered-octagon-set-2 a{text-decoration:none;display:block}.bordered-octagon-set-2 .bordered-octagonWrap{z-index:1;width:207px;height:207px;margin:0 auto 16px;position:relative;overflow:hidden;cursor:pointer;-webkit-transition:all .4s ease-in-out}.bordered-octagon-set-2 .bordered-octagonWrap .octagon-inner{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;transform-origin:center;background-color:#fff;border:2px solid #444;-webkit-transition:all .4s ease-in-out}.bordered-octagon-set-2 .bordered-octagonWrap .octagon-inner:before{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;transform-origin:center;content:'';border:2px solid #444;-webkit-transition:all .4s ease-in-out}.bordered-octagon-set-2 .bordered-octagonWrap .octagon-inner span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all .4s ease-in-out;z-index:10}.bordered-octagon-set-2 .bordered-octagonWrap .octagon-inner span img{-webkit-transform:rotate(-44deg);transform:rotate(-44deg);-webkit-transform-origin:center;transform-origin:center;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-webkit-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%)}.bordered-octagon-set-2 .bordered-octagon-hover,.bordered-octagon-set-2 .bordered-octagon-hover .octagon-inner{top:0;right:0;left:0;width:260px;height:260px;overflow:hidden;transition:all .4s ease-in-out;position:absolute}.bordered-octagon-set-2 .bordered-octagon-hover{z-index:-1;opacity:0;margin:0 auto 16px;cursor:pointer;-webkit-transition:all .4s ease-in-out}.bordered-octagon-set-2 .bordered-octagon-hover .octagon-inner{bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center;-webkit-transform-origin:center;background-color:#00a1bc;-webkit-transition:all .4s ease-in-out}.bordered-octagon-set-2 .bordered-octagon-hover .octagon-inner:before{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center;-webkit-transform-origin:center;content:'';border:2px solid #00a1bc;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out}.bordered-octagon-set-2 .bordered-octa-content{position:relative;z-index:10;text-align:center;font-family:Raleway,sans-serif;color:#313131;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.bordered-octagon-set-2 .bordered-octa-content h3{margin:0 0 5px;font-weight:400;font-size:25px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.bordered-octagon-set-2 .bordered-octa-content p{font-weight:400;font-size:14px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.bordered-octagon-set-2:hover .bordered-octagonWrap .octagon-inner{background-color:#fff;border:2px solid #00a1bc}.bordered-octagon-set-2:hover .bordered-octagonWrap .octagon-inner:before{border:2px solid #00a1bc}.bordered-octagon-set-2:hover .bordered-octagonWrap .octagon-inner span img{-webkit-filter:grayscale(0);-ms-filter:grayscale(0);filter:grayscale(0)}.bordered-octagon-set-2:hover .bordered-octagon-hover{top:80px;opacity:1}.bordered-octagon-set-2:hover .bordered-octa-content{color:#fff}@media screen and (max-width:1199px){.bordered-octagon-set-2{margin-bottom:94px}.bordered-octagon-set-2 .bordered-octagon-hover,.bordered-octagon-set-2 .bordered-octagon-hover .octagon-inner{width:207px;height:207px}.bordered-octagon-set-2 .bordered-octa-content h3{font-size:20px}.bordered-octagon-set-2 .bordered-octa-content p{font-size:13px}.bordered-octagon-set-2:hover .bordered-octagon-hover{top:135px;opacity:1}}@media screen and (max-width:991px){.bordered-octagon-set-2 .bordered-octagon-hover,.bordered-octagon-set-2:hover .bordered-octagon-hover{top:135px;opacity:1}.bordered-octagon-set-2 .bordered-octagonWrap .octagon-inner,.bordered-octagon-set-2 .bordered-octagonWrap .octagon-inner:before{border:2px solid #00a1bc}.bordered-octagon-set-2 .bordered-octagonWrap .octagon-inner span img{-webkit-filter:grayscale(0);filter:grayscale(0)}.bordered-octagon-set-2 .bordered-octa-content{color:#fff}.bordered-octagon-set-2 .bordered-octa-content h3{font-size:18px}.bordered-octagon-set-2 .bordered-octa-content p{font-size:12px}}