/*body*/
.fixed-body{
	overflow: hidden;
}

/*nav*/
.topNavi{
	background: #191919;  
	width: 50%; 
	height: 100%; 
	position: fixed; 
	top: 0px; 
	right: 0px;
	z-index: 1000; 
	display: none;
}

.topNavi_list {
	position: absolute; 
	top: 30px; 
	left: 20px;
}

.topNavi li {
	padding: 10px; 
	color: #fff; 
	font-size: 16px; 
	line-height: 1.5;
}

/*humberger-menu*/
.humberger,
.humberger div {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}
.humberger {
  position: relative; 
	left: 60px;
	top: 20px;
  width: 30px;
  height: 24px; 
	z-index: 10000000; 
	cursor: pointer;
}

.humberger div {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}

.humberger div:nth-of-type(1) {
  top: 0;
}

.humberger div:nth-of-type(2) {
  top: 10px;
}

.humberger div:nth-of-type(3) {
	bottom: 0;
}

.humberger div:nth-of-type(2) {
	top: 50%; 
	left: 50%; 
	-webkit-transform: translate3d(-50%, -50%, 0); 
	transform: translate3d(-50%, -50%, 0);
}

/*humberger-animation*/
.humberger.active div:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-315deg) scale(.8); 
	transform: translateY(0px) rotate(-315deg) scale(.8);
}
  
.humberger.active div:nth-of-type(2) {
	top: 4px;
	width: 40px;
  height: 40px;
  background-color: transparent;
  border: 3px solid #fff;
  border-radius: 50%;
}
  
.humberger.active div:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(315deg) scale(.8); 
	transform: translateY(-20px) rotate(315deg) scale(.8);
}

/*top-slider*/
.swiper-container {
	margin: 50px 0px; 
}

.swiper-slide {
	position: relative;
}

.swiper-slide img {
	border: 1px solid #ddd;
}

.top-slider-cat {
	position: absolute; 
	top: 0px; 
	background: rgba(145, 0, 38,0.7);  color: #ffff;
	padding: 10px; 
	font-size: 1.3rem;
	transition: all 0.4s; 
}

.top-slider-cat:hover {
	background: rgba(145, 0, 38,1); 
	transition: all 0.4s;
}

.top-slider-title {
	padding: 10px;
	font-size: 1.5em; 
	font-weight: 600; 
	line-height: 1.5;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
}

.top-slider-title a {
	display: block;
	padding: 10px; 
}

.swiper-pagination {
	position: relative; 
	top: -40px;
}

.swiper-pagination-bullet {
	padding: 8px; 
	margin: 2px;
}