.portfolio-main{ position:relative;}
.portfolio-main .grid-col-two{ width:50%; float:none; }
.portfolio-main .grid-col-three{ width:33.3333%; float:none; }
.portfolio-main .grid-col-four{ width:25%; float:none; }

.portfolio-item { position:relative; margin:0px 10px 30px; -webkit-transition-duration:0.5s; transition-duration:0.5s;}
.items .portfolio-item { margin-left:0; margin-right:0;}
.portfolio-inner { position:relative;}
.portfolio-inner:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:1; -webkit-transition:all 300ms linear 0ms; transition:all 300ms linear 0ms; opacity:0;}
.port-thumb { position:relative; overflow:hidden;}
.port-thumb img { width:100%; height:auto; display:block; -webkit-transition:transform 1.5s cubic-bezier(.19,1,.22,1); transition:transform 1.5s cubic-bezier(.19,1,.22,1);}
.port-details { position:absolute; top:20px; left:20px; right:20px; bottom:20px; z-index:99; padding:20px 10px; text-align:center; display:flex; flex-wrap:wrap; align-items:center; margin:auto; overflow:hidden;}
.port-info-filter { width:100%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:-1; transition:all 300ms linear 0ms; opacity:0;}
.port-info-filter:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.25); z-index:1;}
.port-info-filter:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.4); z-index:2;}
.port-info-filter img { width:100%; height:auto; display:block; -webkit-filter:blur(14px); filter:blur(14px);}

.port-info-meta { position:relative; text-align:center; width:100%; height:auto;}
.port-title, .portfolio-category { overflow:hidden;}
.port-title h5 { margin-bottom:10px; font-size:20px; -webkit-transition:all 300ms linear 0ms; transition:all 300ms linear 0ms; -webkit-transform:translateY(150%); -ms-transform:translateY(150%); transform:translateY(150%);}
.port-title h5 a { color:#ffffff;}
.portfolio-category a { display:inline-block; font-size:17px; color:#cd9b33; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all 300ms linear 0ms; transition:all 300ms linear 0ms;}

.port-icon { width:100%; height:auto; text-align:center; position:relative; z-index:2; margin-bottom:20px; margin-top:10px; -webkit-transition:all 0.6s ease; transition:all 0.6s ease; overflow:hidden;}
.port-icon a { position:relative; bottom:100%; z-index:1; text-align:center; display:inline-block; height:40px; width:40px; font-size:16px; line-height:42px; margin:0px 5px; background-color:#ffffff; border-radius:8px; color:#000000; -webkit-transition:all 0.4s; transition:all 0.4s; -webkit-transform:translateY(-60px); -ms-transform:translateY(-60px); transform:translateY(-60px);}
.port-icon a:hover { background-color:#cd9b33; color:#ffffff;}

.portfolio-item:hover .portfolio-inner:before { opacity:1;}
.portfolio-item:hover .port-thumb img { -webkit-transform:scale(1.06); -ms-transform:scale(1.06); transform:scale(1.06);}
.portfolio-item:hover .port-info-filter { opacity:1;}

.portfolio-item:hover .port-title h5 { -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%);}
.portfolio-item:hover .portfolio-category a { -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%);}

.portfolio-item:hover .port-icon a { bottom:0px; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}

/* Single Portfolio */
.portfolio-single { position:relative;}
.portfolio-content { position:relative; margin-bottom:30px; padding-bottom:15px; border-bottom:1px solid #aeaeae;}
.portfolio-metadeta { position:relative; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #aeaeae; display:inline-flex; justify-content:space-between; align-items:center;}
.portfolio-metadata-item { position:relative; flex:0 0 31%; display:flex; border:1px solid #c1c1c1; margin:10px;}
.port-meta-content { padding:12px 20px; flex:0 0 70%;}
.port-meta-content h6 { margin-bottom:5px;}
.port-meta-content p { margin-bottom:0;}
.port-meta-icon { background-color:#cd9b33; color:#ffffff; font-size:2em; flex:0 0 30%; display:flex; align-items:center; justify-content:center;}
.portfolio-share { display:block; margin:0 0 20px 20px;}
.portfolio-share h6 { text-align:left; margin:10px 0;}

/* Single Related Portfolio */
.related-port .portfolio-item.col-4 { padding-left:0; padding-right:0;}
.related-port h3 { font-size:22px; text-transform:uppercase; font-weight:500; padding-bottom:10px; border-bottom:1px solid #aeaeae;}