NULL
		<div class="popup_content">
						<a href='javascript:void(0)' class='mfp-close myClose'>&#215;</a>
			<div class="inner_popup scroll_custom ">
				<div class="holder_3d_new">
										<div class="canvas_3d_holder">
						<canvas id="renderCanvas" class="canvas_3d"></canvas>
						<div class="customLoadingScreenDiv"> <div class="loading" id="loading5"></div></div>
					</div>
					<script>
						
						var canvas = document.getElementById('renderCanvas');

						var engine = null;
						var scene = null;
						var sceneToRender = null;
						var createDefaultEngine = function() { return new BABYLON.Engine(canvas, true, { preserveDrawingBuffer: true, stencil: true }); };
						BABYLON.DefaultLoadingScreen.prototype.hideLoadingUI = function(){
							$('.customLoadingScreenDiv').fadeOut('slow');
							//console.log("scene is now loaded");
						}
						var delayCreateScene = function () {
							// Create a scene.
							var scene = new BABYLON.Scene(engine);
							// Append glTF model to scene.
							BABYLON.SceneLoader.Append('https://360universe.schur.com/wp-content/uploads/2020/10/', 'SchurStarLight.glb', scene, function (newMeshes) {
								scene.clearColor = new BABYLON.Color3(0.87, 0.87, 0.87);
								
								//console.log(newMeshes);
								scene.createDefaultCamera(true,true,true);
								//scene.activeCamera.setPosition(new BABYLON.Vector3(0, 0, 500));
								scene.activeCamera.attachControl(canvas, true);
								scene.activeCamera.alpha -= Math.PI/2; // camera +180°
								scene.activeCamera.alpha -= Math.PI/5; // camera +180°
								scene.activeCamera.fov = 0.45;
								scene.activeCamera.wheelPrecision = 300; 

								var helper = scene.createDefaultEnvironment({
									enableGroundShadow: true,
									createGround: false,
									createSkybox: false,
								});
								helper.setMainColor(new BABYLON.Color3(0.87, 0.87, 0.87));
								var hdrTexture = new BABYLON.CubeTexture.CreateFromPrefilteredData("/wp-content/themes/schur/3d/textures/studio.env", scene);
								scene.environmentTexture = hdrTexture;
								//helper.ground.position.y += 0;

								var light = new BABYLON.HemisphericLight("light1", new BABYLON.Vector3(0, 1, 0), scene);
								// Default intensity is 1. Let's dim the light a small amount
								light.intensity = 0.7;

								engine.hideLoadingUI();
							});
						
							return scene;
						};
					var engine;
					try {
						engine = createDefaultEngine();
					} catch(e) {
						console.log("the available createEngine function failed. Creating the default engine instead");
						engine = createDefaultEngine();
					}
						if (!engine) throw 'engine should not be null.';
						scene = delayCreateScene();
						sceneToRender = scene
						//console.log(scene);
						engine.runRenderLoop(function () {
							if (sceneToRender && sceneToRender.activeCamera) {
								sceneToRender.render();
								
							}
						});

						// Resize
						window.addEventListener("resize", function () {
							engine.resize();
							//console.log(engine);
						});	
						
					</script>
				</div>
				<div class="content_3d">
					<h2 style="text-align: center;">Schur®StarLight in 3D</h2>
<p style="text-align: center;">Use your mouse or touch pad to view the model in 3D space.</p>
					
									</div>
			</div>
									
</div>