/*===========================
36. Overlay Box 2
===========================*/

.overlay-bx-2{
	position: absolute;
	left: 0;
	bottom:0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color:#000;
	opacity:0;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.overlay-bx-2:hover{	opacity:0.9;	bottom:0px;}
/*===========================
37. line-filter-block
===========================*/
.line-filter-outer{
	position:relative;
	z-index:1;
	min-height:520px;
	margin-bottom: 21px;
}


.hover-effect-content{
	position: absolute;
	padding: 30px;
	bottom: -100%;
	right: 20px;
	width: 70%;
	background-color: #8ac755;
	
	
}

.hover-effect-content:after{
width: 0px;
height: 0px;
border-top: 25px solid #fff;
border-left: 25px solid transparent;
position: absolute;
content: "";
right: 40px;
bottom: -25px;}



@media only screen and (max-width:640px){
	.hover-effect-content{
		width:95%;
	}
}

@media only screen and (max-width:400px){
.owl-carousel-filter .owl-item.active.center .hover-effect-content p,
.owl-carousel-filter2 .owl-item.active.center .hover-effect-content p{
	display:none;
}
	.hover-effect-content{
		width: auto;
		left: 0;
		right: 0;
		margin: 0% 1%;
	}
}



/*-------------------------------------
	1.2 owl dots button
-------------------------------------*/