
.simple-effect {
    padding: 1em .4em;
    display: block;
    font-size: 1.8em;
}
.simple-effect span {
    color: #1e92ea;
}

.simple-effet-image{
	margin-bottom:30px
}
/*-- global css --*/

.overlay,
.overlay-text,
.simple-text,
.overlay-sim-text-2,
.overlay-text-effect-3,
.zoom-effect-1 img,
.zoom-effect-2 img,
.opacity-effect img,
.blur-effect img,
.grayscale-effect img{
   transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
}
.image-wrapper{
	margin-bottom: 35px;
}
.effect-image-1{
	position: relative;
	display: block;
}
.overlay-text p,
.overlay-sim-text-2 p { 
    color: #fff;
    padding: 10px 20px 0;
	font-size:17px
} 
.overlay-sim-text-2 .btn_style {
    background: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-radius: 2px;
    padding: 8px 14px;
    border: 1px solid #fff;
} 
.overlay{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background: rgba(246,0,2,.7);
	opacity: 0;
	visibility: hidden;
}
 

	.simple-overlay{
		opacity: 0;
		visibility: hidden;
	}
	.effect-image-1:hover .simple-overlay{
		visibility: visible;
		opacity: 1;
	}
  
	.overlay-sim-text-2{
		position: absolute;
	    left: 0px;
	    bottom: 0px;
	    width: 100%;
	    height: auto;
	    background: #02020294;
	    opacity: 0;
	}

	.simple-text {
    	position: absolute;
	    bottom: 0px;
	    left: 0px;
	    width: 100%;
	    background: #02020294;
	    color: #fff;
	}
	.simple-text p {
		margin-bottom: 10px;
		padding: 5px 15px;
		font-size: 17px;
	}
	.effect-image-1:hover .overlay-xs-1{
		opacity: 1;
		visibility: visible;
		display: block;	
	}
	.effect-image-1:hover .simple-text{
		visibility: hidden;
		opacity: 0;
	}