#mainvision{height:40vh;}
#mainvision .item{height:40vh;}
#mainvision .vision-link{display:block;height:40vh;position:relative;}
#mainvision .vision-link:before{
	content:'';
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:40vh;
	background:linear-gradient(to bottom,rgba(0,0,0,0.0) 70%,rgba(0,0,0,0.8) 100%);
}
@media (min-width: 576px) {
	#mainvision{height:50vh;}
	#mainvision .item{height:50vh;}
	#mainvision .vision-link{height:50vh;}
	#mainvision .vision-link:before{height:50vh;}	
}
@media (min-width: 768px) {
	#mainvision{height:60vh;}
	#mainvision .item{height:60vh;}
	#mainvision .vision-link{height:60vh;}
	#mainvision .vision-link:before{height:60vh;}	
}

@media (min-width: 992px) {
	#mainvision{height:70vh;}
	#mainvision .item{height:70vh;}
	#mainvision .vision-link{height:70vh;}
	#mainvision .vision-link:before{height:70vh;}
}
@media (min-width: 1200px) {
	#mainvision{height:calc(80vh - 24px);}
	#mainvision .item{height:calc(80vh - 24px);}
	#mainvision .vision-link{height:calc(80vh - 24px);}
	#mainvision .vision-link:before{height:calc(80vh - 24px);}
}

@media (min-width: 1400px) {
	#mainvision{height:calc(100vh - 24px);}
	#mainvision .item{height:calc(100vh - 24px);}
	#mainvision .vision-link{height:calc(100vh - 24px);}
	#mainvision .vision-link:before{height:calc(100vh - 24px);}
}



#mainvision .owl-nav{
	margin-top:0px;
	position:absolute;
	width:30px;
	right:19px;
	top:50%;
	transform:translateY(-50%);
}

#mainvision .owl-nav button.owl-prev,
#mainvision .owl-nav button.owl-next{
	color:#FFF;
	width:30px;
	height:30px;
	border-radius:100%;
	margin:50px 0px;
	font-size:24px;
}
#mainvision .owl-nav button.owl-prev:hover,
#mainvision .owl-nav button.owl-next:hover{background:none;}

#mainvision .owl-dots{
	position:absolute;
	width:8px;
	right:30px;
	top:50%;
	transform:translateY(-50%);
	line-height:0;
}

#mainvision .owl-dots .owl-dot span{
	width:8px;
	height:8px;
	margin:5px 0px;
	background:rgba(0,0,0,0.2);
}
#mainvision .owl-dots .owl-dot.active span,
#mainvision .owl-dots .owl-dot:hover span{background:rgba(255,255,255,1);}

#mainvision .vision-content{
	position:absolute;
	left:0px;
	bottom:0px;
	width:80%;
	color:#FFF;
	padding:0px 0px 100px 100px;
}
@media (max-width: 991px) {
	#mainvision .vision-content{width:100%;padding:0px 30px 30px;}
}

#mainvision .main-title{margin:0px;font-weight:bold;}
@media (min-width: 1200px) {
	#mainvision .main-title{font-size:5rem;}
}

#mainvision .vision-txt{margin-top:20px;}