/*--- Spheres --*/

.sphere {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	border-radius: 50%;
	z-index: 1;
	background: url('/wp-content/themes/dialogtech/img/sphere.png') no-repeat center center !important;
	background-size: cover !important;
}

#s01 { /* Home page */
	top: 7vw;
	left: -6vw;
	width: 18vw;
	height: 18vw;
	transform: translateY(2.85rem);
}

#s02 { /* Home page */
	top: -7vw;
	left: 37vw;
	width: 12vw;
	height: 12vw;
	transform: translateY(5.7rem);
}

#s03 { /* Home page */
	top: -8vw;
	left: 45vw;
	width: 25vw;
	height: 25vw;
	transform: translateY(0.95rem);
}

#s04 { /* Home page */
	top: 6vw;
	right: 2vw;
	width: 22vw;
	height: 22vw;
	transform: translateY(7.28rem);
}

#s05 { /* Home page */
	top: 55vw;
	left: -4vw;
	width: 20vw;
	height: 20vw;
}

#s06 { /* Home page */
	top: 60vw;
	right: 7vw;
	width: 6vw;
	height: 6vw;
	transform: translateY(5.7rem);
}

#s07 { /* Home page */
	top: 56.6vw;
	right: 7vw;
	width: 16vw;
	height: 16vw;
	transform: translateY(7.28rem);
}

#s08 { /* Home page */
	top: 3vw;
	left: -1vw;
	width: 32vw;
	height: 32vw;
	transform: translateY(5.7rem);
	opacity: .3;
}

#s09 { /* Home page */
	top: 17vw;
	right: 2vw;
	width: 22vw;
	height: 22vw;
	transform: translateY(7.28rem);
}

#s10 { /* Demo */
	top: 8vw;
	left: 1.4vw;
	width: 18vw;
	height: 18vw;
	transform: translateY(1.35rem);
}

#s11 { /* Demo */
	top: -7vw;
	left: 47vw;
	width: 28vw;
	height: 28vw;
	transform: translateY(6.75rem);
}

#s12 { /* Demo */
	top: 5vw;
	right: -1vw;
	width: 23vw;
	height: 23vw;
	transform: translateY(2.7rem);
}

#s13 { /* General Use */
	top: -6vw;
	left: 1.6vw;
	width: 18vw;
	height: 18vw;
	transform: translateY(2.85rem);
}

#s14 { /* General Use */
	top: -22vw;
	left: 10vw;
	width: 28vw;
	height: 28vw;
	transform: translateY(5.7rem);
}

#s15 { /* General Use */
	top: -5vw;
	right: -1vw;
	width: 23vw;
	height: 23vw;
	transform: translateY(2.7rem);
}

#s16 { /* Careers */
	top: -28vw;
	left: 16vw;
	width: 38vw;
	height: 38vw;
	transform: translateY(2.85rem);
}

#s17 { /* Careers */
	top: -25vw;
	right: -40vw;
	width: 60vw;
	height: 60vw;
	transform: translateY(9.5rem);
}

#s18 { /* Product Landing */
	top: 5vw;
	left: -3vw;
	width: 15vw;
	height: 15vw;
	opacity: 0.3;
	transform: translateY(6.5rem);
}

#s19 { /* Product Landing */
	top: 0vw;
	right: -5vw;
	width: 10vw;
	height: 10vw;
	opacity: 0.3;
	transform: translateY(6.5rem);
}

#s20 { /* Product Landing */
	top: 15vw;
	left: -4vw;
	width: 12vw;
	height: 12vw;
	opacity: 0.3;
	transform: translateY(6.5rem);
	z-index: 51;
}

#s21 { /* Product Landing */
	top: 24vw;
	left: -10vw;
	width: 18vw;
	height: 18vw;
	opacity: 0.3;
	transform: translateY(6.5rem);
	z-index: 51;
}

#s22 { /* Product Landing */
	top: 35vw;
	right: 4vw;
	width: 8vw;
	height: 8vw;
	opacity: 0.3;
	transform: translateY(6.5rem);
	z-index: 51;
}

