.portfolio{text-align:center;}
.portfolio .pentagon{float:left;margin:20px 40px;width:205px;}
.pentagon .portfolio-title{position:relative;float:left;width:100%;height:40px;overflow:hidden;margin-top:20px;}
.pentagon .portfolio-title h4{position:relative;line-height:20px;width:100%;text-align:center;font-weight:bold;color:#fff;}
.portfolio-title h4 span{width:100%;position:absolute;margin:0 auto;left:0;color:#4EA838;top:40px;}
.portfolio .pentagon a{float:left;width:200px;height:200px;overflow:hidden;display:block;position:relative; border:2px solid rgba(255, 255, 255, 0.5 );
	  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.portfolio .pentagon a{ border:0px solid rgba(255, 255, 255, .2 ); 
}
}
.portfolio .pentagon a img{position:absolute;left:-75px;top:0;-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-o-filter:grayscale(0%);-ms-filter:grayscale(0%);filter:grayscale(0%);-webkit-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;transition:300ms ease-out;-webkit-backface-visibility:hidden; max-width:none;}
.portfolio .pentagon a img.hovering{left:-50px;-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-o-filter:grayscale(0%);-ms-filter:grayscale(0%);filter:grayscale(0%); 
-moz-transform: scale(1.4);
-o-transform: scale(1.4);
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
.portfolio .pentagon a span.mask{width:300px;height:300px;position:absolute;top:-50px;left:-50px;z-index:2;background: url(../../img/layout/pentagon_mask.png) no-repeat;-webkit-transition:-webkit-transform 300ms ease-out;-moz-transition:-moz-transform 300ms ease-out;-o-transition:-o-transform 300ms ease-out;transition:transform 300ms ease-out;-webkit-backface-visibility:hidden;
}
.portfolio .pentagon a span.mask:hover{/*-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg);*/}