/******home page 4******/

/*project*/

.project-style-4 .project {
	position:relative;
}

.project-style-4 .project .et_portfolio_image{
	position:relative;
}
.project-style-4 .project .et_portfolio_image:before{
	position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    display: block;
    opacity: 0;
    text-align: center;
    transform: perspective(400px) rotateX(
-90deg
);
    transform-origin: top;
    transition: all .5s;
    background-color: rgba(18, 18, 18, .9);
}

 .project-style-4  .project:hover .et_portfolio_image:before {
    opacity: 1;
    transform: perspective(400px) rotateX(0);
    transition: all .7s ease .1s;
}

 .project-style-4 .project .et_portfolio_image:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    display: block;
    opacity: 0;
    text-align: center;
    transform: perspective(400px) rotateX(90deg);
    transform-origin: bottom;
    transition: all .5s;
    background-color: rgba(18, 18, 18, .9);
	   border-bottom: 1px solid rgba(18, 18, 18, .1);
}

 .project-style-4 .project:hover .et_portfolio_image:after {
    opacity: 1;
    transform: perspective(400px) rotateX(0);
    transition: all .7s ease .3s;
}

 .project-style-4 .project .et_overlay{
	    background: 0 0 !important;
}

.project-style-4 .project .post-meta{
	opacity: 0;
	position:absolute;
	top:20px;
	left: 20px;
	transition: .4s ease;
	background: #0c5adb;
	padding: 4px 12px;
}
.project-style-4 .project:hover .post-meta{
	opacity:1;
	transition: .4s ease;
	transition-delay: .4s;
}
.project-style-4 .project .et_pb_module_header{
	padding: 0 20px;
    opacity: 0;
    position: absolute;
    bottom: 52px;
    left: 0;
    transition: .4s ease;
    width: 100%;
}
.project-style-4 .project:hover .et_pb_module_header{
	opacity: 1;
	transition: .4s ease;
	transition-delay: .4s;
}

.project-style-4 .project:hover .et_overlay:before {
       bottom: 9px;
    right: 20px;
    top: auto;
    left: auto;
}



/*blog*/




 .blog-style-4 .et_pb_post {
	position: relative;
	border: 0;
		 -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	background: #000036;
	overflow:hidden;
}

 .blog-style-4  .et_pb_blog_grid .column {
	width: 100% !important;
}


 .blog-style-4  .entry-featured-image-url:before{
    position: absolute;
    content: '';
    background:#005affc2;
    width: 100%;
    height: 100%;
}


 .blog-style-4 .post-meta{
	    position: absolute;
    top: 43%;
	 transition: .5s ease;
}
.blog-style-4:hover  .post-meta{
	opacity:0;
	transition: .5s ease;
}
.blog-style-4 .post-content-inner{
		    padding: 0 20px;
    width: 100%;
    left: 0;
	opacity:0;
	    position: absolute;
    top: 75px;
    z-index: 3;
	transition: .3s ease;
}
.blog-style-4:hover .post-content-inner{
	opacity:1;
	transition: .5s ease;
}
 .blog-style-4  .entry-title{
	    position: absolute;
    top: 52%;
	 transition: .5s ease;
}
.blog-style-4:hover  .entry-title{
	opacity:0;
	transition: .5s ease;
}

.blog-style-4  .post-content a{
	    background: #0b0e3c;
    position: absolute;
    padding: 4px 15px;
    border-radius: 5px;
    top: 62%;
	z-index:3;
transition: .5s ease;
}


 .blog-style-4  .et_pb_post  .entry-featured-image-url{
	overflow: hidden;
}

 .blog-style-4  .et_pb_post .entry-featured-image-url:after {
	 content:'';
    position: absolute;
    background: #005affb3;
    top: -55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 102%;
    padding: 0 30px;
    transition: .5s;
opacity: 0;
visibility: visible;
}

 .blog-style-4 .et_pb_post:hover .entry-featured-image-url:after {
  transition: .5s;
	 transform: translate(-50%, 52%);
opacity: 1;

}
 .blog-style-4 .et_pb_blog_grid .et_pb_post {
	border: 0 !important;
}

.dark-blog-2 .et_pb_post {
    margin-bottom: 0px !important;

}

.blog-box .et_pb_post{
	    box-shadow: 0px 6px 18px 0px rgb(100 130 208 / 17%);
    border-radius: 10px;
	border: 0 !important;
}



.dark-footer-form-h4 .et_contact_bottom_container {
	float: none;
}

.footer-style-2 .h3-footer-location .et-pb-icon{
	    line-height: 1.6;
}

/*service*/
.service-home4 .et_pb_column:hover .et_pb_main_blurb_image img{
	   filter:contrast(0) brightness(2);
}
.service-home4  .et_pb_column:hover .et_pb_text_inner p{
	color: #fff;
}

/*****email******/

.email-optn .et_pb_contact_field_half {
    -ms-flex-preferred-size: 87.5% !important;
    flex-basis: 87.5% !important;
}
.email-optn .et_pb_newsletter_field {
	padding-bottom: 0em !important;
}
.email-optn .et_pb_newsletter_button{
	padding: 0 !important;
}
.email-optn .et_pb_button:after {
     right: 2px;
    top: -50px;
    padding: 10px 30px;
}

.email-optn .et_pb_button:hover{
	clip-path: initial;
}
.email-optn .et_pb_newsletter_result h2{
	padding-top: 10px;
}


