/*--------------------- Globals ---------------------*/
:focus { outline:none; }
::-moz-focus-inner { border:0; }
html, body { background-color: #fff; margin: 0; padding: 0; }
#wells { position: absolute; top: 0px; left: 0px; width: 300px; height: 250px; overflow: hidden;
transform-style: preserve-3d;
perspective: 400;
-webkit-transform-style: preserve-3d;
-webkit-perspective: 400;
background: #293e40;
}
#wells svg { position: absolute; overflow: hidden; }
#wells div { display: block; overflow: hidden; position: absolute; background: transparent; }
#wells img { display: block; width: 100%; height: 100%; position: absolute; }
#wells .lockup { width: 300px; height: 250px; }

#wells #geo { width: 46px; height: 201%; right: 0; }

#wells #geo .box { position: relative; float: left; }

#wells #geo .box_tri { width: 100%; height: 46px; }
#wells #geo .box_tri .tri { width: 100%; height: 100%; left: 50%; transform: skewX(45deg); }
#wells #geo #box_tri_pink_blue2.box_tri,
#wells #geo #box_tri_pink_blue1.box_tri { background: #eabcbb; }
#wells #geo #box_tri_pink_blue2.box_tri .tri,
#wells #geo #box_tri_pink_blue1.box_tri .tri { background: #68a2af; }

#wells #geo #box_tri_green_red2.box_tri,
#wells #geo #box_tri_green_red1.box_tri { width: 50%; height: 23px; background: #283f41; }
#wells #geo #box_tri_green_red2.box_tri .tri,
#wells #geo #box_tri_green_red1.box_tri .tri { background: #f1706e; }

#wells #geo #box_tri_white_red2.box_tri,
#wells #geo #box_tri_white_red1.box_tri { width: 50%; height: 23px; background: #fff; }
#wells #geo #box_tri_white_red2.box_tri .tri,
#wells #geo #box_tri_white_red1.box_tri .tri { background: #f1706e; }

#wells #geo .box_cir_white_green { background: #8585bd; width: 50%; height: 23px; }
#wells #geo .box_cir_white_green .cir { width: 90%; height: 90%; left: 5%; top: 5%;  }
#wells #geo .box_cir_white_green .cir_green { background: #293e40; width: 100%; height: 50%; border-bottom-left-radius: 23px; border-bottom-right-radius: 23px; }
#wells #geo .box_cir_white_green .cir_white { background: white; width: 100%; height: 50%; border-top-left-radius: 23px; border-top-right-radius: 23px; bottom: 0; }
#wells #geo .box_cir_white_green .cir .cir_white { top: 0; }
#wells #geo .box_cir_white_green .cir .cir_green { bottom: 0; }

#wells #geo .box_pi { background: white; width: 100%; height: 46px; }
#wells #geo .box_pi .pi { background: #89b7a1; width: 100%; height: 200%; border-top-left-radius: 46px; border-bottom-left-radius: 46px; bottom: 0; }

#wells #geo .box_blue,
#wells #geo .box_teal,
#wells #geo .box_pink { background: #eabcbb; width: 50%; height: 23px; }
#wells #geo .box_teal { background: #89b7a1; }
#wells #geo .box_blue { background: #68a2af; }

#wells #geo .box_stripe { width: 50%; height: 23px; }
#wells #geo .box_stripe .stripe {  width: 200%; height: 100%;
	background: repeating-linear-gradient(
	45deg,
	#ffffff,
	#ffffff 2px,
	#293e40 2px,
	#293e40 4px
	);
 }
 
#wells #geo .box_ball { background: #8585bd; width: 100%; height: 46px; }
#wells #geo .box_ball .ball { background: #283f41; width: 90%; height: 90%; border-radius: 100%; left: 5%; top: 5%; }

/*--------------------- IE/Utilities ---------------------*/
#wells #border { background: transparent; border: 1px solid #293e40; width: 298px; height: 248px; position: absolute; top: 0; left: 0; opacity: 1; }
#wells #background_exit { display: block; overflow: hidden; background: transparent; width: 100%; height: 100%; position: absolute; }
#wells #loading { width: 100%; height: 100%;
background: #293e40;
}
#wells #loading img { width: 40px; height: 40px; top: 50%; left: 50%; margin: -20px 0 0 -20px; }
#wells .hide { display: none; }