.ova-blog-slide.blog-grid{
	
	position: relative;
	margin: 0;
	padding: 0;

	.owl-carousel .owl-stage-outer {

	    margin-right: -20px;
       	margin-left: -20px;
	    padding-left: 20px;
	    padding-right: 20px;
	    width: calc(100% + 40px);
	    padding-bottom: 30px;

	    @media(max-width: 1290px){
	    	margin-right: 0px;
	    	margin-left: 0px;
	    	padding-left: 0px;
		    padding-right: 0px;
		    width: 100%;
	    }
	}

	.ova-wrap-grid{
		margin: 0;
	}


	

	article.post-wrap{
		width: 100%;
		padding: 0px;
		margin: 0;
		.wrap-article{
			box-shadow: none;
			background: #fff;
		}
	}
	.owl-item{
		box-shadow: 0px 5px 14px 0px rgba(6, 22, 58, 0.1);
		
	}

	&:hover{
		.owl-nav button{
			visibility: visible;
			opacity: 1;
			transition-duration: 0.3s;
		}
	}

	.owl-nav{
		color: #f00;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: absolute;
		top: 50%;
		margin-top:-25px;
		left: -25px;
		right: -25px;
		z-index: 2;
		height: 0;
		
		button{
			position: relative;
			border-color: 1px solid #e5e5e5;
			box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1);
			background: #fff;
			border-radius: 50%;
			width: 50px;
			height: 50px;
			display: inline-flex;
			justify-content: center;
			align-items: center;
			outline: none;
			transition: 0.4s;
			visibility: hidden;
			opacity: 0;
			@media (max-width: 767px) {
				visibility: visible;
				opacity: 1;
			}
			&:focus{
				outline: none;
			}
			&:hover{

				i{
					color: #fff;
				}
			}
			i{
				font-size: 26px;
				color: #42516d;
			}
		}
	}
	.owl-dots{
		text-align: center;
		margin-top: 2px;
		.owl-dot{
			outline: none;
			span{
				width: 6px;
				height: 6px;
				margin: 5px;
				background: #d1d1d6;
				display: block;
				-webkit-backface-visibility: visible;
				transition: opacity .2s ease;
				border-radius: 30px;
			}
			&.active{
				span{
					width: 12px;
					border-radius: 5px;
					opacity: 1;
				}
			}
		}
	}
}