Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Auto Save

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <svg version="1.1" id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 1498.11 409" style="enable-background:new 0 0 1498.11 409;" xml:space="preserve">
<style type="text/css">
	.gray-line{fill:none;stroke:#999999;stroke-width:3;stroke-miterlimit:10;}
	.green-line{fill:none;stroke:#8BBC04;stroke-width:3;stroke-miterlimit:10;}
	.green-line-thin{fill:none;stroke:#8BBC04;stroke-width:2;stroke-miterlimit:10;}
  
  
  .logo-green-fill{fill-rule:evenodd;clip-rule:evenodd;fill:#88CE02;}
	.logo-contour{fill-rule:evenodd;clip-rule:evenodd;}
	.logo-body{fill-rule:evenodd;clip-rule:evenodd;fill:#EFEFEF;}
	.logo-shaded{opacity:0.3;fill-rule:evenodd;clip-rule:evenodd;}
	.logo-green-fill-black-stroke{fill-rule:evenodd;clip-rule:evenodd;fill:#88CE02;stroke:#000000;stroke-width:3.6298;stroke-linejoin:round;stroke-miterlimit:10;}
  
  .gray-fill{fill:#999999;}
	.plugin-stroke{fill:none;stroke:#88CE02;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
</style>
  <g id="lines">
<path class="gray-line" d="M223.2,391.63"/>
<path class="gray-line" d="M185.58,386.53c0.01,0.17,0.03,0.34,0.04,0.51"/>
<path class="gray-line" d="M50.11,179.8"/>
<path class="gray-line" d="M68.56,127.49"/>
<path class="gray-line" d="M189.29,78.11"/>
<path class="gray-line" d="M309.62,371.11"/>
<path class="gray-line" d="M260.77,388.33"/>
<path class="gray-line" d="M309.62,371.11"/>
<path class="gray-line" d="M280.86,10.67c-1.8-1.53-8.79-4.17-16.08-4.33c-7.28-0.17-17.16,2.5-19.89,4.33
	c-2.73,1.83-3.76,19.45-1.41,30.06c2.35,10.61,3.24,15.62,7.54,18.99c4.3,3.37,17.43,3,19.87,1.89s8.05-3.43,9.97-12.11
	C282.78,40.83,286.56,15.52,280.86,10.67z"/>
<path class="gray-line" d="M282.35,72.5c0,0-0.4-10.86-1.58-22.62"/>
<path class="gray-line" d="M244.9,47.04c-1.42,8.48-3.17,18.29-3.37,20.01"/>
<path class="green-line" d="M282.35,72.5c1.9-1.33,4.73-2.87,7.56-2.35c2.83,0.52,6.99-0.07,13.83,8.56c0,0,4.66-2.12,8.08,3.71
	c0,0,7.25-2.92,7.92,4.99l-10.31,0.72c0,0-4.92-4.26-8.23-5.73c-3.3-1.48-7.55-3.14-10.05-3.69c-2.5-0.54-14.92,3.54-19.17,3.54
	c-4.25,0-17.03-4.09-20.97-4.38c-3.94-0.29-16.47,1.18-23.9,0.24s-10.05-3.96-19.46-4.53c-1.75-0.08-3.67,0-3.67,0
	s5.56-6.8,10.33-6.33c4.77,0.47,6.42,2.17,6.42,2.17s3.88-10.1,20.78-2.36c-0.2,1.72,17.61,8.78,25.15,9.82
	S275.37,76.83,282.35,72.5z"/>
<path class="gray-line" d="M305.53,147.72c2.08,2.89,8.21,6.37,8.21,6.37c-1.25,1.73-1.07,10.17,0,12.67s6.34,9.44,6.34,9.44
	s-4.75,1.23-7.67,0.81c-2.92-0.42-5,1.25-7.58,2.92c-2.58,1.67-3.02,4.93-3.02,4.93c0.38,4.47,1.65,14.03,1.65,14.03
	c2.87,2.8,9.04,4.79,14.31,5.95c5.27,1.17,7.39-1.92,11.14-5.95c3.75-4.04,5.88-15.09,5.88-15.09c8.63-9.96,10.7-14.79,10.53-26.7
	c-0.17-11.92-8-11.67-8-11.67l-6.25,2.58c1.58-0.83,5.92-2.42,7.08-4.39c4.92-14.8-5.58-22.2-5.58-22.2
	c4.92-12.58,2.25-19.25-0.77-24.88c-3.3-6.16-10.35-8.6-12.06-8.99c-2-0.45-3.61-0.45-10.16,0.75"/>
<path class="gray-line" d="M313.08,117.39c0.3,5.23,1.38,13.48-3.98,23.73c-5.35,10.25-6.53,8.68-7.98,33.66c0,0-20.01,3.22-32.38,1.72
	c-12.37-1.5-33.62-10.88-33.62-10.88l-3.12-17.5c0,0-11.88-5.75-20.5-18.5"/>
<path class="green-line" d="M70.29,167.87c2.17,3.54,12.21,6.79,14.71,26.63s3.25,32.33,12.71,44.83s22.13,15,30.46,16.67
	c8.33,1.67,29.31-2.22,44.17,4c14.86,6.22,18.55,12.84,22.03,17c5.43,6.5,13.35,8.71,13.35,8.71"/>
<line class="gray-line" x1="235.12" y1="165.62" x2="234.11" y2="176.59"/>
<path class="gray-line" d="M224.69,202.02c0,0-4.19,13.48-6.19,23.85s-5.38,27.38-0.62,45.38c0,0-9,8.12-13.88,23.75s-4.62,40-4.75,46.38
	s-1.51,17.7-1.51,17.7s12.05,3.15,22.17,2.27c0,0,0.6-12.74,2.83-21.59s9.74-16.9,12.25-27.12s2.58-23,2.58-23s4.54-2,6.29-11
	c0,0,13.38-5.62,19.38-22.62s8.38-37.18,10.75-43.47"/>
<path class="gray-line" d="M263.25,256c0,0,6.5,13.75,7,18.5s0,8.75,0,8.75s-11.6,2.29-14.92,16.3"/>
<path class="gray-line" d="M296.32,299.69c0,0,0.68-3.94,3.15-11.44s0.91-15.88,0.91-15.88c8.62-11.75,8.38-21.38,8.12-36.62
	s-1.75-18.88-4.25-32.21s-3.12-28.76-3.12-28.76"/>
<path class="gray-line" d="M199.19,359.42c-1.08,1.92-4.02,5.17-5.1,8.42c-1.08,3.25-1.25,5.25-1.92,7.58c-0.67,2.33-6.93,6.39-6.59,11.11
	c0.34,4.72,1.02,8.47,6.58,11.47s15.26,4.17,20.84,3.25s9.92-2.42,10.21-4.25c0.29-1.83,1.02-3.83-2.14-12.95
	c-3.16-9.13,0.88-5.83,0.93-12.21c0.04-6.38-2.57-8.33-2.74-10.44"/>
<path class="green-line-thin" d="M251.68,310.88c11.83,2.03,26.71,4.05,46.63-1.44"/>
<path class="green-line-thin" d="M252.91,316.65c5.14,0.85,26.23,4.05,44.54-1.32"/>
<path class="green-line-thin" d="M254.56,323.22c4.67,0.86,22.11,2.8,41.98-1.26"/>
<path class="green-line-thin" d="M256.62,329.01c3.18,0.28,23.27,2.37,39.17-1.93"/>
<path class="green-line-thin" d="M259.74,372.38c3.23,1.48,8.44,3.76,15.54,3.75c0,0-1.71,7.15,1.85,14.34"/>
<path class="green-line-thin" d="M319.88,376.62c2.21,2.46,6.3,6.38,6.52,9.91c0.23,3.53-3.79,6.1-5.86,7.32"/>
<path class="green-line" d="M189.29,78.11c-15.98,5.42-50.69,13.62-92.45,34.22S42.67,145,33.17,154.83c-9.5,9.83-19.67,26.27-23.33,38.72
	c-3.67,12.45-4,15.28-3.67,17.78c0.33,2.5,2,2.61,6.67-1.95c4.67-4.55,27.17-24.8,54.67-40.43s87.12-42.81,93.27-45.91"/>
<path class="green-line" d="M254.51,299.27c6.2,2.09,10.95,2.89,21.42,2.81c10.47-0.08,16.51-1.11,18.45-1.96s5.63-0.77,4.94,3.05
	c-0.69,3.82-3.44,22.07-4.06,30.45s-0.49,25,0.54,28.68c1.03,3.68,13.59,8.31,17.34,10.63s11.65,6.39,17.76,8.23
	c6.11,1.84,9.44,2.8,10.04,5.37c0.32,1.35-1.62,6.71-11.61,7.43c-10,0.73-17.31-1.77-30.84-2.8c-13.53-1.02-16.92-0.21-28.01-1.06
	c-11.1-0.85-12.96-2.72-13.53-7.47c-0.57-4.75,2.93-9.25,4.81-15.62s1.88-17.62-0.12-25s-5.63-12.75-7.63-20.88
	S247.89,297.05,254.51,299.27z"/>
<path class="gray-line" d="M272,82.25c-4.25,0-17.03-4.09-20.97-4.38c-3.94-0.29-16.47,1.18-23.9,0.24s-10.05-3.96-19.46-4.53
	c-1.75-0.08-3.67,0-3.67,0c-8.25,1.17-22.38,2.92-25.38,23.67c0,0-11.94-0.71-13.62,13.92s-9.08,14.24-10.54,18.35
	c-1.46,4.11,0.66,20.86,13.91,29.36S196,174.5,200.12,177s7.59,5.41,7.59,5.41s-2.07,7.54,7.41,14.46c0,0-0.13,4.78,6.58,5.13
	s8.8-3.26,10.92-5.13s9.23-7.42,9.55-9.21c0.32-1.79,0.09-4.77-4.92-8.39s-3.22-5.47-17.55-7.18c0,0-8.34-8.09-10.84-14.47
	s-6.12-22-17.38-27.75l3.16,2.04c0.15,0.1,0.29,0.21,0.42,0.34l3.46,3.41c0,0,9.71-1.41,12.96-6.04s8.23-10.12,8.93-22l2.19-3.55
	c0,0,14.26,11.67,23.26,11.05S267.5,110,274.62,110s19.62-0.83,31.63,4.62s12.14,3.38,12.69,2.5c0.55-0.88,2.6-7,1.14-12.5
	c-1.46-5.5-10.64-16.5-10.64-16.5s-4.92-4.26-8.23-5.73c-3.3-1.48-7.55-3.14-10.05-3.69C288.67,78.17,276.25,82.25,272,82.25"/>
  </g>
  
  
  
  
  
  
  
<g id="logo">
	<circle cx="226.25" cy="212.53" r="179.13"/>
	<path d="M57.52,178.79c-11.59,5.54-42.52,30.3-48.61,37.61s-8.06-4.08-1.71-23.13c5.11-15.34,17.84-36.23,39.27-54.01
		c12.5-10.37,40.34-25.22,57.22-33.79c3.43-1.74,47.79-20.7,87.51-29.98c3.53-0.82-4.02,5.67-5.33,9.44
		c-6.01,17.29-124.84,91.91-124.84,91.91L57.52,178.79z"/>
	<path d="M224.83,388.55c2.12,12.45,0.31,13.25-12.48,14.76c-12.79,1.51-22.26-3.14-25.72-6.39c-3.46-3.25-4.12-10.38-0.76-16.74
		c2.17-4.11,4.22-5.59,5.36-10.5c1.14-4.91,2.17-6.05,3.08-7.76c0.91-1.71,1.1-3.27,1.45-14.46c0.34-11.19,0.09-32.36,1.19-41.09
		c1.14-9.07,40.62,4.07,40.62,4.07s-9.36,23.29-11.87,28.99c-2.51,5.71-2.28,16.78-2.28,19.06s-0.91,6.85-1.6,7.19
		c-0.68,0.34,2.4,6.16,1.03,9.59C221.49,378.7,224.53,386.76,224.83,388.55z"/>
	<path d="M239.83,38.83c-1.38-8.79-0.08-25.9,1.92-28.58c5.81-7.82,36.01-8.78,42.37,0.55c2.74,4.02,2.53,13.72,2.01,19.82
		s-2.01,19.4-2.37,23.74c-0.27,3.24-33.32,8.15-40.7-0.45C241,51.51,239.83,38.83,239.83,38.83z"/>
	<path d="M307.09,366.48c13.87,9.97,24.68,11.98,31.73,15.64c7.06,3.66,5.17,10.67-6.62,12.78c-9.64,1.73-24.76-1.87-34.7-1.83
		c-9.94,0.05-32.52,1.19-38.47-2.97c-6.85-4.79-3.88-13.7-3.88-13.7c1.83-5.14,6.51-16.21,5.02-25.45
		c-1.48-9.25-3.23-14.28-6.69-22.55c-3.47-8.27-5.98-29.39-2.67-30.53c3.31-1.14,2.4-0.11,6.39,1.03c4,1.14,8.79,2.28,17.69,2.28
		c8.9,0,18.83-1.48,22.26-2.17c3.42-0.68,6.21-1.26,5.02,5.82c-1.19,7.08-4.57,20.32-4.79,30.59c-0.23,10.27-0.23,22.14,0.57,24.31
		C298.76,361.92,303.44,363.86,307.09,366.48z"/>
	<g>
		<g>
			<path class="logo-green-fill" d="M258.18,61.61C232.96,83.3,184.31,89.33,112,117.24c-18.43,7.11-67.91,28.48-79.92,50.53
				c40.04-23.2,54.96,8.66,58.11,41.49c2.94,30.66,18.41,46.78,57.65,45.8c40.62-1.01,52.8,22.61,64.06,50.27
				c21.66-106.04,56.56-126.53,78.99-144.7C338.59,121.99,280,53.72,258.18,61.61z"/>
			<path class="logo-green-fill" d="M258.18,61.61c-60.31,21.04-120.25,26.22-190.51,69.56c-16.8,10.36-51.91,33.68-58.76,78.22
				c25.71-28.47,84.86-64.02,157.49-86.75c36.55-11.44,63.4-18.93,95.92-31.57C260.02,76.5,260.1,70.75,258.18,61.61z"/>
		</g>
		<path class="logo-contour" d="M335.24,186.93c0,0-4.43,14.89-13,19.6c0.1-0.08-6.47,2.32-19.25-4.87c-3.67-2.06-6.34-9.17-6.25-11.36
			c0.22-5.54,3.55-8.05,3.55-8.05s3.64-6.12,8.03-5.88c4.39,0.24,11.61,0.9,13.93-1.19C324.56,173.09,335.84,179.58,335.24,186.93z"
			/>
		<path class="logo-contour" d="M241.95,43.11c0,0-0.88,11.63-2.5,19.1c-0.28,1.3-7.1,2.05-12.19,4.18c9.61,27.46,67.59,27.13,75.05,13.69
			c-3.6-2.46-10.99-6.39-14.49-7.87c-3.5-1.48-3.3-1.07-3.5-7.54c-0.2-6.48-0.7-18.2-1.1-21.48
			C282.82,39.91,247.54,39.91,241.95,43.11z"/>
		<path class="logo-body" d="M244.15,43.11c0,0-0.1,6.64-0.61,13.15c-0.23,2.96-0.55,4.72-0.98,6.99c-0.26,1.34,7.8,6.78,10.02,19.04
			c11.09,24.56,36.39,12.32,46.87,0.67c-3.69-2.6-9.58-5.89-16.42-8.78c-3.5-1.48-1.9-4.35-2.1-10.82c-0.2-6.48-1.1-15.9-1.5-19.18
			C279.02,40.9,249.74,39.91,244.15,43.11z"/>
		<path class="logo-contour" d="M241.95,43.11c0,0-0.31,4.1-0.9,9c3.05,3.04,6.9,7.08,9.85,9.59c2.1,1.79,7.2,1.52,11.68,1.54
			c4.21,0.02,7.82,0.41,9.47-0.41c3.76-1.88,8.98-6.51,11.81-9.9c-0.2-4.23-0.43-8.07-0.63-9.74
			C282.82,39.91,247.54,39.91,241.95,43.11z"/>
		<path class="logo-contour" d="M262.82,60.49c-2.66,0-5.99-0.16-8.55-0.74c-1.18-0.27-2.2-0.85-3.14-1.46c-1.57-1.03-3.22-2.44-5.12-3.86
			c-3.59-2.69-3.89-4.31-3.8-5.08c1.59-14.49-0.57-26.64-0.57-26.64s-1.52-6.23,7.13-7.87c8.65-1.64,13.97-1.72,13.97-1.72
			s5.39,0.08,14.05,1.72c8.65,1.64,7.13,7.87,7.13,7.87s-2.16,12.15-0.57,26.64c0.08,0.77-0.21,2.39-3.8,5.08
			c-3.21,2.4-5.71,4.76-8.27,5.33C268.69,60.33,265.48,60.49,262.82,60.49z"/>
		<path class="logo-contour" d="M262.82,7.45c-15.15,0.08-18.19,4.16-22.41,8.8c-0.98,1.08-0.15,8.03,1.32,22.69h2.11
			c0,0-1.34-4.18-1.15-9.02c0.19-4.84,1.25-4.51,0.38-5.82c-0.86-1.31-2.68-3.61,1.34-5.9c4.03-2.3,10.54,1.8,18.21,2.05
			c7.68-0.25,14.42-4.35,18.45-2.05c4.03,2.3,2.21,4.59,1.34,5.9c-0.86,1.31,0.19,0.98,0.38,5.82c0.19,4.84-1.15,9.02-1.15,9.02
			h2.11c1.43-14.66,2.26-21.13,1.51-22.2C281.69,11.6,277.98,7.53,262.82,7.45z"/>
		<path class="logo-contour" d="M335.33,187.76c0,0-4.29,13.99-12.87,18.7c-1.89-0.86-1.54-2.37-3.19-4.39c-0.57-0.7-2.02-1.03-2.7-1.85
			c-0.59-0.7-0.54-1.89-1.56-2.74c-1.03-0.85-1.7-0.27-2.52-1.02c-0.93-0.85-1.04-2.02-1.85-2.74c-0.49-0.44-2.21-0.63-2.71-1.12
			c-1.1-1.07-11.25-3.28-10.71-5.42c0.88-3.52,2.81-5.99,2.81-5.99s4.31-6.4,8.7-6.16c4.39,0.24,8.41,1.13,10.72-0.96
			C321.76,171.98,335.93,180.41,335.33,187.76z"/>
		<path class="logo-contour" d="M305.61,86.64c0,0,14.52-3.5,24.32,6.01c9.79,9.51,9.26,21.54,6.26,28.91c2.5,2.87,7.09,11.15,3.6,21.15
			c15.17,12.83,8.43,32.54-4.96,45.49c0,0-3.19-11.91-15.96-12.61c0.35-4.58-11.8-8.33-6.21-20.2c-8.79-2.17-8.49-7.99-9.89-15.37
			C301.36,132.65,305.61,86.64,305.61,86.64z"/>
		<path class="logo-body" d="M300.4,92.94c0,0,16.75-8.39,26.54,1.12c9.79,9.51,7.04,20.14,4.04,27.52c2.5,2.87,8.44,11.51,4.85,21.49
			c-0.8,2.22-5.65,2.25-9.3,8.32c9.24-5.25,14.91-4,17.03,2.86c3.2,10.37-3.9,22.76-10.05,29.57c-0.1-0.23-0.22-0.46-0.34-0.7
			c-0.82,3.37-2.12,10.16-8.91,17.46c-3.38,3.64-6.2,3.28-10.04,2.32c-4.59-1.16-6.22-3.16-12.68-6.71
			c-3.69-2.02-1.7-4.47-1.61-6.66c0.02-0.42,0.45-1.15,1.11-2.03c0.43-1.24,1.77-2.95,3.91-4.93c0,0,2.99-4.11,7.39-3.97
			c4.3,0.14,8.83-0.68,10.13-1.9v-0.08c0.04-8.04-9.12-8.22-6.01-21.99c0.15-0.68,1.33-1.88,5-2.19c-5.52-1.04-8.02-1.47-11.97-5.15
			c-2.68-2.49-4.8-5.69-5.57-9.74C302.51,130.18,300.4,92.94,300.4,92.94z"/>
		<path class="logo-contour" d="M252.03,78.53c-1.3-1.89-8.36-10.96-21.98-14.67c-3.92-1.07-6.3,2.05-10.19,4.26
			c-1.1-0.66-6.2-2.95-8.89-1.39c-2.7,1.56-4.5,3.2-7.4,4.34c-1.44-0.59-3.47-1.51-6.49-0.44c-2.88,1.02-9.19,3.81-13.5,9.89
			c-2.8,9.92,48.46,2.52,48.46,2.52L252.03,78.53z"/>
		<path class="logo-green-fill" d="M252.54,78.53c-7.43-2.51-6.08-11.02-22.53-12.46c-3.1-0.27-5.19,2.32-7.62,4c1.19,1.18,2.31,2.95,2.86,4.86
			c-1.98-2.39-5.72-5.3-9.37-6.01c-3.33-0.64-5.7,1.86-9.45,3.77c0.71,0.77,1.48,1.78,2.27,3.12c-3.3-2.12-5.51-2.64-9.78-1.12
			c-2.88,1.02-8.71,3.49-13.01,9.58c-2.8,9.92,46.15-1.22,46.15-1.22L252.54,78.53z"/>
		<path class="logo-contour" d="M295.55,82.22c0,0,0-2.61-0.13-4.77c-0.03-0.55-1.77-1.68-1.82-2.13l-0.37-0.5c0,0,3.58-1.96,6.48-0.97
			c2.9,0.98,4.6,4.76,4.6,4.76c5.23-1.79,5.76,0.24,8.14,3.08c5.4-1.22,6.12,0.88,9.54,6.02c0,0-4.1-0.57-12.09,0.57
			C301.91,89.43,295.41,81.97,295.55,82.22z"/>
		<path class="logo-green-fill" d="M294.59,80.99c0,0,1.4-1.21,0.94-1.47c2.52-1.29,5.86-2.88,7.57,1.31c5.23-1.79,6.05,0.68,8.44,3.52
			c6.37-2.99,6.78,0.61,7.41,2.37c-2.02,0-5.05,0.14-9.04,0.72C301.91,88.58,294.45,80.74,294.59,80.99z"/>
		<path class="logo-contour" d="M216.66,75.33c0,0,13.04,4.67,24.03,3.85c10.99-0.82,29.73-1.72,39.93,4.18c0,0,10.39-3.61,19.99-1.15
			c9.59,2.46,27.31,19.09,21.98,36.4c-0.38,1.24-3.5,2.87-6.8,4.1c0,0,1.8,7.87-1.4,14.1c-3.13,6.1-10.36,18.04-10.49,34.51l0,0
			c-0.32,2.66-0.72,8.45-1.04,11.15c-17.79-0.66-45.41-7.22-72.31-6.81c0.23-3.01,0.37-4.78,0.8-7.79l0.67,0
			c-1.41-7.47-1.9-11.45-3.23-17.06c-8.79-5.57-17.93-11.91-25.72-24.05C195.28,114.65,216.66,75.33,216.66,75.33z"/>
		<path class="logo-contour" d="M305.21,198.88c0,0,14.19,50.71-2.6,72.03c0,0,2.6,9.74-3.2,20.39c-0.89,4.57-2.11,8.65-2.84,13.28
			c-3,19.07-8.02,26.97-9.35,57.36l-13.79-0.33c0,0-1.6-21.97-6.4-33.61c-2.7-6.55-13.56-15.59-13.01-24.53
			c0.43-6.95,1.94-12.67,13.41-21.71c0.93-13.36-12.42-25.83-10.39-75.26L305.21,198.88z"/>
		<path class="logo-body" d="M300.92,196.87c3.67,23.36,12.15,57.89-3.11,74.81c0.7,3.3,1.04,7.74,0.13,12.98
			c-0.47,2.74-1.29,5.7-2.57,8.83c-2.2,5.38-3.09,13.57-3.82,18.2c-3,19.07-3,19.87-4.34,50.26l-13.79-0.33c0,0-1.6-21.97-6.4-33.61
			c-2.7-6.55-8.36-12.41-8.91-21.34c-0.42-6.9,4.3-20.48,15.74-20.25c-0.74-27.81-13.52-22.1-16.83-79.91L300.92,196.87z"/>
		<path class="logo-body" d="M216.66,75.33c0,0,4.93,1.6,10.59,2.17c5.41,0.55,11.42,0.07,16.79-0.33c10.99-0.82,26.55-2.08,36.75,3.82
			c0,0,5.77-1.85,11.89-1.42c2.81,0.2,5.56,2.55,8.7,3.38c10,2.63,19.79,19.23,15.24,34.41c-0.37,1.25-3.65,0.11-7.26,1.08
			c0.61,3.14,1.19,10.63-2.62,18.37c-3.81,7.74-8.85,17.77-8.04,37.09c-23.92-1.09-34.73-2.69-58.64-3.78
			c-2.06-8.38-3.32-16.96-3.7-21.27c3.28-1.71,5.09-2.95,7.65-5.62c-6.91,1.1-9.58,0.68-13.82-1.66
			c-4.21-2.32-11.44-9.56-15.08-14.52c-0.38-0.51-3.01,7.12-8.65,7.33c-1.97-2.97,6.53-11.46,5.06-14.59
			C206.01,108.18,216.66,75.33,216.66,75.33z"/>
		<path class="logo-contour" d="M302.91,177.89c0,0,0.5,8.2,0.5,10.41c0,2.21,1.83,9.06,2.13,12.43c-2.6,4.26-13.52,14.14-33.31,17.74
			c-19.59,4.1-45.77-26.89-45.77-26.89c0.8-3.03,2.88-11.77,4.56-16.23c0.21-0.56,0.62-1.66,0.8-2.01
			C233.41,170.23,302.91,177.89,302.91,177.89z"/>
		<path class="logo-body" d="M297.87,178.55c0.1,5.68,1.01,9.9,1.63,13.59c1.12,6.72,2.93,11.06,2.93,15.25
			c0,13.32-17.48,11.03-32.04,11.46c-19.59,4.1-36.28-26.89-36.28-26.89c1.39-5.26,2.27-11.14,4.46-16.31l-0.03,0
			c0.25-2.71,0.72-6.18,0.98-7.77c27.87,0.08,47.6,1.52,59.09,2.8C298.61,173.28,298.21,177.7,297.87,178.55L297.87,178.55z"/>
		<path class="logo-contour" d="M275.93,208.02c0,0-12.2-26.93-48.58-18.89c-8.79,24.43-20.27,52.63-12.88,82.97
			c-7.6,10.33-16.19,16.07-16.19,35.09s1,22.3,1,22.3l26.78,1.48c0,0,8.77-11.13,12.24-23.34c1.01-3.55,1.72-9.71,1.25-16.75
			c0.84-1.26,4.7-4.67,5.2-10.82c0,0,12.98-6.9,20.62-23.67C272.26,241.25,270.43,228.24,275.93,208.02z"/>
		<path class="logo-body" d="M275.93,208.02c-0.61-2.43-9.94-27.34-43.62-19.8c-19.97,53.05-12.57,74.98-9.6,84.67
			c-13.5,17.15-19.64,20.78-17,55.59l17.9-0.03c8.13-13.01,10.05-17.78,10.51-34.94c0.02-0.64-2.63,1.32-4.32,3.69
			c1.41-7.16,5.23-8.48,8.23-12.82c1.33-1.92,2.49-4.59,2.58-8.18c15.91-10.85,21.86-24.31,25.37-38.25
			C268.45,228.14,271.77,212.4,275.93,208.02z"/>
		<path class="logo-contour" d="M219.24,171.16c0,0,6.26,0.13,11.56,2.07c5.3,1.93,5.31,2.98,7.35,5.3c2.1,2.4,7.08,5.78,6.16,9.13
			c-0.5,1.83-1.66,2.21-3.29,3.97c-0.73,0.79-5.73,6.14-6.84,6.84c-0.76,0.48-1.52,1.13-2.37,1.6c-0.66,0.36-2.69,1.94-3.41,2.28
			c-2.38,1.15-3.88,1.75-6.39,1.6c0,0-5.69-0.19-9.28-4.04c0,0-0.38-1.9,0.53-2.81c0,0-4.9-4.12-6.2-6.91
			c-1.3-2.79-1.32-6.56-0.57-8.67C207.25,179.41,216.1,173.66,219.24,171.16z"/>
		<path class="logo-contour" d="M225.02,393.88l-0.68,5.71c0,0-1.98,2.61-17.47,2.29c-15.49-0.33-19.7-5.03-21-7.65l-0.91-5.94
			c0,0,2.95-4.31,3.72-4.24c5.03,0.45,22.28,7.24,34.15,9.07C223.87,393.28,224.12,393.72,225.02,393.88z"/>
		<path class="logo-contour" d="M258.24,382.2c-0.02,2.62-0.23,2.46-0.25,5.08c2.74,2.16,9.53,3.24,22.73,2.87
			c19.08-0.54,36.6,5.8,58.06,2.05l0.2-4.1l-2-0.33l-76.14-6.16L258.24,382.2z"/>
		<path class="logo-contour" d="M274.9,390.22c1.78,0.01,3.72-0.01,5.82-0.07c12.37-0.35,24.09,2.19,36.65,3c6.66-0.32,14.99-1.72,14.1-6.58
			l-64.92-5.42C262.48,385.43,265.48,389.01,274.9,390.22z"/>
		<path class="logo-contour" d="M200.37,293.89c2.1,1.3,16,9.59,38.58,8.45c-0.45,4.32-0.17,12.92-10.29,27.72
			c-4.99,7.29-9.39,20.09-10.19,36.32c0.17,3.73,2.38,6.81-0.5,11.56c0.85,2.88,4.5,8.94,6.3,12.54c1.8,3.61,2.8,7.71-9.49,7.95
			c-12.29,0.25-32.2-1.19-29.58-10.66c1.42-5.13,5.18-10.24,5.68-12.38c0.5-2.13,0.4-8.2,4.4-12.47c3.4-11.4,2.35-22.48,1.5-32.79
			C195.91,319.88,195.74,302.54,200.37,293.89z"/>
		<path class="logo-contour" d="M221.56,107.3c16.28-21.69,2.62-39.11-23.52-33.86c-10.52,2.11-21.1,9.29-21.8,22.56
			c-3.4,0.57-11.24,0.96-15.14,15.07c-3.03,10.96-4.52,13.05-9.78,18.6c-3.35,3.96,0.28,11.9,2.68,17.56
			c8.36,19.69,34.61,21.53,52.14,36.5c5.97-1.64,12.08-8.14,13.99-12.53c-14.77-17.72-11.66-24.56-17.53-33.54
			C209,135.27,223.66,126.41,221.56,107.3z"/>
		<path class="logo-body" d="M218.4,106c0.97-1.29,2.51-4.24,3.31-5.47c0.2-0.3,2.82,4.17,3.01,3.87c6.29-10.07,7.75-24.73,0.74-26.11
			c-1.54-0.3-4.54-0.95-7.06-1.84c-4.5-1.58-8.81-1.61-16.09-0.26c-10.17,1.89-20.07,9.21-20.2,19.71
			c-0.01,0.67,7.01,2.8,9.17,11.19c-3.39-4.73-9.32-10.17-16.55-5.52c-7.44,4.78-3.62,15.83-13.83,27.28
			c-3.41,3.83-2.91,8.51,0.77,17.58c5.87,14.49,34.16,22.29,49.53,35.99c3.63-1.5,6.25-5.21,7.9-8
			c-10.28-10.8-14.38-20.83-17.48-28.15c-3.59-8.48-7.67-13.22-15.78-19.76c4.19,1.65,7.26,3.09,9.22,4.48
			c2.11,1.49,5.04,1.49,7.71,0.74C212.57,128.43,217.84,114.65,218.4,106z"/>
		<path class="logo-contour" d="M317.93,109.69c-0.61,8.66-7.07,4.25-10.61,2.72c-6.76-2.92-13.77-4.96-21.84-5.04
			c-7.92-0.09-18.38,0.6-27.19,3.04c-12.25,3.39-15.92,3.27-21.44,0.38c-5.51-2.89-15.15-10.25-15.15-10.25s-0.3,2.38,2.05,5.25
			c2.98,3.64,9.53,8.21,18.6,11.28c4.25,1.44,7.84,0.53,11.7-0.44c20.26-5.07,41.89-6.03,59.95,5.09c0.8,0.49,4.12-0.82,5.53-3.08
			C321.37,115.71,317.93,109.69,317.93,109.69z"/>
		<path class="logo-contour" d="M213.83,196.87c1.86,1.04,4.01,1.84,6.6,3.86c0,0-2.01-0.05-3.01-0.84c-0.99-0.79-3.36-2.7-3.8-2.87
			C213.71,196.96,213.77,196.91,213.83,196.87z"/>
		<path class="logo-body" d="M279.92,15.27c-0.61-2.13-5.64-5.83-17.48-5.81c-12.56,0.02-16.21,3.83-16.49,5.87
			c-0.09,0.68-0.94,8.03-1.05,10.97c-0.02,0.08-0.02,3.72,0.23,9.24c0.16,3.66,1.1,5.75,1.55,10.5c0.48,4.97,1.89,8.33,4.44,12.25
			c1.07,0.7,2.1,1.31,3.14,1.55c4.47,1,12.63,1.06,16.99-0.08c2.57-0.57,5.74-5.13,6.47-8.87c0.91-4.84,1.86-8.35,2.01-11.32
			c0.4-2.96,0.76-9.65,0.96-11.46C281.29,23.67,280.11,15.95,279.92,15.27z"/>
		<path d="M255.84,298.33c0,0,12.12,5.37,42.12,0.7c0,0-8.54,42.59-4.55,63.74c0,0,3.8,5.41,32.78,16.07c0,0,12.89,3.28,12.29,9.51
			c0,0,0.4,1.39-15.09,0.98c-15.49-0.41-30.28-3.12-40.57-3.12c-10.29,0-21.19,0.41-23.19-2.46c-1.97-2.84,0.4-9.94,3.4-13.94
			c3.2-4.26,2.29-7.46,2.1-15.41C264.64,333.99,249.04,312.92,255.84,298.33z"/>
		<path class="logo-green-fill" d="M253.43,302.2c-1.61,2.2,0.2,10.88,2.54,19.36c2.34,8.48,7.41,13.6,8.58,27.36
			c1.17,13.76,1.37,15.52-2.54,23.68c-3.9,8.16-5.07,15.36,8.58,15.52c13.65,0.16,20.87-0.16,34.52,1.76
			c13.65,1.92,18.53,2.72,26.14,1.6s9.17-3.68,5.85-5.92s-16.38-4.8-22.24-9.28c-5.5-4.21-21.06-11.04-21.26-12.8
			c-0.69-6.22-0.98-28.64,0.2-36c1.17-7.36,2.73-17.76,3.32-20.64c0.59-2.88,2.73-5.6-1.17-4.64c-3.9,0.96-18.53,3.04-29.45,2.24
			C255.58,303.64,254.02,301.4,253.43,302.2z"/>
		<path class="logo-shaded" d="M261.24,372.93c3.9,1.76,9.56,3.2,14.04,3.2c0,0-1.56,7.52,0.98,12.16s-18.27-0.54-18.27-0.54l-1.04-13.86
			L261.24,372.93z"/>
		<path class="logo-shaded" d="M321.89,392.45c3.71-1.12,6.24-5.28,3.12-9.12c-3.12-3.84-5.85-4.64-1.76-4.8s16.93,8.35,16.93,8.35
			l-3.12,5.13L321.89,392.45z"/>
		<path class="logo-shaded" d="M252.68,311.07c5.27,1.8,13.31,2.4,20.19,2.16s17.26-1.2,23.84-3.36c6.58-2.16,3.95,2.52,3.95,2.52l-3.7,3.39
			c0,0-8.78,3.36-22.82,3.12c-16.68-0.29-21.65-2.16-21.65-2.16L252.68,311.07z"/>
		<path class="logo-shaded" d="M253.18,322.59c5.27,1.8,13.31,2.4,20.19,2.16s16.09-0.33,22.63-2.64c2.65-0.94,1.17,2.88,1.17,2.88
			l-1.12,2.01c0,0-8.9,3.17-22.95,2.93c-16.68-0.29-19.61-1.52-19.61-1.52L253.18,322.59z"/>
		<path d="M238.03,161.98c0,1.72,17.94,10.56,27.7,12.47c9.75,1.91,30.43-0.08,33.74-0.65L299,177c0,0-24.48,3.55-43.2-1.41
			S239,169.3,239,169.3L238.03,161.98z"/>
		<g>
			<path class="logo-body" d="M199.8,357.22c2.67,1.38,12.54,3.79,18.99,2.49c0.88-0.2,0.03-15.85,2.59-22.78
				c3.61-9.75,9.56-17.74,12.35-35.32c-9.62-0.98-20.68-3.35-26.4-5.36C200.01,318.88,202.66,338.18,199.8,357.22z"/>
			<path class="logo-body" d="M215.25,371.7c1.53,0.43,2.63,2.32,3.1,1.19c0.85-2.07-1.71-5.86-1.87-8.77c-0.02-0.32-0.01,0.02-0.02-0.32
				c-2.03-1.85-16.01-2.1-15.07-1.03c-1.6,3.09-4.17,2.42-5.14,8.37c-0.49,2.97,3.28,0.44,6.64,0.3
				c-6.14,4.1-13.26,9.41-14.33,14.01c-1.47,6.32,0.93,8.16,7.7,11.71c5.88,1.32,12.97,1.55,18.52,1.28
				c6.09-1.06,7.39-4.03,5.51-8.27C217.58,384.06,215.86,376.02,215.25,371.7z"/>
		</g>
		<path class="logo-contour" d="M217.73,74.35c7.45,4.33,17.99,3.16,21.93,2.89c0.86-0.06,10.03-1.58,10.53-1.46
			c0.82,0.19,0.84,0.92,0.84,0.92s-3.43,1.86-11.24,2.39c-7.34,0.5-15.94-0.11-20.9-2.24C213.33,74.46,217.73,74.35,217.73,74.35z"
			/>
		<path class="logo-contour" d="M295.48,78.83c1.39,1.02,10.38,4.26,14.28,8.38c3.49,3.69,1.71,3.53,0.83,2.43
			c-0.88-1.1-8.08-5.97-10.74-7.07s-6.07-3.13-6.14-3.61C293.64,78.48,295.48,78.83,295.48,78.83z"/>
		<path class="logo-body" d="M216.56,173.87c6.66-0.37,13.46,1.1,17.91,5.63c2.31,2.36,5.98,4.73,5.45,7.09
			c-0.11,0.71-1.46,2.61-2.63,3.88c-0.7,0.81-2.64,2.98-3.54,3.71c-0.9,0.73-4.02,3.27-4.85,3.77c-0.65,0.39-1.68,1.53-2.38,1.9
			c-2.34,1.25-4.86,0.29-7.19-0.86c-2.2-1.08,0.57-1.29-2.04-3.11c-6.11-4.28-9.52-7.37-7.13-15.74
			C210.79,178,213.42,176.37,216.56,173.87z"/>
	</g>
	<path class="logo-shaded" d="M158.19,121.33c-20.49,8.33-73.1,34.43-87.91,42.4c0.01,0.01,0.02,0.02,0.02,0.03
		c12.28,7.87,18.06,26.51,19.88,45.5c0.17,1.77,0.39,3.48,0.65,5.15c0.31,1.57,0.53,2.79,0.66,3.54c0.06,0.28,0.11,0.57,0.16,0.85
		c13.44-36.78,61.74-75.74,63.63-78.76c0.83-1.32-1.19-7.33,2.08-12.98C161.58,119.77,169.74,116.64,158.19,121.33z"/>
	<path class="logo-shaded" d="M207.07,294.11c10.64-21.06,10.66-41.26,10.49-64.85c-0.07-9.92,7.09-23.87,3.51-19.87
		c-13.77,15.39-48.4,44.06-73.23,45.68C182.82,254.19,196.69,271.6,207.07,294.11z"/>
	<path d="M50.07,183.16c12.98-9.28,80.58-45.22,96.91-50.43c16.33-5.21,11.21-11.4,11.21-11.4s-66.01,28.35-105.34,52.83"/>
	<path class="logo-shaded" d="M242.37,117.06c-5.3-2.13-9.3,4.08-7.99,10c1.3,5.93,13.81,12.51,13.15,34.41
		c-0.54,17.88-4.37,25.22-4.37,25.22l-8.77-11.05c0,0-1.26-24.76-4.26-28.42c-3-3.66-12.28-10.21-15.96-13.74
		c-3.68-3.53,4.11-8.12,3.57-14.38c-0.54-6.26,3.98-18.58,3.98-18.58L242.37,117.06z"/>
	<path class="logo-shaded" d="M274.33,214.59c-0.57,17.21,3.44,42.64,4.95,54.74c1.51,12.1,3.69,13.05,0,18.52
		c-3.56,5.29-8.46,13.98-8.46,13.98l-15.77-1.39c0,0,12.63-15.93,13.36-18.99c0.73-3.06-6.46-25.73-6.46-25.73L274.33,214.59z"/>
	<path class="logo-shaded" d="M243.87,54.2c3.1,7.06,7.13,10.2,13.17,12.43c3.72,1.37,18.18,3.24,23.88-3.27
		c2.57-2.93,0.89-10.94,0.89-10.94l-13.07,10.51l-17.72-3.21l-2.02-5.29L243.87,54.2z"/>
	<path class="logo-green-fill-black-stroke" d="M245.22,70.15c5.94,3.93,20.77,7.46,24.93,8.31c4.16,0.85,10.67-4.37,14-5.78c3.53-1.5,9.36-2.51,16.21,3.77
		c0.79,0.72-1.67,3.64-1.67,3.64c-0.33-0.2-1.55-0.29-3.45-1.13c-1.86-0.82-3.49-1.69-6.07-1.38c-11.41,1.34-13.36,5.26-23.32,2.99
		c-9.96-2.27-12.6-4.09-22.37-3.74"/>
	<path class="logo-green-fill" d="M243.19,70.84c7.62,3.28,22.19,6.71,26.35,7.56c4.16,0.85,10.71-3.12,13.95-5.16
		c5.7-3.58,13.14-0.58,16.48,3.23c2.22,2.54,3.12,4.19,3.12,4.8c-0.01,0.83-2.68-0.03-2.68-0.03c-1.51-0.78-3.44-0.99-4.88-1.72
		c-1.81-0.92-3.76-2.25-6.35-1.95c-11.41,1.34-13.73,5.22-23.68,2.95c-9.96-2.27-12.45-4.45-22.97-3.69"/>
	<path class="logo-contour" d="M207.61,284.43c-0.38-0.52,0.43-0.85-0.06-0.85c-2.97,0-7.15-2.28-9.4-5.52c-9.88-14.2-24.27-23.65-50.31-23
		c-39.23,0.98-54.71-15.14-57.65-45.8c-1.6-16.64-6.22-33.01-15.6-42.11l-5.6,3.35c10.5,9.13,13.93,24.08,16.32,44.29
		c3.63,30.59,28.31,44.86,57.19,45.31c29.99,0.47,40.7,6.59,52.04,21.73c3.67,4.9,7.89,6.38,10.88,7L207.61,284.43z"/>
	<path class="logo-shaded" d="M313.71,137.28c0.61,3.5,2.59,10.04,6.09,13.24c1.67,1.53,1.9,2.05,0.53,2.05c-1.44,0-11.34-0.53-11.34-0.53
		l-2.74-4.72L313.71,137.28z"/>
</g>
  
  
  
  <!-- plugin text -->
  <g id="ByGreenSock">
	<g>
		<path class="gray-fill" d="M401.81,267.29c0-1.36,0.58-1.95,1.95-1.95h11.64c9.69,0,14.56,4.68,14.56,11.51c0,4.35-3.38,8.84-7.15,9.88
			v0.26c0,0,9.1,2.21,9.1,10.79c0,9.04-6.04,13.07-16.97,13.07h-11.18c-1.36,0-1.95-0.59-1.95-1.95V267.29z M415.07,284.97
			c5.27,0,8.97-3.38,8.97-7.6c0-4.81-2.73-7.09-9.23-7.09h-7.28v14.69H415.07z M417.02,305.9c5.79,0,8.97-3.25,8.97-8.39
			c0-4.75-3.38-7.6-10.08-7.6h-8.39v15.99H417.02z"/>
		<path class="gray-fill" d="M435.41,278.67c-0.07-0.19-0.2-0.58-0.2-0.85c0-0.65,0.84-1.1,2.79-1.1h0.52c1.3,0,2.27,0.26,2.6,1.04
			l8.84,23.47l8.65-23.47c0.26-0.78,1.3-1.04,2.67-1.04c1.95,0,2.79,0.39,2.79,1.1c0,0.26-0.07,0.52-0.2,0.91L447.17,323
			c-0.39,0.98-1.5,1.37-3.06,1.37h-0.97c-1.43,0-2.15-0.39-2.15-1.04c0-0.39,0.13-0.52,5.79-14.3L435.41,278.67z"/>
		<path class="gray-fill" d="M505.67,264.95c6.44,0,12.42,2.27,12.42,4.03c0,1.1-1.37,3.77-2.21,3.77c-0.72,0-3.84-2.86-10.08-2.86
			c-11.5,0-15.28,6.7-15.28,18.01c0,9.95,2.99,18.4,14.56,18.4c3.38,0,6.63-0.39,8.39-0.84v-13.13h-7.61c-0.91,0-1.3-0.58-1.3-1.95
			v-1.04c0-1.37,0.39-1.95,1.3-1.95h11.38c1.37,0,1.95,0.58,1.95,1.95v17.23c0,3.64-7.08,4.68-14.5,4.68
			c-12.94,0-20.09-7.28-20.09-22.75C484.61,272.3,492.09,264.95,505.67,264.95z"/>
		<path class="gray-fill" d="M530.44,286.73c0-5.33-0.78-7.87-0.78-8.19c0-1.23,2.67-1.5,3.51-1.5c1.56,0,1.89,2.6,2.28,4.29
			c2.21-3.12,4.81-4.88,7.54-4.88c2.54,0,3.77,1.1,3.77,2.54c0,1.23-0.52,3.51-1.3,3.51c-0.85,0-1.37-0.72-3.58-0.72
			c-3.38,0-5.98,3.97-5.98,3.97v23.79c0,0.91-0.78,1.43-2.6,1.43h-0.26c-1.82,0-2.6-0.52-2.6-1.43V286.73z"/>
		<path class="gray-fill" d="M567.1,276.46c8.91,0,13.39,5.92,13.39,16.97c0,0.78-1.37,2.67-2.15,2.67H557.8
			c0.52,7.22,3.58,10.47,10.01,10.47c5.66,0,8.84-2.73,9.49-2.73c0.91,0,2.28,2.54,2.28,3.25c0,1.56-5.13,4.16-11.7,4.16
			c-10.79,0-15.93-5.53-15.93-17.16C551.95,282.57,557.15,276.46,567.1,276.46z M574.7,291.41c0-6.83-2.6-10.27-7.8-10.27
			c-5.66,0-8.65,3.45-9.1,10.27H574.7z"/>
		<path class="gray-fill" d="M602.13,276.46c8.91,0,13.39,5.92,13.39,16.97c0,0.78-1.37,2.67-2.15,2.67h-20.54
			c0.52,7.22,3.57,10.47,10.01,10.47c5.66,0,8.84-2.73,9.49-2.73c0.91,0,2.28,2.54,2.28,3.25c0,1.56-5.13,4.16-11.7,4.16
			c-10.79,0-15.93-5.53-15.93-17.16C586.99,282.57,592.19,276.46,602.13,276.46z M609.74,291.41c0-6.83-2.6-10.27-7.8-10.27
			c-5.66,0-8.64,3.45-9.1,10.27H609.74z"/>
		<path class="gray-fill" d="M624.04,286.73c0-5.33-0.78-7.87-0.78-8.19c0-1.23,2.67-1.5,3.51-1.5c1.56,0,1.88,2.6,2.28,4.29
			c2.73-3.06,6.5-4.88,10.14-4.88c6.63,0,10.6,3.97,10.6,10.53v22.56c0,0.91-0.78,1.43-2.6,1.43h-0.26c-1.82,0-2.6-0.52-2.6-1.43
			v-22.04c0-3.96-2.41-6.31-6.63-6.31c-2.93,0-6.05,1.75-8.19,4.55v23.79c0,0.91-0.78,1.43-2.6,1.43h-0.26
			c-1.82,0-2.6-0.52-2.6-1.43V286.73z"/>
		<path class="gray-fill" d="M659.33,302.98c0.84,0,4.48,3.31,11.18,3.31c4.94,0,8.52-3.06,8.52-7.87c0-11.25-21.13-6.24-21.13-21.52
			c0-7.22,5.72-11.96,14.43-11.96c3.71,0,10.47,1.62,10.47,3.96c0,0.98-1.43,3.45-2.08,3.45c-0.98,0-3.38-2.47-8.52-2.47
			c-4.88,0-8.39,2.34-8.39,7.28c0,9.49,21.13,5.14,21.13,21.26c0,8-5.66,12.81-14.43,12.81c-7.61,0-13.46-2.99-13.46-4.75
			C657.06,305.45,658.62,302.98,659.33,302.98z"/>
		<path class="gray-fill" d="M705.81,276.46c9.56,0,14.76,6.24,14.76,17.55c0,11.25-5.07,17.23-14.76,17.23
			c-9.81,0-15.08-6.05-15.08-17.23C690.73,282.76,696.12,276.46,705.81,276.46z M714.91,293.88c0-8.65-2.92-12.74-9.29-12.74
			c-6.31,0-9.17,4.03-9.17,12.74c0,8.65,2.8,12.68,9.17,12.68S714.91,302.52,714.91,293.88z"/>
		<path class="gray-fill" d="M742.92,276.46c5,0,9.75,1.43,9.75,2.99c0,1.04-1.24,3.51-2.08,3.51c-0.13,0-0.33-0.13-0.71-0.26
			c-1.17-0.52-3.58-1.56-7.09-1.56c-5.72,0-9.42,3.38-9.42,12.42c0,9.1,2.73,13,10.08,13c3.64,0,6.17-1.1,7.35-1.69
			c0.39-0.13,0.65-0.26,0.71-0.26c0.91,0,2.21,2.4,2.21,3.31c0,1.5-4.55,3.32-10.21,3.32c-10.53,0-15.99-5.01-15.99-17.55
			C727.51,280.1,735.44,276.46,742.92,276.46z"/>
		<path class="gray-fill" d="M761.77,263.39c0-0.91,0.78-1.43,2.6-1.43h0.26c1.82,0,2.6,0.52,2.6,1.43v29.06h0.26l12.42-14.82
			c0.58-0.71,2.01-0.91,3.45-0.91h0.26c1.56,0,2.28,0.39,2.28,0.85c0,0.33-0.2,0.78-0.65,1.3l-12.09,14.3l13.39,15.86
			c0.46,0.52,0.58,0.78,0.58,1.04c0,0.72-0.84,0.91-2.86,0.91H784c-1.43,0-2.86-0.06-3.51-0.84l-13-15.41h-0.26v14.82
			c0,0.91-0.78,1.43-2.6,1.43h-0.26c-1.82,0-2.6-0.52-2.6-1.43V263.39z"/>
	</g>
</g>
<g id="DrawSVG">
	<g>
		<path class="plugin-stroke" d="M403.5,124.89c0-4.36,1.87-6.23,6.23-6.23h34.86c32.06,0,49.8,19.3,49.8,54.47s-17.74,54.47-49.8,54.47
			h-34.86c-4.36,0-6.23-1.87-6.23-6.23V124.89z M444.59,207.22c16.65,0,25.21-11.98,25.21-34.08s-8.56-34.08-25.21-34.08h-16.96
			v68.17H444.59z"/>
		<path class="plugin-stroke" d="M510.58,173.6c0-15.56-1.87-18.83-1.87-21.94c0-3.73,13.54-4.98,17.43-4.98c4.98,0,5.29,6.23,6.23,10.12
			c3.27-5.91,7.94-11.83,16.96-11.83c7.63,0,8.87,5.29,8.87,8.4c0,2.96-1.71,13.07-4.82,13.07c-2.18,0-4.2-1.25-7.31-1.25
			c-6.38,0-10.58,4.67-12.45,7.78v49.96c0,3.27-2.8,4.98-9.34,4.98h-4.36c-6.54,0-9.34-1.71-9.34-4.98V173.6z"/>
		<path class="plugin-stroke" d="M609.1,177.18v-5.14c0-5.91-3.58-8.87-12.14-8.87c-11.36,0-18.05,4.98-19.92,4.98
			c-3.27,0-8.09-9.18-8.09-12.45c0-5.29,12.45-10.74,29.73-10.74c24.59,0,33.46,10.89,33.46,25.99v29.26
			c0,16.03,1.87,19.3,1.87,22.57c0,3.73-13.54,4.98-17.43,4.98c-4.98,0-5.29-6.54-6.23-10.74c-1.09,2.02-8.56,11.83-22.88,11.83
			c-16.81,0-23.03-9.96-23.03-22.72S569.57,177.18,609.1,177.18z M595.09,210.64c5.91,0,11.52-4.2,14.01-9.8v-8.56
			c-14.79,0-21.79,4.05-21.79,11.52C587.31,207.69,589.96,210.64,595.09,210.64z"/>
		<path class="plugin-stroke" d="M645.83,152.28c-0.31-0.93-0.31-1.71-0.31-2.33c0-2.49,2.96-4.05,9.65-4.05h3.73c4.36,0,7.94,1.09,8.56,3.27
			l12.3,47.93l11.83-47.93c0.47-2.18,3.58-3.27,8.56-3.27h3.73c4.36,0,8.09,1.09,8.56,3.27l11.52,47.93l12.61-47.93
			c0.62-2.18,3.58-3.27,8.56-3.27h0.62c6.69,0,9.65,1.56,9.65,4.05c0,0.62-0.16,1.4-0.31,2.33l-18.36,72.37
			c-0.62,2.18-4.2,3.27-8.56,3.27h-7.63c-4.98,0-7.94-1.09-8.56-3.27l-11.2-43.73l-10.58,43.73c-0.47,2.18-4.2,3.27-8.56,3.27H674
			c-5.14,0-7.94-1.09-8.56-3.27L645.83,152.28z"/>
		<path class="plugin-stroke" d="M772.06,201.31c2.8,0,10.43,7.16,22.88,7.16c6.69,0,14.63-2.02,14.63-11.36c0-18.36-44.98-11.21-44.98-47.78
			c0-22.88,18.67-31.9,36.88-31.9c16.5,0,28.01,5.76,28.01,10.89c0,4.2-4.82,13.54-8.56,13.54c-2.02,0-6.85-3.89-17.28-3.89
			c-12.14,0-14.47,5.6-14.47,9.18c0,17.74,44.98,10.58,44.98,47.16c0,25.84-18.21,34.55-35.17,34.55c-23.66,0-36.57-8.4-36.57-13.7
			C762.41,210.33,768.79,201.31,772.06,201.31z"/>
		<path class="plugin-stroke" d="M838.21,124.58c-0.31-1.09-0.62-2.02-0.62-2.8c0-2.18,2.96-3.42,9.49-3.42h5.13c4.51,0,8.09,1.09,9.18,4.51
			l22.72,72.84h0.62l23.35-72.84c1.09-3.27,4.67-4.51,9.18-4.51h4.83c6.54,0,9.34,1.25,9.34,3.42c0,0.78-0.16,1.71-0.47,2.8
			l-33.62,100.07c-0.78,2.49-4.2,3.27-8.71,3.27h-8.09c-4.51,0-7.94-0.78-8.71-3.27L838.21,124.58z"/>
		<path class="plugin-stroke" d="M991.82,117.42c13.7,0,33.3,4.36,33.3,10.89c0,4.36-6.23,14.63-10.12,14.63c-1.87,0-8.87-4.98-23.66-4.98
			c-18.36,0-26.93,11.67-26.93,35.02s8.72,35.48,26.61,35.48c4.36,0,7.94-0.31,12.14-1.09v-19.77h-13.7c-3.27,0-4.67-2.33-4.67-7.78
			v-4.98c0-5.45,1.4-7.78,4.67-7.78h31.59c4.36,0,6.23,1.87,6.23,6.23v43.27c0,10.74-25.21,12.29-36.26,12.29
			c-34.86,0-51.2-17.59-51.2-56.03C939.84,135.79,957.27,117.42,991.82,117.42z"/>
	</g>
</g>
<g id="Plugin">
	<g>
		<path class="gray-fill" d="M1048.01,123.65c0-3.27,1.4-4.67,4.67-4.67h31.59c13.38,0,34.71,4.2,34.71,30.5
			c0,28.48-25.06,32.06-33.15,32.06h-24.12v43.27c0,2.18-1.87,3.42-6.23,3.42h-1.24c-4.36,0-6.23-1.25-6.23-3.42V123.65z
			 M1085.99,169.71c6.23,0,18.83-3.27,18.83-20.23c0-15.41-11.83-18.68-21.01-18.68h-22.1v38.91H1085.99z"/>
		<path class="gray-fill" d="M1136.26,114.31c0-2.18,1.87-3.42,6.23-3.42h0.62c4.36,0,6.23,1.24,6.23,3.42v91.82
			c0,9.34,3.89,11.52,8.4,11.52c4.51,0,5.29-0.78,6.69-0.78c2.18,0,3.27,6.07,3.27,7.31c0,4.2-7.16,4.67-11.36,4.67
			c-7.78,0-20.08-3.42-20.08-21.48V114.31z"/>
		<path class="gray-fill" d="M1181.4,149.64c0-2.18,1.87-3.42,6.23-3.42h0.62c4.36,0,6.23,1.25,6.23,3.42v52.76
			c0,9.49,5.76,15.1,15.87,15.1c7,0,14.47-4.2,19.61-10.89v-56.96c0-2.18,1.87-3.42,6.23-3.42h0.62c4.36,0,6.23,1.25,6.23,3.42
			v55.25c0,12.76,1.87,18.83,1.87,19.61c0,2.96-6.38,3.58-8.4,3.58c-3.73,0-4.51-6.54-5.45-10.89
			c-6.54,7.31-15.56,11.67-24.28,11.67c-15.88,0-25.37-9.49-25.37-25.21V149.64z"/>
		<path class="gray-fill" d="M1279.29,221.54c-5.92-2.49-9.96-6.23-9.96-12.61c0-7.63,6.38-11.36,11.83-13.23
			c-9.34-4.51-14.16-13.23-14.16-23.19c0-14.79,10.74-26.92,31.13-26.92c3.73,0,7.16,0.31,10.27,0.93h26.77
			c2.18,0,3.11,1.4,3.11,4.67v1.87c0,3.27-0.93,4.67-3.11,4.67h-10.89c3.58,4.36,5.14,9.34,5.14,14.79
			c0,14.78-10.89,26.77-31.28,26.77h-1.56c-3.74,0.16-13.39,0.78-13.39,6.54c0,12.29,52.6,0.16,52.6,30.66
			c0,13.54-13.85,24.43-38.91,24.43c-20.39,0-35.17-4.36-35.17-20.39C1261.71,231.34,1268.71,225.27,1279.29,221.54z
			 M1298.59,249.71c14.16,0,23.35-5.45,23.35-12.45c0-9.49-16.5-10.12-31.13-12.61c-6.38,2.49-15.56,7.63-15.56,14.47
			C1275.25,247.53,1285.67,249.71,1298.59,249.71z M1315.71,172.52c0-11.98-7.94-15.72-17.59-15.72c-9.65,0-17.43,3.73-17.43,15.72
			c0,11.98,7.78,15.56,17.43,15.56C1307.77,188.08,1315.71,184.5,1315.71,172.52z"/>
		<path class="gray-fill" d="M1354.93,123.49v-9.18c0-2.18,1.87-3.42,6.23-3.42h1.87c4.36,0,6.23,1.24,6.23,3.42v9.18
			c0,2.18-1.87,3.42-6.23,3.42h-1.87C1356.8,126.92,1354.93,125.67,1354.93,123.49z M1355.56,149.64c0-2.18,1.87-3.42,6.23-3.42
			h0.62c4.36,0,6.23,1.25,6.23,3.42v75.17c0,2.18-1.87,3.42-6.23,3.42h-0.62c-4.36,0-6.23-1.25-6.23-3.42V149.64z"/>
		<path class="gray-fill" d="M1396.02,170.18c0-12.76-1.87-18.83-1.87-19.61c0-2.96,6.38-3.58,8.4-3.58c3.73,0,4.51,6.23,5.45,10.27
			c6.54-7.31,15.56-11.67,24.28-11.67c15.87,0,25.37,9.49,25.37,25.21v54c0,2.18-1.87,3.42-6.23,3.42h-0.62
			c-4.36,0-6.23-1.25-6.23-3.42v-52.76c0-9.49-5.76-15.1-15.87-15.1c-7,0-14.47,4.2-19.61,10.89v56.96c0,2.18-1.87,3.42-6.22,3.42
			h-0.62c-4.36,0-6.22-1.25-6.22-3.42V170.18z"/>
	</g>
</g>
  
</svg>

<div id="slider"></div><div id="replay" style="position:relative; display:inline-block; text-align:right; cursor:pointer; color:#999999; font-family:Arial, Verdana, sans-serif; font-size:12px; bottom: 35px; margin-left: 24px;">replay <img id="replayIcon" src="//greensock.com/_img/codepen/allDevicesBanner/replay.png" width="19" height="19" style="margin-left:2px; vertical-align: middle;" /></div>




              
            
!

CSS

              
                body {
  background-color: black;
  text-align: center;
}

#svg {
  margin: 10px;
}

#logo, #lines, #ByGreenSock, #DrawSVG, #Plugin {
  visibility: hidden;
}

#slider {
  width:400px;
  margin:30px auto;
  background-color: #222;
  display: inline-block;
}

#slider, #slider a {
  background-image: none;
  border: 1px solid #555;
}
#slider a {
  background-color: #444;
}
              
            
!

JS

              
                //we set visibility:hidden in the CSS to avoid an initial flash - make them visible now, but the from() tweens are going to essentially hide them anyway because their stroke position/length will be 0.
gsap.set(".gray-line, .green-line, .green-line-thin, .plugin-stroke", {visibility:"visible"});

var tl = gsap.timeline({onUpdate:updateSlider}),
    $slider = $("#slider");

//animate the plugin text first, drawing to 100%
tl.from(".plugin-stroke", {duration: 4, drawSVG:0, ease:"power1.inOut"})
  //now animate the logo strokes (note we use "102% as FireFox 34 miscalculates the length of a few strokes)
  .fromTo(".gray-line, .green-line, .green-line-thin", {drawSVG:0}, {duration: 2, drawSVG:"102%"}, "-=1")
  //fade in the real logo and the rest of the text
  .to("#Plugin, #ByGreenSock, #logo", 1, {autoAlpha:1, ease:"none"})
  //hide the logo strokes that are now obscured by the real logo (just to improve rendering performance)
  .set("#lines", {visibility:"hidden"});

//--- SLIDER ---
$slider.slider({
  range: false,
  min: 0,
  max: 100,
  step: 0.02,
  value:0,
  slide: function ( event, ui ) {
    tl.progress( ui.value / 100 ).pause();
  }
});
function updateSlider() {
	$slider.slider("value", tl.progress() * 100);
}
var $replayIcon = $("#replayIcon"),
    $replay = $("#replay").mouseenter(function(){
      gsap.to($replayIcon, {duration: 0.4, rotation:"+=360"});
      gsap.to($replay, {duration: 0.4, opacity:1});
    }).mouseleave(function(){
      gsap.to($replay, {duration: 0.4, opacity:0.65});
    }).click(function(){
      tl.restart();
});

gsap.render(); //lazy rendering (a performance optimization) can cause the initial render to be delayed by 1 tick, causing the logo to be visible for a brief moment, so we force a render here immediately. Another option would be to set lazy:false on the tween(s), but this is easier/faster.
              
            
!
999px

Console