body{margin:0}header#hex{background-size:cover;background-position:left}.hex-container.mobile{display:none}.hex-container.wide .hex-grid__item.two,.hex-container.wide .hex-grid__item.four{display:none}.hex-container.wide{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.hex-holder{background-color:rgba(0,0,0,.79);margin:0;display:flex;width:100%;padding-bottom:87px;padding-top:30px}.mobile .hex-holder{background-color:rgba(0,0,0,.79);margin:0;display:flex;width:100%;padding-bottom:10px;padding-top:10px}.hex-grid{width:70%;margin:auto;max-width:960px}.hex-grid__item a img{transition:all .25s ease}.hex-grid__item a:hover img,.hex-grid__item a:active img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%);opacity:.8;transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}.number{width:20px;height:20px;background:#fff;border-radius:20px;z-index:1;opacity:.5;display:flex;align-content:center;text-align:center;flex-direction:column;align-items:center;display:none}#virtual-rides{background:#ff4000}#race-team{background:#00194a}#cyclo-cross{background:#7a3107}#club-rides{background:#0091d9}#club-shop{background:#0091d9}#gravel-mtb-rides{background:#927e66}.img{background:rgba(9,8,8,.3)}.hex-arm{box-sizing:border-box;position:absolute;top:0;width:60%;height:100%;transform-origin:center center;margin:0;border-top:4px solid #575252;border-bottom:4px solid #575252}.hex-grid__item .hex-arm:nth-child(1), .hex-grid__item .hex-arm:nth-child(4) {transform:rotate(0deg)}.hex-grid__item .hex-arm:nth-child(2), .hex-grid__item .hex-arm:nth-child(5) {transform:rotate(60deg)}.hex-grid__item .hex-arm:nth-child(3), .hex-grid__item .hex-arm:nth-child(6) {transform:rotate(120deg)}.hex{position:relative;visibility:hidden;outline:1px solid transparent;transition:all .5s;backface-visibility:hidden;will-change:transform;transition:all .5s}.hex-grid__content,.hexIn{border-color: #00000}.hexIn *{position:absolute;visibility:visible}.hexIn{position:absolute;-webkit-transform:rotate3d(0,0,1,-29deg) skewY(0deg);-ms-transform:rotate3d(0,0,1,-29deg) skewY(0deg);transform:rotate3d(0,0,1,-29deg) skewY(0deg);width:100%;height:100%;overflow:hidden;transition:all .5s;border-style:solid;box-sizing:border-box;visibility:visible;margin:0}.hexIn div{position:absolute;width:100%;height:100%;transform-origin:center center;border:1px solid #000}.hexIn.blank{height:98%;width:104.5%;transform:rotate3d(0,0,1,58deg)}.hexLink{background:#ccc;display:block;width:100%;height:100%;text-align:center;color:#fff;overflow:hidden;-webkit-transform:skewY(-30deg) rotate3d(0,0,1,60deg);-ms-transform:skewY(-30deg) rotate3d(0,0,1,60deg);transform:skewY(-30deg) rotate3d(0,0,1,60deg)}.blank .img{-webkit-transform:skewY(-30deg) rotate3d(0,0,1,150deg);-ms-transform:skewY(-30deg) rotate3d(0,0,1,150deg);transform:skewY(-30deg) rotate3d(0,0,1,150deg);position:fixed;width:113%;left:-5%}.hex img{left:-100%;right:-100%;width:auto;height:100%;margin:0 auto}.hex h1,.hex p{width:100%;padding:5%;box-sizing:border-box;font-weight:300;opacity:0}#demo1{color:#f5ce95;text-transform:capitalize;text-align:center;bottom:50%;padding-top:50%;font-size:1.5em;z-index:1}.hex h1:before,.hex h1:after{display:inline-block;margin:0 .5em;width:.25em;height:.03em;background:#fff;content:'';vertical-align:middle;transition:all .3s;text-align:center}#demo2{top:50%;text-align:center;text-transform:uppercase}.img{position:absolute;top:0;bottom:0;background-position:center center;background-size:cover;width:100%;height:100%}@-moz-document url-prefix() {
	 img.img {   
	 	 height: 101%;
	  }
	}.img:before,.img:after{top:0;right:0;bottom:0;left:0;content:'';opacity:0;transition:opacity .5s}.img:before{background:rgba(22,103,137,.3)}.img:after{background:linear-gradient(to top,transparent,rgba(0,0,0,.5),transparent)}.hexLink:hover h1,.hexLink:focus h1,.hexLink:hover p,.hexLink:focus p{opacity:1;transition:.8s}.hexIn:hover .img:before,.hexIn:hover .img:after,.hexIn:hover .hexLink{opacity:1}.hexIn.blank:hover .img:before,.hexIn.blank:hover .img:after,.hexIn.blank:hover .hexLink{opacity:0}.pulse{position:absolute;width:50%;height:58%;border:1px solid #fff;border-radius:100%;background: #ffffff7a;visibility:hidden}.hex-grid__item a:hover img{background:none!important}.hex-grid__item a:hover .pulse,.hex-grid__item a:active .pulse{-webkit-animation:pulse 1s ease infinite;-moz-animation:pulse 1s ease infinite;-ms-animation:pulse 1s ease infinite;animation:pulse 1s ease infinite;opacity:1;visibility:visible}.pulse.long{animation:pulse 2s ease infinite;width:250px}@keyframes "pulse" {
 0% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
	 opacity: 1;
	 
 }
 50% {
    -webkit-transform: scale(1.9);
   	-moz-transform: scale(1.9);
   	-o-transform: scale(1.9);
   	-ms-transform: scale(1.9);
   	transform: scale(1.8);
	 opacity: 0;
	 
 }
 100% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
	 opacity: 0;
 }

}@-moz-keyframes pulse {
 0% {
   -moz-transform: scale(1);
   transform: scale(1);
	opacity: 1; 
 }
 50% {
   -moz-transform: scale(1.9);
   transform: scale(1.9);
	 opacity: 0;
 }
 100% {
   -moz-transform: scale(1);
   transform: scale(1);
	 opacity: 0;
 }
}@-webkit-keyframes "pulse" {
 0% {
   -webkit-transform: scale(1);
   transform: scale(1);
	 opacity: 1;
 }
 50% {
   -webkit-transform: scale(1.9);
   transform: scale(1.9);
	 opacity: 0;
 }
 100% {
   -webkit-transform: scale(1);
   transform: scale(1);
	 opacity: 0;
 }
}@-ms-keyframes "pulse" {
 0% {
   -ms-transform: scale(1);
   transform: scale(1);
	 opacity: 1;
 }
 50% {
   -ms-transform: scale(1.9);
   transform: scale(1.9);
	 opacity: 0;
 }
 100% {
   -ms-transform: scale(1);
   transform: scale(1);
	 opacity: 0;
 }
}