.plum {
	position:relative;
}
[class^=plum_]{
	pointer-events:none;
	user-select:none;
}
.plum_0_1 {
	position: absolute;
	top: -50%;
	left: -22%;
	width: 70%;
	transform: rotate(32.13deg);
	transform-origin: top left;
	z-index: -1;
}
.plum_0_2 {
	position: absolute;
	width: 44%;
	top: -44%;
	right: -24%;
	filter: blur(1px) drop-shadow(0px 4px 10px rgba(20, 44, 62, 0.25));
	opacity:0.7;
}
.plum_0_3 {
	position: absolute;
	width: 42%;
	bottom: -22%;
	left: 5%;
	filter: blur(0.5px) drop-shadow(0px 2.83571px 4.96249px rgba(36, 104, 142, 0.25));
	z-index:1;
	opacity:0.7;
}

.plum_0_4 {
	position: absolute;
	width: 150%;
	bottom: -133%;
	right: -110%;
	z-index: -1;
}
.plum_0_5 {
	position: absolute;
	width: 50%;
	top: 10%;
	left: -75%;
	z-index: -1;
	filter: blur(1px) drop-shadow(0px 2.61364px 5.22727px rgba(14, 61, 81, 0.25));
	opacity:0.5;
}

.plum_n1_1 {
	position: absolute;
	width: 120%;
	left: -10%;
	top: -152%;
	z-index: -1;
}

.plum_n1_2 {
	position: absolute;
	width:27%;
	left: 1%;
	top: -140%;
}

.plum_n1_3 {
	position: absolute;
	width: 30%;
	right: 20%;
	bottom: -110%;
}


.plum_n2_1 {
	position: absolute;
	width: 66%;
	left: -31%;
	top: -200%;
	transform: rotate(-35.49deg);
}

.plum_n2_2 {
	position: absolute;
	width:27%;
	left: 1%;
	top: -140%;
}

.plum_n2_3 {
	position: absolute;
	width: 30%;
	right: 20%;
	bottom: -110%;
}

.plum_n2_4 {
	position: absolute;
	width: 45%;
	left: 9%;
	top: -54%;
	transform: rotate(52.02deg);
	transform-origin: top left;
}
.plum_n2_5 {
	position: absolute;
	width: 45%;
	right: -21%;
	bottom: 64%;
	transform-origin: bottom right;
	transform: rotate(-127.98deg);
}
.plum_n2_6 {
	position: absolute;
	width: 28%;
	top: -27%;
	right: -33%;
}
.plum_n3_1 {
	position: absolute;
	width: 140%;
	left: -26%;
	top: -310%;
	z-index: -1;
}

.plum_n3_2 {
	position: absolute;
	width:27%;
	left: 1%;
	top: -190%;
}

.plum_n3_3 {
	position: absolute;
	width: 30%;
	right: 20%;
	bottom: -160%;
}

.plum_n4_1 {
	position: absolute;
	top: -17%;
	right: -6%;
	width: 44%;
	transform: matrix(-0.85, 0.52, 0.52, 0.85, 0, 0);
}
.plum_n4_2 {
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(-104%) translateY(4%) rotate(-53.95deg);
	transform-origin: top left;
	width: 100%;
}
.plum_n4_3 {
	position: absolute;
	top: -50%;
	left: 1%;
	transform: translateY(-100%);	
}
.plum_n4_4 {
	position: absolute;
	right: -29%;
	width: 26%;
}

.plum_n5_1 {
	position: absolute;
	width: 180%;
	left: -60%;
	top: -300%;
	z-index: -1;
}

.plum_n5_2 {
	position: absolute;
	width:27%;
	left: 1%;
	top: -190%;
}

.plum_n5_3 {
	position: absolute;
	width: 30%;
	right: 10%;
	bottom: -160%;
}

.plum_n5_4 {
	position: absolute;
	width: 30%;
	left: -32%;
	top: -6%;
}
.plum_n5_5 {
	position: absolute;
	width: 131%;
	right: -65%;
	top: -7%;
	transform: rotate(111deg);
	transform-origin: center;
}

.plum_n6_1 {
	position: absolute;
	width: 66%;
	left: -31%;
	top: -465%;
	transform: rotate(-35.49deg);
}

.plum_n6_2 {
	position: absolute;
	width:27%;
	left: 1%;
	top: -300%;
}

.plum_n6_3 {
	position: absolute;
	width: 30%;
	right: 0%;
	bottom: -200%;
}

.plum_n6_4 {
	position: absolute;
	width: 93%;
	left: -87%;
	top: -47%;
	transform: rotate(-51.49deg);
	transform-origin: center;
}


