.product-knowledge{
	width:100%;
	height:100%;
	overflow:hidden;
	background:#8A0304
}
.product-knowledge .wrapper{
	position:absolute;
}
.product-knowledge .wrapper img{
	position:absolute;
	top:0;
	left:0;
	width:0%;
	z-index:10;
	pointer-events:none
}
.product-knowledge .wrapper img:nth-child(2){
	top:13%;
	left:26%;
	width:47%;
	z-index:8;
}
.product-knowledge .wrapper img:nth-child(3){
	top:45%;
	left:39%;
	width:10%;
	pointer-events:auto;
	cursor:pointer
}
.product-knowledge .wrapper .sonar{
	position:absolute;
	width:30px;
	height:30px;
	background:#fff;
	border-radius:50%;
	z-index:11;
	animation: sonarWave .75s linear infinite;
	display:inline-block;
	opacity:0;
	pointer-events:none;
	display:none
}
.product-knowledge .wrapper .sonar.sonar1{
	top:44%;
	left:45%;
}
.product-knowledge .wrapper img:nth-child(4){
	top:61%;
	left:33%;
	width:9%;
	pointer-events:auto;
	cursor:pointer
}
.product-knowledge .wrapper .sonar.sonar2{
	top:61%;
	left:33%;
}
.product-knowledge .wrapper img:nth-child(5){
	top:61%;
	left:50%;
	width:7%;
	pointer-events:auto;
	cursor:pointer
}
.product-knowledge .wrapper .sonar.sonar3{
	top:61%;
	left:55%;
}
.product-knowledge .wrapper img:nth-child(6){
	top:30%;
	left:34%;
	width:28%
}
.product-knowledge .wrapper .sonar.sonar4{
	top:55%;
	left:49%;
}
.product-knowledge .wrapper .bottleclick{
	top:30%;
	left:36%;
	width:10%;
	height:60%;
	position:absolute;
	background:#fff;
	z-index:11;
	opacity:0;
	transform:rotate(25deg);
	transform-origin:100% 100%;
	cursor:pointer
}
.product-knowledge .wrapper img:nth-child(7){
	top:36%;
	left:37%;
	width:8%;
	opacity:0
}
.product-knowledge .wrapper img:nth-child(8){
	top:67%;
	left:27%;
	width:7%;
	opacity:0
}
.product-knowledge .wrapper img:nth-child(9){
	top:35%;
	left:56%;
	width:10%;
	opacity:0
}
.product-knowledge .wrapper img:nth-child(10){
	top:70%;
	left:48%;
	width:24%;
	opacity:0
}
.product-knowledge .wrapper img:nth-child(11){
	top:14%;
	left:15%;
	width:37%
}
.product-knowledge .wrapper img:nth-child(12){
	top:32%;
	left:12%;
	width:10%;
	opacity:0
}
.product-knowledge .wrapper img:nth-child(13){
	top:60%;
	left:8%;
	width:10%;
	opacity:0
}
.product-knowledge .wrapper img:nth-child(14){
	top:14%;
	left:68%;
	width:7%;
	opacity:0
}
.product-knowledge .wrapper img:nth-child(15){
	top:48%;
	left:73%;
	width:7%;
	opacity:0
}
.product-knowledge .wrappertxt{
	pointer-events:none;
	z-index:11
}
.product-knowledge .wrappertxt .txt{
	opacity:0
}
@keyframes sonarWave {
  from {
    opacity: 0.8;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes sonarWave {
  from {
    opacity: 0.8;
  }
  to {
    -webkit-transform: scale(3);
    opacity: 0;
  }
}

.product-knowledge .txt h2{
	font-family: 'LYS';
}
.product-knowledge .txt p{
	font-size:12px
}
.product-knowledge .txt{
	position: absolute;
}
.product-knowledge .txt1{
	top : 34%;
	left: 23%;
	max-width: 16%;
}
.product-knowledge .txt2{
	top : 78%;
	left: 17%;
	max-width: 13%;
	
}
.product-knowledge .txt3{
	top : 33%;
	left: 67%;
	max-width: 27%;
}
.product-knowledge .txt4{
	top :68%;
	left: 73%;
	max-width: 25%;
}
	.product-knowledge .wrappertxt img{
		display:none
	}
	.product-knowledge .wrappertxt .txt > div{
		padding-left:0
	}

@media only screen and (max-width: 992px) {
	.product-knowledge{
		height:auto;
		padding-bottom:100px
	}
	.product-knowledge .wrapper{
		position:relative;
		margin-top:50px;
	}
	.product-knowledge .wrappertxt{
		margin-top:0;
		height:1000px;
	}
	.product-knowledge .txt{
		position:relative;
		top:auto;
		left:auto;
		max-width:100%;
		padding:0 15px;
		margin-top:15px
	}
	.product-knowledge .wrapper .sonar{
		display:none
	}
	.product-knowledge .wrapper img{
		pointer-events:none!important
	}
	.product-knowledge .wrapper .bottleclick{
		pointer-events:none!important
	}
	.product-knowledge .wrapper img:nth-child(7){
		display:none
	}
	.product-knowledge .wrapper img:nth-child(8){
		display:none
	}
	.product-knowledge .wrapper img:nth-child(9){
		display:none
	}
	.product-knowledge .wrapper img:nth-child(10){
		display:none
	}
	.product-knowledge .wrapper img:nth-child(12){
		display:none
	}
	.product-knowledge .wrapper img:nth-child(13){
		display:none
	}
	.product-knowledge .wrapper img:nth-child(14){
		display:none
	}
	.product-knowledge .wrapper img:nth-child(15){
		display:none
	}
	.product-knowledge .wrappertxt img{
		display:inline-block;
		position:relative;
		top:auto;
		left:auto;
		width:75px
	}
	.product-knowledge .wrappertxt .txt > div{
		padding-left:90px
	}
}