#mainvision{height:100vh;}
#mainvision .item{height:100vh;}

#mainvision .vision-link{display:block;height:100vh;position:relative;}
#mainvision .vision-link:before{
	content:'';
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100vh;
	/*background:rgba(0,0,0,0.05);*/
}

#mainvision .vision-main{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	z-index:2;
}

#mainvision .vision-content{
	position:absolute;
	left:0px;
	top:50%;
	width:50%;
	transform:translateY(-50%);
	z-index:1;
	padding:0px 150px;
}

#mainvision .main-title{
	margin:0px;
	font-weight:bold;
	font-size:10rem;
	color:#FFF;
	line-height:1;
}

#mainvision .vision-sub{
	color:#FFF;
	font-size:1.5rem;
	font-weight:bold;
	letter-spacing:10px;
	margin-bottom:20px;
}

#mainvision .vision-txt{color:#FFF;margin-top:20px;border-left:2px solid #D21010;padding:5px 25px;}

@media (max-width: 1199px) {
	#mainvision .vision-content{width:100%;padding:0px 70px;}
	#mainvision .vision-txt{display:none;}
}

@media (max-width: 767px) {
	#mainvision .main-title{font-size:calc(3.375rem + 1.5vw);}
	#mainvision .vision-sub{font-size:1rem;letter-spacing:5px;}
}

/* control Start */
#mainvision .owl-nav{
	margin-top:0px;
	position:absolute;
	width:37px;
	left: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:15px;
	left:30px;
	top:50%;
	transform:translateY(-50%);
	line-height:0;
}

#mainvision .owl-dots .owl-dot span{
	width:15px;
	height:15px;
	margin:5px 0px;
	background:transparent;
	border:1px solid #FFF
}
#mainvision .owl-dots .owl-dot.active span,
#mainvision .owl-dots .owl-dot:hover span{background:#FFF;}
/* control End */

/* scroll-down Start */
@-webkit-keyframes bounce-mouse{
	0%{
		transform:translateY(-5px);
	}
	50%{
		transform:translateY(10px);
	}
	100%{
		transform:translateY(-5px);
	}
}
@keyframes bounce-mouse{
	0%{
		transform:translateY(-5px);
	}
	50%{
		transform:translateY(10px);
	}
	100%{
		transform:translateY(-5px);
	}
}
@-webkit-keyframes altura{
	0%{
		height:50px;
	}
	50%{
		height:0px;
	}
	60%{
		height:0px;
	}
	100%{
		height:50px;
	}
}
@-moz-keyframes altura{
	0%{
		height:50px;
	}
	50%{
		height:0px;
	}
	60%{
		height:0px;
	}
	100%{
		height:50px;
	}
}
@-o-keyframes altura{
	0%{
		height:50px;
	}
	50%{
		height:0px;
	}
	60%{
		height:0px;
	}
	100%{
		height:50px;
	}
}
@keyframes altura{
	0%{
		height:50px;
	}
	50%{
		height:0px;
	}
	60%{
		height:0px;
	}
	100%{
		height:50px;
	}
}

#mainvision .scroll-down{
	position:absolute;
	left:50%;
	bottom:30px;
	height:100px;
	transform:translateX(-50%);
	cursor:pointer;
	z-index:9;
}
#mainvision .scroll-down .scroll-mouse{
	height:38px;
	width:25px;
	border:2px solid #FFF;
	border-radius:50px;
	box-sizing:border-box;
	-webkit-animation:bounce-mouse 2s infinite ease-in-out;
	-o-animation:bounce-mouse 3s infinite ease-in-out;
	-ms-animation:bounce-mouse 3s infinite ease-in-out;
	-moz-animation:bounce-mouse 3s infinite ease-in-out;
	animation:bounce-mouse 3s infinite ease-in-out;
}
#mainvision .scroll-down .scroll-mouse::before{
	position:absolute;
	top:8px;
	left:50%;
	content:'';
	width:2px;
	height:8px;
	margin-left:-1px;
	background-color:#FFF;
	border-radius:50rem;
	box-sizing:border-box;
}
#mainvision .scroll-down .scroll-line{
	width:1px;
	height:50px;
	background-color:#FFF;
	margin:0px auto;
	margin-top:15px;
	display:block;
	-webkit-animation:altura 3s infinite ease 1.5s;
	-moz-animation:altura 3s infinite ease 1.5s;
	-o-animation:altura 3s infinite ease 1.5s;
	animation:altura 3s infinite ease 1.5s;
}
/* scroll-down End */