/*--------------------- Globals ---------------------*/
:focus { outline:none; }
::-moz-focus-inner { border:0; }
html, body { background-color: #fff; margin: 0; padding: 0; }
#gopro { background-color: #01a8c3; position: absolute; top: 0px; left: 0px; width: 300px; height: 250px; overflow: hidden; cursor: grab; cursor: -webkit-grab;
transform-style: preserve-3d;
perspective: 400;
-webkit-transform-style: preserve-3d;
-webkit-perspective: 400;	
}
#gopro svg { position: absolute; overflow: hidden; }
#gopro div { display: block; overflow: hidden; position: absolute; background: transparent; }
#gopro canvas { background: #01a8c3; }

#gopro #circle { background: transparent url('circle.png') 0 0 no-repeat; width: 300px; height: 250px; background-size: 300px 250px; -webkit-background-size: 300px 250px; }
#gopro #headline { background: transparent url('headline.png') 0 0 no-repeat; width: 300px; height: 250px; background-size: 300px 250px; -webkit-background-size: 300px 250px; }
#gopro #waterproof { background: transparent url('waterproof.png') 0 0 no-repeat; width: 300px; height: 250px; background-size: 300px 250px; -webkit-background-size: 300px 250px; }
#gopro #cta { background: #29beee; width: 84px; height: 18px; bottom: 9px; right: 11px; cursor: pointer; }

/*--------------------- IE/Utilities ---------------------*/
#gopro #border { background: transparent; border: 1px solid #000; width: 298px; height: 248px; position: absolute; top: 0; left: 0; }
#gopro #background_exit { display: block; overflow: hidden; background: transparent; width: 100%; height: 100%; position: absolute; }
#gopro #loading { background: #01a8c3; width: 100%; height: 100%; }
#gopro #loading img { display: block; position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; margin: -30px 0 0 -30px; }
#gopro .hide { display: none; }