#s23 { /* Product Landing */
	top: 5vw;
	left: 40vw;
	width: 8vw;
	height: 8vw;
	opacity: 0.3;
	transform: translateY(6.5rem);
}

#s24 { /* Product Landing */
	top: 15vw;
	right: 40vw;
	width: 15vw;
	height: 15vw;
	opacity: 0.3;
	transform: translateY(6.5rem);
}

#s25 { /* Product Landing */
	top: 40vw;
	right: -1vw;
	width: 12vw;
	height: 12vw;
	opacity: 0.3;
	transform: translateY(6.5rem);
}

#s26 { /* Product Use Case */
	top: 5vw;
	left: -3vw;
	width: 15vw;
	height: 15vw;
	opacity: 0.3;
}

#s27 { /* Product Use Case */
	top: 9vw;
	right: -3vw;
	width: 8vw;
	height: 8vw;
	opacity: 0.3;
}

#s28 { /* Product Use Case */
	top: -14vw;
	left: 1vw;
	width: 12vw;
	height: 12vw;
	opacity: 0.3;
}

#s29 { /* Product Use Case */
	top: 0;
	left: -4vw;
	width: 18vw;
	height: 18vw;
	opacity: 0.3;
}

#s30 { /* Product Use Case */
	top: -2vw;
	right: -4vw;
	width: 12vw;
	height: 12vw;
	opacity: 0.3;
}

#s31 { /* Product Use Case */
	top: 10vw;
	right: 5vw;
	width: 12vw;
	height: 12vw;
	opacity: 0.3;
}

#s32 { /* Product Use Case */
	top: initial;
	bottom: -80px;
	left: 26vw;
	width: 12vw;
	height: 12vw;
	opacity: 0.3;
}

#s33 { /* Product Use Case */
	top: 45%;
	left: 5px;
	width: 7vw;
	height: 7vw;
	opacity: 0.3;
}

#s34 { /* Product Use Case */
	top: 38%;
	right: -6vw;
	width: 12vw;
	height: 12vw;
	opacity: 0.3;
}

#s35 { /* Case Study */
	top: 5%;
	left: -14vw;
	width: 28vw;
	height: 28vw;
	opacity: 0.3;
	transform: translateY(5.7rem);
}

#s36 { /* Case Study */
	top: 38%;
	right: -12vw;
	width: 20vw;
	height: 20vw;
	opacity: 0.3;
}

#s37 { /* Case Study */
	top: -28vw;
	left: 12vw;
	width: 38vw;
	height: 38vw;
	transform: translateY(0.95rem);
}

#s38 { /* Case Study */
	top: -15vw;
	right: -40vw;
	width: 60vw;
	height: 60vw;
	transform: translateY(3.8rem);
}

#s39 { /* Blog Post */
	top: -20vw;
	left: -20vw;
	width: 60vw;
	height: 60vw;
	transform: translateY(2.85rem);
}

#s40 { /* Blog Post */
	top: 34%;
	left: -8vw;
	width: 20vw;
	height: 20vw;
	transform: translateY(5.7rem);
}

#s41 { /* Blog Post */
	top: -20vw;
	left: 45vw;
	width: 30vw;
	height: 30vw;
	transform: translateY(1.9rem);
}

#s42 { /* Blog Post */
	top: -4vw;
	right: -15vw;
	width: 30vw;
	height: 30vw;
	transform: translateY(3.8rem);
}

#s43 { /* Home page */
	top: 18vw;
	left: 54vw;
	width: 12vw;
	height: 12vw;
	opacity: 0.3;
}

#s44 { /* Infographic */
	top: 10%;
	left: -9vw;
	width: 18vw;
	height: 18vw;
	transform: translateY(6.18rem);
}

#s45 { /* Infographic */
	top: -14vw;
	left: 47vw;
	width: 28vw;
	height: 28vw;
	transform: translateY(2.54rem);
}

#s46 { /* Infographic */
	top: 20px;
	right: -12vw;
	width: 23vw;
	height: 23vw;
	transform: translateY(1.27rem);
}