<!-- 
	 
-->
<!doctype html>
<html lang="en">
<head>

	<!-- Google Tag Manager -->
	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-FVTK3VB');</script>
	<!-- End Google Tag Manager -->
	
	<meta charset="utf-8">
	<title>My Colorcon</title>
	<base href="/">
	<meta name="viewport" content="initial-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=1">
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<link
		href="https://fonts.googleapis.com/css?family=Poppins:100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,800,800i,900,900i&display=swap"
		rel="stylesheet">
	<link href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.1.0/css/line-awesome.min.css"
		rel="stylesheet" />
	<style>
		.app-loader {
			position: fixed;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			text-transform: uppercase;
			letter-spacing: 2px;
			z-index: 9;
			background: rgba(255,255,255,0.6);
		}

		.loader {
			border: 6px solid #f3f3f3;
			border-radius: 50%;
			border-top: 6px solid #e7457e;
			border-right: 6px solid #ffec32;
			border-bottom: 6px solid #4b9641;
			border-left: 6px solid #3c9fe2;
			width: 50px !important;
			height: 50px !important;
			-webkit-animation: spin 2s linear infinite;
			/* Safari */
			animation: spin 2s linear infinite;
		}

		.app-loader p {
			letter-spacing: 2px;
			font-family: 'Poppins', sans-serif;
		}

		/* Safari */
		@-webkit-keyframes spin {
			0% {
				-webkit-transform: rotate(0deg);
			}

			100% {
				-webkit-transform: rotate(360deg);
			}
		}

		@keyframes spin {
			0% {
				transform: rotate(0deg);
			}

			100% {
				transform: rotate(360deg);
			}
		}
	</style>

	<script>
		var contactPartyID;
		var Department;
		var contact = {};
		function setLoaderText() {
			let lang = sessionStorage.getItem('webSiteLang');
			if (!lang) {
				lang = navigator.language.toString().split('-')[0]
			}
			let text;
			switch (lang) {
				case 'e':
				case 'es':
					text = 'Cargando...';
					break;
				case 'ja':
					text = '読み込んでいます...';
					break;
				case 'zh':
				case 'zhs':
					text = '加载...';
					break;
				default:
					text = 'Loading...';
					break;
			}
			const defaultTexts = ['Cargando...', '読み込んでいます...', '加载...', 'Loading...', ''];
			const innerHTML = document.getElementById('global-spinner-text').innerHTML;
			if (defaultTexts.includes(innerHTML)) {
				document.getElementById('global-spinner-text').innerHTML = text;
			}
		}
		function setUpTextChange() {
			if (document.getElementById('global-spinner')) {
				setLoaderText();
				const targetNode = document.getElementById('global-spinner');
				const config = { attributes: true, childList: false, subtree: false };
				const mutCallback = function (mutationsList, observer) {
					setLoaderText()
				};
				const observer = new MutationObserver(mutCallback);
				observer.observe(targetNode, config);
			} else {
				setTimeout(() => setUpTextChange(), 10); 
			}
		}
		setUpTextChange();
	</script>

	<!-- Start of Async Drift Code -->
<script>
	"use strict";
	
	!function() {
	  var t = window.driftt = window.drift = window.driftt || [];
	  if (!t.init) {
		if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice."));
		t.invoked = !0, t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ], 
		t.factory = function(e) {
		  return function() {
			var n = Array.prototype.slice.call(arguments);
			return n.unshift(e), t.push(n), t;
		  };
		}, t.methods.forEach(function(e) {
		  t[e] = t.factory(e);
		}), t.load = function(t) {
		  var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement("script");
		  o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + n + "/" + t + ".js";
		  var i = document.getElementsByTagName("script")[0];
		  i.parentNode.insertBefore(o, i);
		};
	  }
	}(); 
	drift.SNIPPET_VERSION = '0.3.1';
	</script>

	<!-- End of Async Drift Code -->

	<!-- mtcaptcha -->
	<script>
        function getLang() {
            let lang = sessionStorage.getItem('webSiteLang');
            let text;
            if (lang) {
                switch (lang) {
                    case 'e':
                        text = 'es';
                        break;
                    case 'ja':
                        text = 'ja';
                        break;
                    case 'zhs':
                        text = 'zh';
                        break;
                    default:
                        text = 'en';
                        break;
                }
                return text;
            } else {
                setTimeout(() => getLang(), 10);
            }
        }
		function mt_verifiedcb(state)
		{
			// console.log("mt_verifiedcb(state)");
			// console.log("state => "+JSON.stringify(state));
		}  
        var mtcaptchaConfig = {
        "sitekey": "MTPublic-iFJ86adZu",
        "lang": getLang(),
		"loadAnimation": "false",
		"renderQueue": [],
		"verified-callback": "mt_verifiedcb",
        };
        (function(){var mt_service = document.createElement('script');mt_service.async = true;mt_service.src = 'https://service.mtcaptcha.com/mtcv1/client/mtcaptcha.min.js';(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(mt_service);
        var mt_service2 = document.createElement('script');mt_service2.async = true;mt_service2.src = 'https://service2.mtcaptcha.com/mtcv1/client/mtcaptcha2.min.js';(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(mt_service2);}) ();
		</script>
		<!-- mtcaptcha -->
		
<link rel="stylesheet" href="styles.db484e687481b8b116a0.css"></head>
<body class="home-wrap">

	<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-FVTK3VB" height="0" width="0"
			style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->

	<div class="app-loader" id="global-spinner">
		<div class="loader"></div>
		<p id="global-spinner-text"></p>
	</div>
	<my-app></my-app>
<script src="runtime-es2015.486de7e0d20a94c331df.js" type="module"></script><script src="runtime-es5.486de7e0d20a94c331df.js" nomodule defer></script><script src="polyfills-es5.e5858fd4cb3b53216ac2.js" nomodule defer></script><script src="polyfills-es2015.a649608233fe7f8332a2.js" type="module"></script><script src="scripts.35492b51706fbd26d459.js" defer></script><script src="main-es2015.9ac9b854d972a21a417d.js" type="module"></script><script src="main-es5.9ac9b854d972a21a417d.js" nomodule defer></script></body>

</html>
