.pipe-top {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 72px
}
.content-layer {
    /*height: 2450px;*/
    z-index: 0;
    position: absolute;
    margin: 0 auto
}

#pipe {
    z-index: 0
}
.pipe {
    position: relative;
    overflow: hidden
}
#range {
    display: none
}
.border-outer {
    width: 95%;
    max-width: 1100px;
    margin: 0 auto;
    border-radius: 20px;
    position: absolute;
    top: 0;
    height: 1271px;
    left: 50%;
    display: none
}
.border-inner {
    position: relative;
    left: -50%;
    border: 1px dashed #dadfe3;
    height: 1251px;
    border-radius: 20px
}
.pipe-outer {
    position: absolute;
    left: 50%
}
.pipe-inner {
    position: relative;
    right: 50%
}

.pipe-draw-horiz {
    width: 36px;
    height: 12px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}
.pipe-draw-vert {
    width: 10px;
	height: 44px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.pipe-draw-vert-second {
    width: 10px;
	height: 219px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.pipe-draw-1 {
    overflow: hidden;
    position: absolute;
    padding-right: 4px;
    top: 20px;
    right: 100px;
}
.pipe-draw-2 {
    overflow: hidden;
    position: absolute;
    padding-left: 0px;
    top: 70px;
    left: 100px;
}
.pipe-draw-3 {
    overflow: hidden;
    position: absolute;
    padding-left: 4px;
    top: 70px;
    left: 9px;
}
.pipe-draw-4 {
    overflow: hidden;
	position: absolute;
	padding-right: 4px;
	top: -11%;
	left: 21.85%;
}
.pipe-draw-5 {
    overflow: hidden;
	position: absolute;
	padding-right: 4px;
	top: -11%;
	left: 49.15%;
}
.pipe-draw-6 {
   overflow: hidden;
	position: absolute;
	padding-right: 4px;
	top: -11%;
	left: 76.50%;
}
.pipe-draw-7 {
   overflow: hidden;
	position: relative;
	padding-right: 4px;
	left: 47%;
	
	 -webkit-transition: left 1s ease;
	-moz-transition: left 1s ease;
	-o-transition: left 1s ease;
	transition: left 1s ease;
}
.pipe-draw-8 {
    overflow: hidden;
    position: absolute;
    padding-right: 6px;
    top: 80px;
    right: 100px;
    
    -webkit-transition: right 1s ease;
	-moz-transition: right 1s ease;
	-o-transition: right 1s ease;
	transition: right 1s ease;
}
.pipe-draw-9 {
    overflow: hidden;
    position: absolute;
    padding-left: 0px;
    top: 125px;
    left: 101px;
    
     -webkit-transition: left 1s ease;
	-moz-transition: left 1s ease;
	-o-transition: left 1s ease;
	transition: left 1s ease;
}
.pipe-draw-anim-1 {
    width: 40px;
    height: 6px;
    background: #2886c5;
    margin-top: 2px;
    position: absolute;
    -webkit-transition: right 1s ease;
	-moz-transition: right 1s ease;
	-o-transition: right 1s ease;
	transition: right 1s ease;
}
.pipe-draw-anim-2 {
    width: 40px;
    height: 6px;
    background: #2886c5;
    margin-top: 2px;
    position: absolute;
     -webkit-transition: left 1s ease;
	-moz-transition: left 1s ease;
	-o-transition: left 1s ease;
	transition: left 1s ease;
    
}
.pipe-draw-anim-3 {
    width: 40px;
    height: 6px;
    background: #2886c5;
    margin-top: 2px;
    position: absolute;
    -webkit-transition: left 1s ease;
	-moz-transition: left 1s ease;
	-o-transition: left 1s ease;
	transition: left 1s ease;
}
.pipe-draw-anim-4 {
    width: 6px;
    height: 40px;
    background: #2886c5;
    margin-left: 1px;
    position: absolute;
    -webkit-transition: top 1s ease;
	-moz-transition: top 1s ease;
	-o-transition: top 1s ease;
	transition: top 1s ease;
}
.pipe-draw-anim-5 {
    width: 6px;
    height: 40px;
    background: #2886c5;
    margin-left: 1px;
    position: absolute;
    -webkit-transition: top 1s ease;
	-moz-transition: top 1s ease;
	-o-transition: top 1s ease;
	transition: top 1s ease;
}
.pipe-draw-anim-6 {
    width: 6px;
    height: 40px;
    background: #2886c5;
    margin-left: 1px;
    position: absolute;
   -webkit-transition: top 1s ease;
	-moz-transition: top 1s ease;
	-o-transition: top 1s ease;
	transition: top 1s ease;
}

.pipe-draw-anim-7 {
    width: 6px;
    height: 220px;
    background: #2886c5;
    margin-left: 1px;
    position: absolute;
   -webkit-transition: top 1s ease;
	-moz-transition: top 1s ease;
	-o-transition: top 1s ease;
	transition: top 1s ease;
}

.pipe-draw-anim-8 {
    width: 40px;
    height: 6px;
    background: #2886c5;
    margin-top: 2px;
    position: absolute;
    -webkit-transition: right 1s ease;
	-moz-transition: right 1s ease;
	-o-transition: right 1s ease;
	transition: right 1s ease;
}
.pipe-draw-anim-9 {
    width: 40px;
    height: 6px;
    background: #2886c5;
    margin-top: 2px;
    position: absolute;
     -webkit-transition: left 1s ease;
	-moz-transition: left 1s ease;
	-o-transition: left 1s ease;
	transition: left 1s ease;
    
}
.svg-path-layer {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}
.svg-path-layer circle {
    cursor: pointer
}
.svg-path-layer path {
    transition: all 0.1s
}
@media screen and (max-width: 1025px) {
	.pipe-draw-vert-second {
	    width: 10px;
		height: 180px;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
	.pipe-draw-1 {
	    overflow: hidden;
	    position: absolute;
	    padding-right: 4px;
	    top: 10px;
	    right: 83px;
	}
	.pipe-draw-2 {
	    overflow: hidden;
	    position: absolute;
	    padding-left: 0px;
	    top: 70px;
	    left: 84px;
	}
	.pipe-draw-3 {
	    overflow: hidden;
	    position: absolute;
	    padding-left: 4px;
	    top: 80px;
	    left: 9px;
	}
	.pipe-draw-4 {
	    overflow: hidden;
		position: absolute;
		padding-right: 4px;
		top: -11%;
		left: 21.85%;
	}
	.pipe-draw-5 {
	    overflow: hidden;
		position: absolute;
		padding-right: 4px;
		top: -11%;
		left: 49.15%;
	}
	.pipe-draw-6 {
	   overflow: hidden;
		position: absolute;
		padding-right: 4px;
		top: -11%;
		left: 76.50%;
	}
	.pipe-draw-7 {
		overflow: hidden;
		position: relative;
		padding-right: 4px;
		left: 47%;
		-webkit-transition: left 1s ease;
		-moz-transition: left 1s ease;
		-o-transition: left 1s ease;
		transition: left 1s ease;
	}
	.pipe-draw-8 {
	    overflow: hidden;
	    position: absolute;
	    padding-right: 6px;
	    top: 50px;
	    right: 83px;
	    -webkit-transition: right 1s ease;
		-moz-transition: right 1s ease;
		-o-transition: right 1s ease;
		transition: right 1s ease;
	}
	.pipe-draw-9 {
	    overflow: hidden;
	    position: absolute;
	    padding-left: 0px;
	    top: 90px;
	    left: 86px;
	    -webkit-transition: left 1s ease;
		-moz-transition: left 1s ease;
		-o-transition: left 1s ease;
		transition: left 1s ease;
	}
	.pipe-draw-anim-1 {
	    width: 40px;
	    height: 6px;
	    background: #2886c5;
	    margin-top: 2px;
	    position: absolute;
	    -webkit-transition: right 1s ease;
		-moz-transition: right 1s ease;
		-o-transition: right 1s ease;
		transition: right 1s ease;
	}
	.pipe-draw-anim-2 {
	    width: 40px;
	    height: 6px;
	    background: #2886c5;
	    margin-top: 2px;
	    position: absolute;
	     -webkit-transition: left 1s ease;
		-moz-transition: left 1s ease;
		-o-transition: left 1s ease;
		transition: left 1s ease;
	    
	}
	.pipe-draw-anim-3 {
	    width: 40px;
	    height: 6px;
	    background: #2886c5;
	    margin-top: 2px;
	    position: absolute;
	    -webkit-transition: left 1s ease;
		-moz-transition: left 1s ease;
		-o-transition: left 1s ease;
		transition: left 1s ease;
	}
	.pipe-draw-anim-4 {
	    width: 6px;
	    height: 40px;
	    background: #2886c5;
	    margin-left: 1px;
	    position: absolute;
	    -webkit-transition: top 1s ease;
		-moz-transition: top 1s ease;
		-o-transition: top 1s ease;
		transition: top 1s ease;
	}
	.pipe-draw-anim-5 {
	    width: 6px;
	    height: 40px;
	    background: #2886c5;
	    margin-left: 1px;
	    position: absolute;
	    -webkit-transition: top 1s ease;
		-moz-transition: top 1s ease;
		-o-transition: top 1s ease;
		transition: top 1s ease;
	}
	.pipe-draw-anim-6 {
	    width: 6px;
	    height: 40px;
	    background: #2886c5;
	    margin-left: 1px;
	    position: absolute;
	   -webkit-transition: top 1s ease;
		-moz-transition: top 1s ease;
		-o-transition: top 1s ease;
		transition: top 1s ease;
	}
	
	.pipe-draw-anim-7 {
	    width: 6px;
	    height: 180px;
	    background: #2886c5;
	    margin-left: 1px;
	    position: absolute;
	   -webkit-transition: top 1s ease;
		-moz-transition: top 1s ease;
		-o-transition: top 1s ease;
		transition: top 1s ease;
	}
	
	.pipe-draw-anim-8 {
	    width: 40px;
	    height: 6px;
	    background: #2886c5;
	    margin-top: 2px;
	    position: absolute;
	    -webkit-transition: right 1s ease;
		-moz-transition: right 1s ease;
		-o-transition: right 1s ease;
		transition: right 1s ease;
	}
	.pipe-draw-anim-9 {
	    width: 40px;
	    height: 6px;
	    background: #2886c5;
	    margin-top: 2px;
	    position: absolute;
	     -webkit-transition: left 1s ease;
		-moz-transition: left 1s ease;
		-o-transition: left 1s ease;
		transition: left 1s ease;
	    
	}
}
@media screen and (max-width: 668px) {
    .pipe {
        border: none;
        border-radius: none;
        padding: none;
        margin-bottom: none;
        }
}