.anim-connected-wrapper img:hover {
	opacity:1 !important;
}
.anim-connected-wrapper {
	position:relative;
	width:100%;
	padding:36% 0;
	margin-left:13px;
}
.anim-connected-wrapper div {
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}
.anim-connected-wrapper .anim-connected {
	position:absolute;
	top:25%; /* 18%; */
	left:16%;
	background-image:url('/template/img/connected-animation/connected.png');
	width:32%; /* 45%; */
}
.anim-connected-wrapper .anim-connected:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.anim-connected-wrapper .anim-connected img {
	width:100%;
	height:auto;
}

/* Dots  */
.anim-connected-wrapper .anim-dot-design {
	position:absolute;
	left:63.2%;
	top:1.25%;
}
.anim-connected-wrapper .anim-dot-repro {
	position:absolute;
	left:89.5%;
	top:66.5%;
}
.anim-connected-wrapper .anim-dot-artwork {
	position:absolute;
	left:89.5%;
	top:27%;
}
.anim-connected-wrapper .anim-dot-print {
	position:absolute;
	left:63.2%;
	top:91%;
}

.anim-connected-wrapper .anim-dot {
	width:7.5%;
	height:7.5%;
	border:0.3vw solid #fff;
}

.anim-connected-wrapper .anim-dot:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.anim-connected-wrapper .anim-dot,
.anim-connected-wrapper .anim-marker {
	border-radius:500px;
}

.anim-connected-wrapper .anim-marker {
	width: 100%;
	height: 100%;
	margin: 0%;
	border: 0.25vw solid #333;
	background-color:#fff;
}

.anim-connected-wrapper .anim-dot:hover .anim-marker {
	/* background-color:#008996; */
}

/*
 Turn off links in home page animation
*/
.anim-connected-wrapper a {
	pointer-events:none !important;
}


.anim-connected-wrapper .anim-dot:hover > div,
.anim-connected-wrapper .anim-label:hover {
	pointer-events: all;
}

.anim-connected-wrapper .anim-label img {
	-webkit-filter: drop-shadow(3px 6px 8px rgba(0,0,0,0.75));
}

.anim-connected-wrapper .anim-label img:hover {
	margin-top:1px;
	margin-left:1px;
	-webkit-filter: drop-shadow(0px 3px 4px rgba(0,0,0,0.75));
}

.anim-connected-wrapper .anim-dot > div {
	transition: all 0.25s linear 0.3s;
}

/* Labels */
.anim-connected-wrapper .anim-label {
	position:relative;
	width:1950%; /*1200%; */
}
.anim-connected-wrapper .anim-design {
	top:-1000%;
	left:0%;
}
.anim-connected-wrapper .anim-artwork {
	top:-530%;
	left:220%;
}
.anim-connected-wrapper .anim-repro {
	top:-310%;
	left:220%;
	/*
	width:337px;
	height:143px;
	*/
}
.anim-connected-wrapper .anim-print {
	top:90%;
	left:0%;
	/*
	width:337px;
	height:143px;
	*/
}