@charset "utf-8";

/* owl main banner */
#main_bn .owl-stage{position:relative;}
#main_bn .owl-item > div {height:454px;}
#main_bn .owl-item img{width:100%; height:100%; object-fit:cover;}
#main_bn .owl-nav{position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:100%;}
#main_bn .owl-nav .owl-prev, 
#main_bn .owl-nav .owl-next{position:absolute; width:48px; height:48px; border-radius:50%; background:#fff; font-size:0;
	box-shadow:0 2px 8px 0 hsla(218,13%,17%,0.1); -webkit-transition:all .3s; transition:all .3s;}
#main_bn .owl-nav .owl-prev{left:48px;}
#main_bn .owl-nav .owl-next{right:48px;}
#main_bn .owl-nav .owl-prev:after, 
#main_bn .owl-nav .owl-next:after{content:""; position:absolute; top:50%; left:50%; width:10px; height:10px; border:2px solid #c9ccd3;
    border-top:none; border-right:none;}
#main_bn .owl-nav .owl-prev:after{-webkit-transform:translate(-35%, -50%) rotate(45deg); transform:translate(-35%, -50%) rotate(45deg)}
#main_bn .owl-nav .owl-next:after{-webkit-transform:translate(-65%, -50%) rotate(-135deg); transform:translate(-65%, -50%) rotate(-135deg)}
#main_bn .owl-nav .owl-prev:hover, 
#main_bn .owl-nav .owl-next:hover{background:#3e4046; color:#fff;}
#main_bn .owl-dots{position:absolute; bottom:40px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
#main_bn .owl-dot{width:12px; height:12px; margin:0 5px; border-radius:6px; background:#fff;}
#main_bn .owl-dot.active{width:48px; background:#3e4046; -webkit-transition:all .3s ease; transition:all .3s; ease} 





/* ****************************************************************************************** *
 * 1200px
 * ****************************************************************************************** */
@media screen and (max-width:1200px) {
	
	#main_bn .owl-nav .owl-prev{left:24px;}
	#main_bn .owl-nav .owl-next{right:24px;}
	
}
/* 1200px end */





/* ****************************************************************************************** *
 * 1024px
 * ****************************************************************************************** */
@media screen and (max-width:1024px) {
	
	#main_bn .owl-item > div{height:250px;}

}
/* 1024px end */





/* ****************************************************************************************** *
 * 767px
 * ****************************************************************************************** */
@media screen and (max-width:767px) {
	
	#main_bn .owl-item > div {height:200px;}
	#main_bn .owl-nav .owl-prev{left:16px;}
	#main_bn .owl-nav .owl-next{right:16px;}
	#main_bn .owl-nav .owl-prev, #main_bn .owl-nav .owl-next{width:40px; height:40px;}
	#main_bn .owl-dots{bottom:20px;}
	
}
/* 767px end */





/* ****************************************************************************************** *
 * 425px
 * ****************************************************************************************** */
@media screen and (max-width:425px) {
	
	#main_bn .owl-item > div {height:120px;}
	#main_bn .owl-nav .owl-prev{left:10px;}
	#main_bn .owl-nav .owl-next{right:10px;}
	#main_bn .owl-nav .owl-prev, #main_bn .owl-nav .owl-next{width:32px; height:32px;}
	#main_bn .owl-nav .owl-prev:after, #main_bn .owl-nav .owl-next:after{width:8px; height:8px;}
	#main_bn .owl-dot{width:10px; height:10px; margin:0 4px;}
	#main_bn .owl-dot.active{width:32px;}

}
/* 425px end */