.socket {
		width: 200px;
		height: 200px;
		position: absolute;
		left: 50%;
		margin-left: -100px;
		top: 50%;
		margin-top: -100px;
	}
	
	.hex-brick{
		background: #ff9f67;
		width: 30px;
		height: 17px;
		position: absolute;
		top: 5px;
		animation-name: fade;
		animation-duration: 2s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
		animation-fill-mode: both;
		-webkit-animation-name: fade;
		-webkit-animation-duration: 2s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-fill-mode: both;
		will-change: background;
	}
	
	.h2{
		transform: rotate(60deg);
		-webkit-transform: rotate(60deg);
	}
	
	.h3{
		transform: rotate(-60deg);
		-webkit-transform: rotate(-60deg);
	}
	
	.gel{
		height: 30px;
		width: 30px;
		transition: all .3s;
		-webkit-transition: all .3s;
		position: absolute;
		top: 50%;
		left: 50%;
		will-change: transform;
	}
	
	.center-gel{
		margin-left: -15px;
		margin-top: -15px;
		
		animation-name: pulse;
		animation-duration: 2s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
		animation-fill-mode: both;
		-webkit-animation-name: pulse;
		-webkit-animation-duration: 2s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-fill-mode: both;
	}
	
	.c1{
		margin-left: -47px;
		margin-top: -15px;
	}
	
	.c2{
		margin-left: -31px;
		margin-top: -43px;
	}
	
	.c3{
		margin-left: 1px;
		margin-top: -43px;
	}
	
	.c4{
		margin-left: 17px;
		margin-top: -15px;
	}
	.c5{
		margin-left: -31px;
		margin-top: 13px;
	}
	
	.c6{
		margin-left: 1px;
		margin-top: 13px;
	}
	
	.c7{
		margin-left: -63px;
		margin-top: -43px;
	}
	
	.c8{
		margin-left: 33px;
		margin-top: -43px;
	}
	
	.c9{
		margin-left: -15px;
		margin-top: 41px;
	}
	
	.c10{
		margin-left: -63px;
		margin-top: 13px;
	}
	
	.c11{
		margin-left: 33px;
		margin-top: 13px;
	}
	
	.c12{
		margin-left: -15px;
		margin-top: -71px;
	}
	
	.c13{
		margin-left: -47px;
		margin-top: -71px;
	}
	
	.c14{
		margin-left: 17px;
		margin-top: -71px;
	}
	
	.c15{
		margin-left: -47px;
		margin-top: 41px;
	}
	
	.c16{
		margin-left: 17px;
		margin-top: 41px;
	}
	
	.c17{
		margin-left: -79px;
		margin-top: -15px;
	}
	
	.c18{
		margin-left: 49px;
		margin-top: -15px;
	}
	
	.c19{
		margin-left: -63px;
		margin-top: -99px;
	}
	
	.c20{
		margin-left: 33px;
		margin-top: -99px;
	}
	
	.c21{
		margin-left: 1px;
		margin-top: -99px;
	}
	
	.c22{
		margin-left: -31px;
		margin-top: -99px;
	}
	
	.c23{
		margin-left: -63px;
		margin-top: 69px;
	}
	
	.c24{
		margin-left: 33px;
		margin-top: 69px;
	}
	
	.c25{
		margin-left: 1px;
		margin-top: 69px;
	}
	
	.c26{
		margin-left: -31px;
		margin-top: 69px;
	}
	
	.c27{
		margin-left: -79px;
		margin-top: -15px;
	}
	
	.c28{
		margin-left: -95px;
		margin-top: -43px;
	}
	
	.c29{
		margin-left: -95px;
		margin-top: 13px;
	}
	
	.c30{
		margin-left: 49px;
		margin-top: 41px;
	}
	
	.c31{
		margin-left: -79px;
		margin-top: -71px;
	}
	
	.c32{
		margin-left: -111px;
		margin-top: -15px;
	}
	
	.c33{
		margin-left: 65px;
		margin-top: -43px;
	}
	
	.c34{
		margin-left: 65px;
		margin-top: 13px;
	}
	
	.c35{
		margin-left: -79px;
		margin-top: 41px;
	}
	
	.c36{
		margin-left: 49px;
		margin-top: -71px;
	}
	
	.c37{
		margin-left: 81px;
		margin-top: -15px;
	}
	
	.r1{
		animation-name: pulse;
		animation-duration: 2s;
		animation-iteration-count: infinite;
		animation-delay: .2s;
		animation-timing-function: ease-in-out;
		animation-fill-mode: both;
		-webkit-animation-name: pulse;
		-webkit-animation-duration: 2s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-delay: .2s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-fill-mode: both;
	}
	
	.r2{
		animation-name: pulse;
		animation-duration: 2s;
		animation-iteration-count: infinite;
		animation-delay: .4s;
		animation-timing-function: ease-in-out;
		animation-fill-mode: both;
		-webkit-animation-name: pulse;
		-webkit-animation-duration: 2s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-delay: .4s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-fill-mode: both;
	}
	
	.r3{
		animation-name: pulse;
		animation-duration: 2s;
		animation-iteration-count: infinite;
		animation-delay: .6s;
		animation-timing-function: ease-in-out;
		animation-fill-mode: both;
		-webkit-animation-name: pulse;
		-webkit-animation-duration: 2s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-delay: .6s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-fill-mode: both;
	}
	
	.r1 > .hex-brick{
		animation-name: fade;
		animation-duration: 2s;
		animation-iteration-count: infinite;
		animation-delay: .2s;
		animation-timing-function: ease-in-out;
		animation-fill-mode: both;
		-webkit-animation-name: fade;
		-webkit-animation-duration: 2s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-delay: .2s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-fill-mode: both;
	}
	
	.r2 > .hex-brick{
		animation-name: fade;
		animation-duration: 2s;
		animation-iteration-count: infinite;
		animation-delay: .4s;
		animation-timing-function: ease-in-out;
		animation-fill-mode: both;
		-webkit-animation-name: fade;
		-webkit-animation-duration: 2s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-delay: .4s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-fill-mode: both;
	}
	
	.r3 > .hex-brick{
		animation-name: fade;
		animation-duration: 2s;
		animation-iteration-count: infinite;
		animation-delay: .6s;
		animation-timing-function: ease-in-out;
		animation-fill-mode: both;
		-webkit-animation-name: fade;
		-webkit-animation-duration: 2s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-delay: .6s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-fill-mode: both;
	}
	
	
	@keyframes pulse{
		0%{
			-webkit-transform: scale(1);
			transform: scale(1);
		}
		
		50%{
			-webkit-transform: scale(0.1);
			transform: scale(0.1);
		}
		
		100%{
			-webkit-transform: scale(1);
			transform: scale(1);
		}
	}
	
	@keyframes fade{
		0%{
			background: #ff9f67;
		}
		
		33%{
			background: #ffaf2e;
		}
		
		66%{
			background: #ff9f67;
		}
		
		100%{
			background: #ffaf2e;
		}
	}
	
	@-webkit-keyframes pulse{
		0%{
			-webkit-transform: scale(1);
			transform: scale(1);
		}
		
		50%{
			-webkit-transform: scale(0.1);
			transform: scale(0.1);
		}
		
		100%{
			-webkit-transform: scale(1);
			transform: scale(1);
		}
	}
	
	@-webkit-keyframes fade{
		0%{
			background: #ff9f67;
		}
		
		33%{
			background: #ffaf2e;
		}
		
		66%{
			background: #ff9f67;
		}
		
		100%{
			background: #ffaf2e;
		}
	}