/*projects page*/
.project-dark-version .et_pb_portfolio_item  .et_portfolio_image{
	border-radius: 7px;
}

.project-dark-version .et_pb_portfolio_filter {
    margin: 0 10px;
}

.project-dark-version .et_pb_portfolio_filter a{
	    border-radius: 6px;
	background-color:#000f21 !important;
}
.project-dark-version .et_pb_portfolio_filter a:active{
	    border-radius: 6px !important;
}
.project-dark-version .et_pb_portfolio_filters li:first-child a{
	 border-radius: 6px !important;
}

.project-dark-version .et_pb_portfolio_filters li:last-child a{
	 border-radius: 6px !important;
}
/**project category page**/
	.page-project-item div.wp-pagenavi{
		border: 0;
			 text-align: center;
    padding-top: 25px;
	}
	 .page-project-item div.wp-pagenavi ul {
    text-align: center;
	}
	 .page-project-item div.wp-pagenavi ul li {
    display: inline-block;
    padding: 10px;
	
	}
	.page-project-item div.wp-pagenavi a:hover, .wp-pagenavi span.current {
    padding: 4px 12px;
    font-size: 16px !important;
    font-family: 'Poppins';
    font-weight: 500 !important;
    border-radius: 50%;
    color: #fff !important;
		background: #0c5adb;
	}
.page-project-item div.wp-pagenavi a, .wp-pagenavi span {
    font-family: 'Poppins';
    background: #f5f5f5;
    padding: 5px 12px;
    border-radius: 30px;
    color: #000;
    margin: 0 5px;
    text-decoration: none;
    font-size: 16px!important;
    font-weight: 500 !important;
    border: none!important;
}

/**Portfolio**/

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a{
	    background: #f5f5f5;
    padding: 5px 12px;
    border-radius: 30px;
}

.latest-projects .et_overlay{
display: none;
}


.latest-projects .project {
	position: relative;
	    overflow: hidden;
	    border-radius: 3px;
	
}
/* .latest-projects .project .post-meta{
		opacity:0;
	    position: absolute;
	    top: 0;
	    transform: translateX(-40px);
	transition:all ease .4s;
	width:100%;
} */

.latest-projects .project .post-meta{
	
	z-index: 2;
   opacity:1;
    position: absolute;
    top: 0;
    left: 0;
    background:#000f21;
    padding: 10px 20px 10px 20px;
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0 100%);
	    transition-delay: 0.2s;
	    transform: translateX(0px);
	transition:all ease .3s;
	margin:0;
}

.latest-projects .project .et_portfolio_image {
    overflow: hidden;
}

.latest-projects .project .et_portfolio_image img {
	transition: transform 1000ms ease 0ms,transform 1000ms ease 0ms,transform 1000ms ease 0ms;
}
.latest-projects .project:hover .et_portfolio_image img {
    transition: transform 1000ms ease 0ms,transform 1000ms ease 0ms,transform 1000ms ease 0ms;
    transform: scaleX(1.36) scaleY(1.36) translateX(9%) translateY(3%) rotateX(
0deg
) rotateY(
0deg
) rotateZ(
6deg
)!important;
}



.latest-projects .project .et_portfolio_image:before{
	    border-top: 6px solid #000;
	 content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
   
    transition: all .5s ease;
    z-index: 1;
}
.latest-projects .project:hover .et_portfolio_image:before{
	 background: rgba(0,0,0,.4);
    left: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.latest-projects .project .et_portfolio_image:after{
	content: "";
    display: block;
       width: 0;
    height: 150%;
    background: #000f21;
    position: absolute;
    top: 0;
    left: -112px;
    bottom: 0;
	    border-left: 6px solid #0c5adb;
    transform: skewX(
-36deg
);
    transition: all .8s ease;
    z-index: 1;
}

.latest-projects .project:hover .et_portfolio_image:after{
	    width: 100%;
    left: 80%;
	    transform: skewX(
-45deg
);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}