img{max-width:100%;height:auto}.portfolio-container{max-width:1200px;margin:50px auto}.qc-circle-grid-portfolio-item{float:left;position:relative;display:inline-block;box-sizing:border-box;width:33%;margin-bottom:30px;min-height:400px}.clear{clear:both;width:100%}.qc-circle-grid-portfolio-item-inner{position:relative;overflow:hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=180, Color=#939393)";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=10,Direction=180,Color=#939393);background:url(../../../../../../../../../plugins/portfolio-x-pro/themes/template-x/images/bg19.png) no-repeat center;background-size:contain}.qc-circle-grid-portfolio-img{overflow:hidden;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;border-radius:50%;padding:15%}@keyframes rotateanimation{from{-moz-transform:rotate(10deg);-webkit-transform:rotate(10deg);-o-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}80%{-moz-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);-o-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}90%{-moz-transform:rotate(-2deg);-webkit-transform:rotate(-2deg);-o-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg)}95%{-moz-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);-o-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg)}to{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.qc-circle-grid-portfolio-content{position:absolute;width:100%;height:100%;box-sizing:border-box;padding:30px;text-align:center;left:0;right:0;top:0;bottom:0;overflow:hidden;border-radius:100%;visibility:hidden;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}.qc-circle-grid-portfolio-button{box-sizing:border-box;display:table;width:100%;height:100%}.qc-circle-grid-portfolio-item img{display:block;transition:all 0.5s linear;border-radius:50%;margin:0 auto}.qc-circle-grid-portfolio-img img{border:2px solid rgba(245,243,255,.66)}.qc-circle-grid-portfolio-hover-effect{position:absolute;width:100%;height:100%;box-sizing:border-box;text-align:center;left:0;right:0;top:0;bottom:0;overflow:hidden;border-radius:0%;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;display:none}.qc-circle-grid-portfolio-hover-effect-button{box-sizing:border-box;display:table;width:100%;height:100%}.qc-circle-grid-portfolio-hover-effect .qc-circle-grid-portfolio-hover-effect-button-area{text-align:center;display:table-cell;vertical-align:middle;font-size:0}.qc-circle-grid-portfolio-hover-effect-button-area a{display:inline-block;padding:9px 12px;background-color:rgba(255,255,255,.65);color:#000;line-height:20px;font-size:14px;text-decoration:none;border-right:1px solid #cecece;border-right:1px solid #e1e1e1}.qc-circle-grid-portfolio-hover-effect-button-area a.first-anchor{color:#9f9f9f;border-radius:10px 0 0 10px;border-left:none}.qc-circle-grid-portfolio-hover-effect-button-area a.third-anchor{border-radius:0 10px 10px 0;border-right:none}.qc-circle-grid-portfolio-hover-effect-button-area a:hover{background:#fff}.portfolio-container .qc-circle-grid-portfolio-item,.qc-circle-grid-portfolio-item-inner:hover .qc-circle-grid-portfolio-hover-effect{display:block}.qc-circle-grid-portfolio-item:hover .qc-circle-grid-portfolio-img img{-moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);-o-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg);cursor:pointer}@media screen and (max-width:767px){.qc-circle-grid-portfolio-item,.three-col .qc-circle-grid-portfolio-item,.four-col .qc-circle-grid-portfolio-item{width:50%}}@media screen and (max-width:500px){.portfolio-container{text-align:center}.qc-circle-grid-portfolio-item,.two-col .qc-circle-grid-portfolio-item,.three-col .qc-circle-grid-portfolio-item,.four-col .qc-circle-grid-portfolio-item{width:100%;max-width:360px;margin:10px auto;float:none;text-align:center}}@media screen and (min-width:767px) and (max-width:900px){.four-col .qc-circle-grid-portfolio-item{width:33.33%}}