.plum_1_1 {
	position:relative;
	
	background-image: url(assets/plum/1_1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.plum_1_1:after {
	content:"";
	display:block;
	position:absolute;
	width:14%;
	height:14%;
	left:56%;
	background-image: url(assets/plum/1_4.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.plum_1_1:before {
	content:"";
	display:block;
	position:absolute;
	width:22%;
	height:20%;
	top:16%;
	left:8%;
	background-image: url(assets/plum/1_5.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.plum_1_2 {
	position:absolute;
	top: 4%;
	width: 30%;
	left: 8%;	
}
.plum_1_3 {
	position: absolute;
	top: 21%;
	width: 100%;
	left: 54%;
	z-index: -1;
}


.plum_2_1 {
	position: absolute;
	top: 67%;
	left: 26%;
	width: 32%;
	transform: rotate(-35.49deg) translateY(-50%) translateX(-50%);
	transform-origin: top left;
}
.plum_2_2 {
	position: absolute;
	top: 10%;
	width: 13%;
	left: 24%;	
}
.plum_2_3 {
	position: absolute;
	top: 66%;
	width: 8%;
	left: 60%;	
}


.plum_2_4 {
	position: absolute;
	top: -62%;
	left: 3%;
	width: 30%;
	transform: rotate(52deg);
	z-index: -1;
}

.plum_2_5 {
	position: absolute;
	bottom: -30%;
	right: 3%;
	width: 30%;
	transform: rotate(-127deg);
}

.plum_2_6 {
	display:none;
	position: absolute;
	top: 66%;
	width: 8%;
	left: 60%;	
}
.plum_text {
	position:relative;
	z-index:10;
}



@media screen and (max-width:1000px){

}

@media screen and (max-width:768px){
	.plum_0_1 {
		position: absolute;
		top: -99%;
		left: 24%;
		width: 70%;
		transform: rotate(39.13deg);
		transform-origin: top left;
		z-index: -1;
	}
	.plum_0_3 {
		width: 52%;
		bottom: -40%;
		left: -17%;		
	}
	.plum_0_4 {
		width: 108%;
		bottom: -92%;
		right: -60%;		
	}
	
	.plum_n1_3{
		width: 30%;
		right: 0;
		bottom: -133%;		
	}
	.plum_1_2 {
		top: 57%;
		width: 37%;
		left: 59%;
	}
	.plum_1_3 {
		top: -18%;
		width: 90%;
		left: -13%;
		z-index: -1;
	}
	.plum_n2_1 {
		position: absolute;
		width: 66%;
		left: 7%;
		top: 0;
		transform: translateY(-35%) rotate(-34deg);
		transform-origin: center;
	}
	.plum_n2_2 {
		position: absolute;
		width: 27%;
		left: 48%;
		top: -149%;
		transform: translateY(-50%);
	}
	.plum_n2_3 {
		position: absolute;
		width: 15%;
		right: 9%;
		bottom: -202%;
	}
	.plum_n2_4 {
		position: absolute;
		width: 53%;
		left: -4%;
		top: -154%;
		transform: rotate(31deg);
		transform-origin: center;
	}
	
	.plum_n2_5 {
		position: absolute;
		width: 51%;
		right: 11%;
		bottom: 76%;
	}
	.plum_n3_1 {
	  position: absolute;
	  width: 161%;
	  left: -36%;
	  top: -267%;
	  z-index: -1;
	  opacity:0.8;
	}
	.plum_n3_3 {
		position: absolute;
		width: 22%;
		right: 0;
		bottom: -203%;
	}
	.plum_n4_1 {
	  position: absolute;
	  top: -59%;
	  right: 48%;
	  width: 44%;	
	}
	.plum_n4_2 {
		position: absolute;
		top: -32px;
		left: -24px;
		transform: rotate(-80deg);
		transform-origin: center;
		width: 100%;
		opacity: 0.8;
	}	
	.plum_n4_3 {
		width:22%;
	}
	.plum_n4_4 {
		position: absolute;
		right: 0;
		width: 31%;
		bottom: -168%;
	}	
	
	.plum_n5_1 {
		position: absolute;
		width: 180%;
		left: -47%;
		top: -222%;
		z-index: -1;
	}
	.plum_n5_4 {
		position: absolute;
		width: 41%;
		left: 1%;
		bottom: -51%;
		z-index: 100;
	}	
	.plum_n5_5 {
		position: absolute;
		width: 84%;
		right: -20%;
		top: -100%;
		transform: rotate(97deg);
		transform-origin: center;
	}


	.plum_n6_1 {
		position: absolute;
		width: 100%;
		left: 11%;
		top: 0;
		transform: translateY(-40%) rotate(-35.49deg);
		transform-origin: center;
		opacity: 0.8;
	}
	.plum_n6_2 {
		position: absolute;
		width: 35%;
		left: auto;
		top: -300%;
		right: 1%;
	}
	.plum_n6_3 {
		position: absolute;
		width: 18%;
		left: 0;
		right:auto;
		bottom: -250%;
	}

	.plum_n6_4 {
		position: absolute;
		width: 95%;
		left: -19%;
		top: 7%;
		transform: rotate(-64.49deg);
		transform-origin: center;
	}

}

@media screen and (max-width:480px){
	.plum_n6_4 {
		position: absolute;
		width: 108%;
		left: -25%;
		top: 7%;
		transform: rotate(-64.49deg);
		transform-origin: center;
	}	
}