Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

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

Behavior

Save Automatically?

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

              
                <?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!--For Inline SVG animation Test. by Manabu Fukai
http://glitter-style.jp/labo/
-->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1024px" height="550px" viewBox="0 0 1024 550" style="enable-background:new 0 0 1024 550;" xml:space="preserve">
	 <defs>
	 	<filter id="f2" x="0" y="0" width="150%" height="150%">
      		<feOffset result="offOut" in="SourceAlpha" dx="14" dy="4">
                <animate attributeName="dx" from="0" to="14" begin="3.5s" dur="2s" />
                <animate attributeName="dy" from="0" to="4" begin="3.5" dur="2s" />
            </feOffset>
      		<feGaussianBlur result="blurOut" in="offOut" stdDeviation="3"></feGaussianBlur>
      		<feComponentTransfer xmlns="http://www.w3.org/2000/svg">
        		<feFuncA type="linear" slope="0.3"></feFuncA>
      		</feComponentTransfer>
      		<feMerge xmlns="http://www.w3.org/2000/svg"> 
        		<feMergeNode></feMergeNode>
        		<feMergeNode in="SourceGraphic"></feMergeNode> 
      		</feMerge>
	    </filter>
	 </defs>
<rect x="0" y="0" style="fill:#F0E40C;" width="1024" height="550" />

<path fill="#0097A4">
        <animate attributeName="d" calcMode="linear" values="
        	M 1044,0 L 0,300 L 0,560 L 1044,560 z;
        	M 1044,250 L 0,0 L 0,560 L 1044,560 z;
        	M 1044,0 L 0,300 L 0,560 L 1044,560 z" dur="20s" begin="6s" repeatCount="indefinite" />
        <animate attributeName="fill" from="#0076A4" to="#0367A0" dur="6s" begin="6s" repeatCount="indefinite"/>
    </path>
<path fill="#0097A4">
        <animate attributeName="d" calcMode="linear" values="
        	M 0,0 L 400,0 L 0,660 z;
        	M 0,0 L 1200,0 L 0,660 z;
        	M 0,0 L 400,0 L 0,660 z" dur="24s" begin="6s" repeatCount="indefinite"/>
        <animate attributeName="fill" values="#0076A4;#023E60;#036FAD" begin="6s" dur="6s" repeatCount="indefinite"/>
    </path>
<circle cx="200" cy="300" r="0" style="stroke-width:1;stroke:#fff;fill:none">
    <animate attributeName="r" type="scale" flom="1" to="450" begin="8.5s" dur="4s" calcMode="spline" keySplines="0,0 0.58,1.0" repeatCount="indefinite" />
    <animate attributeName="opacity" from="0.7" to="0" begin="8.5s" dur="4s" repeatCount="indefinite"/>
</circle>
<circle cx="650" cy="350" r="0" style="stroke-width:1;stroke:#fff;fill:none">
    <animate attributeName="r" type="scale" flom="0" to="600" begin="9.5s" dur="5s" calcMode="spline" keySplines="0,0 0.58,1.0" repeatCount="indefinite" />
    <animate attributeName="opacity" from="0.7" to="0" dur="5s" begin="9.5s" repeatCount="indefinite"/>
</circle>

<circle cx="700" cy="350" r="0" style="stroke-width:1;stroke:#fff;fill:none">
    <animate attributeName="r" type="scale" flom="1" to="200" begin="11.5s" dur="3s" calcMode="spline" keySplines="0,0 0.58,1.0" repeatCount="indefinite" />
    <animate attributeName="opacity" from="1" to="0" begin="11.5s" dur="3s" repeatCount="indefinite"/>
</circle>
<circle cx="800" cy="300" r="0" style="stroke-width:1;stroke:#fff;fill:none">
    <animate attributeName="r" type="scale" flom="1" to="200" begin="12s" dur="3s" calcMode="spline" keySplines="0,0 0.58,1.0" repeatCount="indefinite" />
    <animate attributeName="opacity" from="1" to="0" begin="12s" dur="3s" repeatCount="indefinite"/>
</circle>
<circle cx="900" cy="250" r="0" style="stroke-width:1;stroke:#fff;fill:none">
    <animate attributeName="r" type="scale" flom="1" to="200" begin="12.5s" dur="3s" calcMode="spline" keySplines="0,0 0.58,1.0" repeatCount="indefinite" />
    <animate attributeName="opacity" from="0.6" to="0" begin="12.5s" dur="3s" repeatCount="indefinite"/>
</circle>

<circle cx="100" cy="70" r="0" style="stroke-width:1;stroke:#fff;fill:none">
	<animate attributeName="r" type="scale" flom="0" begin="9s" to="300" dur="3s" calcMode="spline" keySplines="0,0 0.58,1.0" repeatCount="indefinite" />
    <animate attributeName="opacity" from="1" to="0" begin="9s" dur="3s" repeatCount="indefinite"/>
</circle>

<circle cx="80" cy="460" r="200" style="stroke-width:10;stroke-dasharray:18;stroke:#09B8BB;fill:none">
 <animate attributeName="stroke-width" from="0" to="0" dur="7s" />
 <animate attributeName="r" from="170" to="200" begin="7s" dur="1s" calcMode="spline" keySplines="0.42,0 0.58,1.0" /> 
 <animateTransform attributeType="xml" attributeName="transform" type="rotate"
                    from="0 80 460"
                    to="-360 80 460" begin="7s"
                    dur="30s"
                    repeatCount="indefinite"/>
</circle>

<polygon style="fill:#fff;opacity:0.4;">
 <animateTransform attributeType="xml" attributeName="transform" type="rotate"
                    from="0 650 200"
                    to="360 650 200"
                    dur="16s" begin="6s"
                    repeatCount="indefinite"/>
    <animate attributeType="xml" attributeName="points"
        values="
        800,20 650,80 200,200;
        350,20 650,100 150,200;
        800,20 650,80 200,200"
        dur="16s" begin="6s" repeatCount="indefinite"/>
  </polygon>
  <polygon style="fill:#fff;opacity:0.2;">
<animateTransform attributeType="xml" attributeName="transform" type="rotate"
                    from="0 850 200"
                    to="-360 850 200"
                    dur="12s" begin="6s"
                    repeatCount="indefinite"/>
    <animate attributeType="xml" attributeName="points"
        values="
        700,120 950,80 650,200;
        750,120 900,100 550,200;
        700,120 950,80 650,200"
        dur="12s" begin="6s" repeatCount="indefinite"/>
  </polygon>

<rect x="-1024" y="0" fill="#24B8F2" width="1024px" height="160px">
   <animate attributeName="x" id="s1" from="-1024" to="0" dur="0.5s" calcMode="spline" keySplines="0.25,0.1 0.25,1.0" fill="freeze" />
   <animate attributeName="x" from="0" to="-1024" begin="s1.end+3.5s" dur="0.5s" calcMode="spline" keySplines="0.25,0.1 0.25,1.0" fill="freeze" />
</rect>
<rect x="1024" y="160" fill="#023E60" width="1024px" height="160px">
   <animate attributeName="x" id="v1" from="1024" to="0" begin="1s" dur="0.5s" calcMode="spline" keySplines="0.25,0.1 0.25,1.0" fill="freeze" />
   <animate attributeName="x" from="0" to="1024" begin="v1.end+2.5s" dur="0.5s" calcMode="spline" keySplines="0.25,0.1 0.25,1.0" fill="freeze" />
</rect>
<polygon fill="#09B8BB">
   <animate attributeName="points" id="g1"
    values="
    0,550 1024,550 1024,550 0,550;
    0,550 1024,550 1024,315 0,315"
    begin="2s" dur="0.5s" fill="freeze" />
   <animate attributeName="points" id="g2"
    values="    
    0,550 1024,550 1024,315 0,315;
    0,550 1024,550 1024,0 0,0"
    begin="g1.end+1s" dur="0.3s" calcMode="spline" keySplines="0.25,0.1 0.25,1.0" fill="freeze" />
   <animate attributeName="points" id="g3" 
    values="    
    -50,550 1070,550 1070,0 -50,0;
    -50,273 1070,273 1070,277 -50,277"
    begin="g2.end+1.5s" dur="0.3s" calcMode="spline" keySplines="0.25,0.1 0.25,1.0" fill="freeze" />
    <animate attributeName="fill" to="#BD1C3C" begin="g2.end+0.3s" dur="0.5s" fill="freeze" />
    <animateTransform attributeType="xml" attributeName="transform" type="rotate"
                    from="0 512 275"
                    to="-240 512 275"
                    begin="g3.end" dur="0.3s" fill="freeze"  calcMode="spline" keySplines="0.2,0 2.0,1.0" />
   <animate attributeName="points"
    values="    
    -50,273 1070,273 1070,277 -50,277;
    -50,275 1070,275 1070,275 -50,275"
    begin="g3.end+0.2s" dur="0.3s" calcMode="spline" keySplines="0.25,0.1 0.25,1.0" fill="freeze" />
</polygon>
<g xmlns="http://www.w3.org/2000/svg" filter="url(#f2)" style="fill:#FFFFFF;">
<g id="s">
<path d="M259.73,48.76v34.658h-2.735c-0.887-6.651-2.475-11.946-4.766-15.888c-2.291-3.942-5.554-7.069-9.792-9.385c-4.238-2.316-8.622-3.474-13.154-3.474c-5.125,0-9.36,1.564-12.71,4.693c-3.351,3.129-5.025,6.688-5.025,10.678c0,3.056,1.059,5.837,3.178,8.351c3.054,3.694,10.32,8.621,21.8,14.779c9.359,5.025,15.751,8.88,19.176,11.565c3.424,2.686,6.06,5.85,7.907,9.496c1.847,3.646,2.771,7.464,2.771,11.454c0,7.586-2.945,14.127-8.831,19.62c-5.887,5.494-13.462,8.239-22.724,8.239c-2.907,0-5.642-0.221-8.203-0.665c-1.527-0.247-4.692-1.146-9.495-2.697c-4.803-1.552-7.846-2.328-9.126-2.328c-1.232,0-2.206,0.37-2.919,1.108c-0.715,0.739-1.246,2.267-1.589,4.582h-2.734v-34.362h2.734c1.281,7.194,3.005,12.575,5.173,16.146c2.168,3.573,5.48,6.54,9.939,8.905c4.458,2.364,9.348,3.546,14.669,3.546c6.158,0,11.021-1.625,14.594-4.877c3.572-3.251,5.358-7.094,5.358-11.528c0-2.463-0.677-4.951-2.032-7.463c-1.355-2.513-3.462-4.852-6.318-7.02c-1.921-1.478-7.168-4.619-15.74-9.422c-8.573-4.803-14.669-8.634-18.29-11.491c-3.621-2.856-6.368-6.01-8.24-9.458c-1.873-3.447-2.808-7.242-2.808-11.38c0-7.193,2.758-13.386,8.276-18.585c5.517-5.197,12.537-7.796,21.061-7.796c5.321,0,10.961,1.306,16.922,3.917c2.758,1.232,4.704,1.847,5.837,1.847c1.281,0,2.328-0.381,3.141-1.146c0.813-0.763,1.466-2.302,1.958-4.618H259.73z" transform="">
<animateTransform attributeName="transform" type="translate"
     from="-800" to="0" dur="0.6s" calcMode="spline" keySplines="0.42,0 0.58,1.0" />
 </path>
 <g>
    <path d="M327.965,147.827c-0.384,1.878-1.137,3.324-2.257,4.335c-1.121,1.012-2.361,1.518-3.721,1.518c-1.619,0-3.03-0.68-4.234-2.04c-1.204-1.359-1.806-3.196-1.806-5.511c0-2.242,0.667-4.063,2-5.464c1.333-1.401,2.934-2.102,4.802-2.102c1.401,0,2.553,0.371,3.456,1.113s1.354,1.513,1.354,2.312c0,0.395-0.127,0.714-0.381,0.958c-0.254,0.244-0.61,0.366-1.066,0.366c-0.612,0-1.074-0.197-1.386-0.591c-0.176-0.218-0.293-0.633-0.35-1.246s-0.268-1.079-0.63-1.401c-0.363-0.312-0.867-0.467-1.51-0.467c-1.038,0-1.873,0.384-2.506,1.152c-0.841,1.017-1.261,2.361-1.261,4.032c0,1.702,0.417,3.205,1.253,4.507s1.964,1.954,3.386,1.954c1.017,0,1.931-0.348,2.74-1.043c0.571-0.478,1.126-1.344,1.666-2.6L327.965,147.827z"/>
    <path d="M344.46,151.19c-1.463,1.131-2.382,1.785-2.755,1.961c-0.561,0.259-1.157,0.389-1.79,0.389c-0.986,0-1.798-0.337-2.437-1.012c-0.638-0.674-0.958-1.562-0.958-2.662c0-0.695,0.156-1.297,0.467-1.806c0.425-0.706,1.165-1.37,2.218-1.993c1.053-0.623,2.805-1.38,5.254-2.272v-0.561c0-1.422-0.226-2.397-0.677-2.927c-0.451-0.529-1.108-0.794-1.969-0.794c-0.654,0-1.173,0.176-1.557,0.529c-0.395,0.353-0.592,0.758-0.592,1.214l0.031,0.903c0,0.478-0.122,0.846-0.366,1.105c-0.244,0.259-0.563,0.389-0.958,0.389c-0.384,0-0.698-0.135-0.942-0.405c-0.244-0.27-0.366-0.638-0.366-1.105c0-0.893,0.457-1.712,1.37-2.459c0.913-0.747,2.195-1.121,3.845-1.121c1.266,0,2.304,0.213,3.113,0.639c0.612,0.321,1.064,0.825,1.354,1.51c0.187,0.446,0.28,1.359,0.28,2.74v4.842c0,1.359,0.026,2.192,0.078,2.499s0.138,0.511,0.257,0.615c0.12,0.104,0.257,0.156,0.413,0.156c0.166,0,0.312-0.037,0.436-0.109c0.218-0.135,0.638-0.514,1.261-1.137v0.872c-1.162,1.557-2.273,2.335-3.332,2.335c-0.508,0-0.913-0.176-1.214-0.529C344.626,152.643,344.47,152.041,344.46,151.19z M344.46,150.178v-5.433c-1.567,0.623-2.579,1.064-3.036,1.323c-0.82,0.457-1.406,0.934-1.759,1.433c-0.353,0.498-0.529,1.043-0.529,1.634c0,0.747,0.224,1.367,0.669,1.86c0.446,0.493,0.96,0.739,1.542,0.739C342.135,151.734,343.173,151.216,344.46,150.178z"/>
    <path d="M361.812,131.108v18.914c0,0.893,0.064,1.484,0.194,1.775s0.33,0.511,0.6,0.662c0.27,0.15,0.773,0.226,1.51,0.226v0.561h-6.99v-0.561c0.654,0,1.1-0.067,1.339-0.202c0.239-0.135,0.425-0.358,0.561-0.669c0.135-0.312,0.202-0.908,0.202-1.791V137.07c0-1.609-0.036-2.597-0.109-2.966c-0.073-0.368-0.189-0.62-0.35-0.755c-0.161-0.135-0.366-0.203-0.615-0.203c-0.27,0-0.612,0.083-1.027,0.25l-0.265-0.545l4.25-1.744H361.812z"/>
    <path d="M380.222,151.19c-1.463,1.131-2.382,1.785-2.756,1.961c-0.56,0.259-1.157,0.389-1.79,0.389c-0.986,0-1.798-0.337-2.436-1.012c-0.639-0.674-0.958-1.562-0.958-2.662c0-0.695,0.156-1.297,0.467-1.806c0.426-0.706,1.165-1.37,2.219-1.993c1.053-0.623,2.805-1.38,5.254-2.272v-0.561c0-1.422-0.226-2.397-0.677-2.927c-0.452-0.529-1.108-0.794-1.969-0.794c-0.654,0-1.173,0.176-1.557,0.529c-0.395,0.353-0.592,0.758-0.592,1.214l0.031,0.903c0,0.478-0.122,0.846-0.366,1.105c-0.244,0.259-0.563,0.389-0.957,0.389c-0.384,0-0.698-0.135-0.942-0.405c-0.244-0.27-0.366-0.638-0.366-1.105c0-0.893,0.457-1.712,1.37-2.459c0.914-0.747,2.195-1.121,3.845-1.121c1.266,0,2.304,0.213,3.114,0.639c0.612,0.321,1.063,0.825,1.354,1.51c0.187,0.446,0.28,1.359,0.28,2.74v4.842c0,1.359,0.026,2.192,0.078,2.499c0.052,0.306,0.137,0.511,0.257,0.615c0.119,0.104,0.257,0.156,0.412,0.156c0.167,0,0.312-0.037,0.436-0.109c0.218-0.135,0.638-0.514,1.261-1.137v0.872c-1.163,1.557-2.273,2.335-3.332,2.335c-0.509,0-0.914-0.176-1.214-0.529S380.232,152.041,380.222,151.19z M380.222,150.178v-5.433c-1.567,0.623-2.579,1.064-3.036,1.323c-0.82,0.457-1.406,0.934-1.759,1.433c-0.353,0.498-0.529,1.043-0.529,1.634c0,0.747,0.223,1.367,0.669,1.86s0.96,0.739,1.541,0.739C377.897,151.734,378.935,151.216,380.222,150.178z"/>
    <path d="M396.577,141.444c1.38-1.92,2.869-2.88,4.468-2.88c1.463,0,2.74,0.625,3.83,1.876c1.089,1.25,1.634,2.96,1.634,5.129c0,2.532-0.84,4.572-2.522,6.118c-1.442,1.328-3.051,1.993-4.826,1.993c-0.83,0-1.673-0.15-2.53-0.452c-0.856-0.301-1.73-0.752-2.623-1.354v-14.773c0-1.619-0.039-2.615-0.117-2.989s-0.2-0.628-0.366-0.763s-0.374-0.203-0.623-0.203c-0.291,0-0.654,0.083-1.089,0.25l-0.218-0.545l4.281-1.744h0.701V141.444z M396.577,142.441v8.531c0.529,0.519,1.077,0.911,1.642,1.175c0.566,0.265,1.144,0.397,1.736,0.397c0.944,0,1.824-0.519,2.639-1.557c0.814-1.038,1.222-2.548,1.222-4.53c0-1.826-0.408-3.23-1.222-4.211c-0.814-0.98-1.741-1.471-2.779-1.471c-0.55,0-1.1,0.14-1.65,0.42C397.75,141.403,397.22,141.818,396.577,142.441z"/>
    <path d="M419.891,131.108v18.914c0,0.893,0.064,1.484,0.194,1.775s0.33,0.511,0.599,0.662c0.27,0.15,0.773,0.226,1.51,0.226v0.561h-6.99v-0.561c0.654,0,1.1-0.067,1.339-0.202c0.239-0.135,0.425-0.358,0.561-0.669c0.135-0.312,0.202-0.908,0.202-1.791V137.07c0-1.609-0.036-2.597-0.109-2.966c-0.073-0.368-0.189-0.62-0.35-0.755c-0.161-0.135-0.366-0.203-0.615-0.203c-0.27,0-0.612,0.083-1.027,0.25l-0.265-0.545l4.25-1.744H419.891z"/>
    <path d="M432.618,144.355c-0.011,2.117,0.503,3.778,1.541,4.982c1.038,1.204,2.257,1.806,3.658,1.806c0.934,0,1.746-0.257,2.437-0.771c0.69-0.514,1.269-1.394,1.736-2.639l0.482,0.311c-0.218,1.422-0.851,2.717-1.899,3.884c-1.048,1.167-2.361,1.751-3.938,1.751c-1.712,0-3.178-0.667-4.398-2c-1.219-1.333-1.829-3.126-1.829-5.378c0-2.439,0.625-4.341,1.876-5.706s2.82-2.047,4.709-2.047c1.599,0,2.911,0.527,3.939,1.58c1.027,1.054,1.541,2.462,1.541,4.227H432.618z M432.618,143.453h6.601c-0.052-0.913-0.161-1.557-0.327-1.93c-0.259-0.581-0.646-1.038-1.16-1.37s-1.051-0.498-1.611-0.498c-0.861,0-1.632,0.335-2.312,1.004C433.129,141.328,432.732,142.259,432.618,143.453z"/>
<animateTransform attributeName="transform" type="translate"
     from="1000" to="0" dur="0.6s" calcMode="spline" keySplines="0.42,0 0.58,1.0" />
</g>
<animate attributeName="opacity" from="0" to="1" dur="0.6s" />
</g>
<g id="v">
<path d="M297.787,188.105v2.734c-3.546,0.64-6.232,1.773-8.055,3.4c-2.612,2.414-4.926,6.108-6.946,11.084l-34.954,85.278h-2.734l-37.54-86.387c-1.921-4.433-3.277-7.142-4.064-8.128c-1.231-1.526-2.746-2.722-4.544-3.584c-1.8-0.861-4.225-1.416-7.279-1.663v-2.734h40.939v2.734c-4.631,0.443-7.638,1.232-9.016,2.365c-1.379,1.134-2.069,2.586-2.069,4.359c0,2.464,1.133,6.307,3.399,11.528l25.495,58.749l23.647-58.009c2.315-5.716,3.473-9.681,3.473-11.898c0-1.429-0.714-2.795-2.144-4.101c-1.429-1.305-3.842-2.228-7.242-2.771c-0.247-0.049-0.665-0.123-1.256-0.222v-2.734H297.787z" transform="">
<animateTransform attributeName="transform" type="translate"
     from="-800" to="0" begin="1s" dur="0.6s" calcMode="spline" keySplines="0.42,0 0.58,1.0" />
</path>
<g>
    <path d="M318.158,281.63c-0.01,2.117,0.503,3.777,1.542,4.981c1.038,1.204,2.257,1.806,3.658,1.806c0.934,0,1.746-0.257,2.436-0.771c0.69-0.514,1.269-1.393,1.736-2.639l0.483,0.312c-0.218,1.422-0.851,2.717-1.899,3.884c-1.048,1.168-2.361,1.752-3.938,1.752c-1.712,0-3.178-0.667-4.398-2.001c-1.219-1.333-1.829-3.126-1.829-5.378c0-2.439,0.625-4.341,1.876-5.706c1.25-1.364,2.82-2.047,4.709-2.047c1.598,0,2.911,0.527,3.938,1.58c1.027,1.054,1.542,2.463,1.542,4.227H318.158z M318.158,280.728h6.601c-0.052-0.914-0.161-1.557-0.327-1.931c-0.26-0.581-0.646-1.038-1.16-1.37c-0.514-0.332-1.051-0.498-1.611-0.498c-0.861,0-1.632,0.335-2.312,1.004C318.669,278.603,318.272,279.533,318.158,280.728z"/>
    <path d="M348.399,285.102c-0.384,1.879-1.137,3.323-2.257,4.336c-1.121,1.012-2.361,1.518-3.721,1.518c-1.619,0-3.03-0.68-4.234-2.039c-1.204-1.36-1.806-3.197-1.806-5.512c0-2.241,0.667-4.063,2-5.464c1.333-1.401,2.934-2.102,4.802-2.102c1.401,0,2.553,0.371,3.456,1.113s1.354,1.513,1.354,2.312c0,0.395-0.127,0.714-0.381,0.958c-0.254,0.243-0.61,0.365-1.066,0.365c-0.612,0-1.074-0.197-1.386-0.592c-0.176-0.218-0.293-0.633-0.35-1.245s-0.267-1.079-0.63-1.401c-0.363-0.311-0.867-0.467-1.51-0.467c-1.038,0-1.873,0.384-2.506,1.152c-0.841,1.017-1.261,2.361-1.261,4.031c0,1.702,0.417,3.205,1.253,4.507c0.835,1.303,1.964,1.954,3.386,1.954c1.017,0,1.931-0.348,2.74-1.043c0.571-0.478,1.126-1.344,1.666-2.6L348.399,285.102z"/>
    <path d="M360.956,271.573v4.687h3.332v1.089h-3.332v9.247c0,0.924,0.132,1.547,0.397,1.868c0.265,0.322,0.604,0.482,1.02,0.482c0.342,0,0.674-0.105,0.996-0.318s0.571-0.527,0.747-0.942h0.607c-0.363,1.018-0.877,1.782-1.541,2.296c-0.665,0.515-1.35,0.771-2.055,0.771c-0.478,0-0.944-0.133-1.401-0.397c-0.457-0.265-0.794-0.644-1.012-1.137c-0.218-0.492-0.327-1.253-0.327-2.28v-9.59h-2.257v-0.514c0.571-0.228,1.155-0.614,1.751-1.159s1.128-1.191,1.596-1.938c0.238-0.395,0.571-1.115,0.996-2.164H360.956z"/>
    <path d="M379.023,275.839c2.159,0,3.892,0.82,5.2,2.46c1.11,1.4,1.666,3.01,1.666,4.825c0,1.277-0.306,2.569-0.918,3.877s-1.456,2.293-2.53,2.958c-1.074,0.664-2.27,0.996-3.588,0.996c-2.148,0-3.855-0.856-5.122-2.568c-1.069-1.443-1.604-3.062-1.604-4.857c0-1.308,0.324-2.607,0.973-3.899c0.648-1.292,1.502-2.247,2.561-2.864C376.719,276.147,377.84,275.839,379.023,275.839z M378.541,276.851c-0.55,0-1.103,0.164-1.658,0.49c-0.555,0.327-1.004,0.9-1.347,1.721c-0.342,0.819-0.514,1.873-0.514,3.16c0,2.075,0.413,3.866,1.238,5.371s1.912,2.257,3.261,2.257c1.007,0,1.837-0.415,2.491-1.245s0.981-2.258,0.981-4.281c0-2.532-0.545-4.525-1.635-5.978C380.621,277.349,379.682,276.851,378.541,276.851z"/>
    <path d="M398.539,275.839v3.207c1.193-2.138,2.418-3.207,3.674-3.207c0.571,0,1.043,0.174,1.417,0.521c0.374,0.348,0.561,0.75,0.561,1.207c0,0.404-0.135,0.747-0.405,1.027c-0.27,0.28-0.591,0.42-0.965,0.42c-0.363,0-0.771-0.179-1.222-0.537c-0.452-0.358-0.786-0.537-1.004-0.537c-0.187,0-0.389,0.104-0.607,0.312c-0.467,0.426-0.95,1.126-1.448,2.102v6.834c0,0.789,0.099,1.386,0.296,1.79c0.135,0.28,0.374,0.514,0.716,0.701c0.343,0.187,0.835,0.28,1.479,0.28v0.56h-7.301v-0.56c0.727,0,1.267-0.114,1.619-0.343c0.26-0.166,0.441-0.431,0.545-0.794c0.052-0.177,0.078-0.68,0.078-1.51v-5.526c0-1.661-0.034-2.649-0.102-2.966s-0.192-0.548-0.374-0.693c-0.182-0.145-0.407-0.218-0.677-0.218c-0.322,0-0.685,0.078-1.09,0.233l-0.155-0.56l4.312-1.744H398.539z"/>
<animateTransform attributeName="transform" type="translate"
     from="1000" to="0" begin="1s" dur="0.6s" calcMode="spline" keySplines="0.42,0 0.58,1.0" />
</g>
    <animate attributeName="opacity" from="0" to="0" dur="1s" />
    <animate attributeName="opacity" values="0; 1" begin="1.0s" dur="0.6s" />
</g>
<g id="g">  
<path d="M283.229,319.267l2.587,31.628h-2.587c-2.612-7.882-5.985-13.818-10.124-17.809c-5.961-5.765-13.623-8.646-22.982-8.646c-12.759,0-22.465,5.05-29.115,15.149c-5.568,8.523-8.351,18.672-8.351,30.445c0,9.558,1.847,18.277,5.542,26.16c3.695,7.882,8.535,13.659,14.521,17.329s12.131,5.506,18.438,5.506c3.695,0,7.267-0.469,10.716-1.405c3.447-0.936,6.772-2.315,9.976-4.139v-28.967c0-5.025-0.382-8.314-1.146-9.865c-0.765-1.552-1.947-2.735-3.547-3.547c-1.601-0.813-4.423-1.22-8.461-1.22v-2.809h38.796v2.809h-1.848c-3.842,0-6.478,1.28-7.907,3.843c-0.987,1.822-1.479,5.419-1.479,10.789v30.667c-5.665,3.055-11.258,5.296-16.774,6.725c-5.518,1.429-11.651,2.144-18.4,2.144c-19.361,0-34.067-6.208-44.117-18.623c-7.538-9.311-11.307-20.051-11.307-32.219c0-8.818,2.117-17.267,6.355-25.347c5.025-9.607,11.922-16.997,20.691-22.169c7.341-4.286,16.011-6.43,26.013-6.43c3.645,0,6.957,0.296,9.939,0.887c2.98,0.591,7.205,1.896,12.673,3.916c2.758,1.035,4.606,1.553,5.542,1.553c0.935,0,1.736-0.432,2.401-1.293c0.666-0.863,1.071-2.55,1.219-5.063H283.229z" transform="">
<animateTransform attributeName="transform" type="translate"
     from="-800" to="0" begin="2s" dur="0.6s" calcMode="spline" keySplines="0.42,0 0.58,1.0" />
</path>
  <g>
    <path d="M320.914,408.825v3.206c1.193-2.138,2.418-3.206,3.674-3.206c0.571,0,1.043,0.174,1.417,0.521s0.561,0.749,0.561,1.206c0,0.404-0.135,0.747-0.405,1.027c-0.27,0.28-0.592,0.421-0.965,0.421c-0.363,0-0.771-0.18-1.222-0.537c-0.451-0.358-0.786-0.537-1.004-0.537c-0.187,0-0.389,0.104-0.607,0.311c-0.467,0.426-0.95,1.126-1.448,2.102v6.835c0,0.788,0.099,1.385,0.295,1.79c0.135,0.28,0.374,0.514,0.716,0.7c0.342,0.187,0.835,0.28,1.479,0.28v0.561h-7.301v-0.561c0.727,0,1.266-0.114,1.619-0.343c0.259-0.166,0.441-0.431,0.545-0.794c0.052-0.176,0.078-0.68,0.078-1.51v-5.526c0-1.66-0.034-2.649-0.101-2.966s-0.192-0.547-0.374-0.692s-0.408-0.218-0.677-0.218c-0.322,0-0.685,0.077-1.09,0.233l-0.156-0.561l4.313-1.743H320.914z"/>
        <path d="M341.814,421.45c-1.463,1.131-2.382,1.785-2.755,1.961c-0.561,0.26-1.157,0.39-1.791,0.39c-0.986,0-1.798-0.338-2.436-1.012c-0.638-0.675-0.958-1.563-0.958-2.662c0-0.695,0.156-1.298,0.467-1.806c0.426-0.706,1.165-1.37,2.219-1.993c1.053-0.623,2.805-1.38,5.254-2.272v-0.561c0-1.422-0.226-2.397-0.677-2.927s-1.108-0.794-1.969-0.794c-0.654,0-1.173,0.177-1.557,0.529c-0.395,0.353-0.592,0.758-0.592,1.214l0.031,0.903c0,0.478-0.122,0.846-0.366,1.105c-0.244,0.259-0.563,0.389-0.958,0.389c-0.384,0-0.698-0.135-0.942-0.404c-0.244-0.271-0.366-0.639-0.366-1.105c0-0.893,0.457-1.713,1.37-2.46c0.914-0.747,2.195-1.12,3.845-1.12c1.266,0,2.304,0.212,3.114,0.638c0.612,0.322,1.063,0.825,1.354,1.51c0.187,0.446,0.28,1.36,0.28,2.74v4.842c0,1.359,0.026,2.192,0.078,2.498c0.052,0.307,0.137,0.512,0.257,0.615c0.119,0.104,0.257,0.155,0.413,0.155c0.166,0,0.311-0.036,0.436-0.108c0.218-0.135,0.638-0.514,1.261-1.137v0.872c-1.163,1.557-2.273,2.335-3.332,2.335c-0.508,0-0.913-0.177-1.214-0.529C341.98,422.903,341.824,422.301,341.814,421.45z M341.814,420.438v-5.434c-1.567,0.623-2.579,1.063-3.036,1.323c-0.82,0.457-1.406,0.935-1.759,1.433c-0.353,0.498-0.529,1.043-0.529,1.634c0,0.748,0.223,1.368,0.669,1.86c0.446,0.493,0.96,0.74,1.541,0.74C339.489,421.995,340.527,421.476,341.814,420.438z"/>
        <path d="M353.234,410.662l4.39-1.775h0.591v3.332c0.737-1.256,1.477-2.136,2.219-2.639c0.742-0.504,1.523-0.755,2.343-0.755c1.432,0,2.625,0.56,3.581,1.681c1.172,1.37,1.759,3.155,1.759,5.355c0,2.46-0.706,4.493-2.117,6.103c-1.162,1.317-2.625,1.977-4.39,1.977c-0.768,0-1.433-0.108-1.993-0.327c-0.415-0.155-0.882-0.467-1.401-0.934v4.344c0,0.976,0.06,1.595,0.179,1.859s0.327,0.476,0.623,0.631c0.296,0.156,0.833,0.233,1.611,0.233v0.576h-7.472v-0.576h0.389c0.571,0.011,1.059-0.099,1.463-0.327c0.197-0.113,0.35-0.298,0.459-0.552c0.109-0.255,0.164-0.9,0.164-1.938v-13.481c0-0.924-0.042-1.51-0.125-1.759s-0.215-0.437-0.397-0.561c-0.182-0.125-0.428-0.187-0.739-0.187c-0.25,0-0.566,0.072-0.95,0.218L353.234,410.662z M358.216,413.137v5.324c0,1.152,0.047,1.909,0.14,2.272c0.146,0.603,0.501,1.132,1.066,1.588c0.566,0.457,1.279,0.686,2.141,0.686c1.038,0,1.878-0.405,2.522-1.215c0.84-1.059,1.261-2.548,1.261-4.468c0-2.179-0.477-3.855-1.432-5.028c-0.664-0.81-1.453-1.214-2.366-1.214c-0.498,0-0.991,0.125-1.479,0.374C359.695,411.643,359.078,412.203,358.216,413.137z"/>
        <path d="M380.767,401.368v10.43c1.152-1.266,2.065-2.078,2.74-2.436c0.675-0.358,1.349-0.537,2.024-0.537c0.81,0,1.505,0.223,2.086,0.669s1.012,1.146,1.292,2.102c0.197,0.664,0.296,1.879,0.296,3.643v5.044c0,0.903,0.073,1.521,0.218,1.853c0.104,0.249,0.28,0.446,0.529,0.592c0.25,0.146,0.706,0.218,1.37,0.218v0.561h-7.005v-0.561h0.327c0.664,0,1.126-0.102,1.385-0.304s0.441-0.501,0.545-0.895c0.031-0.166,0.047-0.654,0.047-1.464v-5.044c0-1.557-0.081-2.579-0.242-3.066c-0.161-0.488-0.417-0.854-0.771-1.098c-0.353-0.244-0.778-0.366-1.276-0.366c-0.509,0-1.038,0.136-1.588,0.405c-0.55,0.27-1.209,0.814-1.977,1.635v7.534c0,0.976,0.055,1.583,0.164,1.821c0.109,0.239,0.311,0.438,0.607,0.6s0.807,0.241,1.534,0.241v0.561h-7.068v-0.561c0.633,0,1.131-0.099,1.495-0.296c0.208-0.104,0.374-0.301,0.498-0.592c0.125-0.29,0.187-0.882,0.187-1.774v-12.905c0-1.629-0.039-2.631-0.117-3.005c-0.078-0.373-0.197-0.628-0.358-0.763c-0.161-0.135-0.376-0.202-0.646-0.202c-0.218,0-0.571,0.083-1.059,0.249l-0.218-0.545l4.265-1.743H380.767z"/>
        <path d="M403.816,408.825v11.457c0,0.893,0.065,1.486,0.195,1.782c0.129,0.296,0.322,0.517,0.576,0.662c0.254,0.146,0.719,0.218,1.394,0.218v0.561h-6.928v-0.561c0.695,0,1.163-0.067,1.401-0.202s0.428-0.358,0.568-0.67s0.21-0.908,0.21-1.79v-5.495c0-1.547-0.047-2.548-0.14-3.005c-0.073-0.332-0.187-0.563-0.342-0.692c-0.156-0.13-0.369-0.194-0.639-0.194c-0.291,0-0.643,0.077-1.059,0.233l-0.218-0.561l4.296-1.743H403.816z M402.524,401.368c0.436,0,0.807,0.153,1.113,0.459c0.306,0.307,0.459,0.678,0.459,1.113s-0.153,0.81-0.459,1.121c-0.306,0.311-0.677,0.467-1.113,0.467s-0.81-0.156-1.121-0.467c-0.312-0.312-0.467-0.686-0.467-1.121s0.153-0.807,0.459-1.113C401.702,401.521,402.078,401.368,402.524,401.368z"/>
        <path d="M426.242,418.087c-0.384,1.879-1.137,3.324-2.257,4.336c-1.121,1.012-2.361,1.518-3.721,1.518c-1.619,0-3.03-0.68-4.234-2.039c-1.204-1.359-1.806-3.196-1.806-5.511c0-2.242,0.667-4.063,2-5.464c1.333-1.401,2.935-2.102,4.802-2.102c1.401,0,2.553,0.37,3.456,1.112s1.354,1.513,1.354,2.313c0,0.394-0.127,0.713-0.381,0.957s-0.61,0.366-1.066,0.366c-0.612,0-1.074-0.197-1.386-0.592c-0.176-0.218-0.293-0.633-0.35-1.246c-0.057-0.611-0.267-1.079-0.63-1.4c-0.363-0.312-0.867-0.467-1.51-0.467c-1.038,0-1.873,0.384-2.506,1.151c-0.84,1.018-1.261,2.361-1.261,4.032c0,1.702,0.417,3.204,1.253,4.507s1.964,1.953,3.386,1.953c1.017,0,1.93-0.348,2.74-1.043c0.571-0.477,1.126-1.344,1.666-2.6L426.242,418.087z"/>
        <path d="M443.874,408.825v4.856h-0.514c-0.395-1.525-0.9-2.563-1.518-3.113c-0.617-0.55-1.404-0.825-2.358-0.825c-0.727,0-1.313,0.192-1.759,0.576s-0.669,0.81-0.669,1.276c0,0.581,0.166,1.079,0.498,1.494c0.322,0.426,0.976,0.877,1.961,1.354l2.273,1.105c2.106,1.027,3.16,2.382,3.16,4.063c0,1.297-0.491,2.343-1.471,3.137c-0.981,0.794-2.078,1.19-3.292,1.19c-0.872,0-1.868-0.155-2.989-0.467c-0.342-0.104-0.623-0.155-0.84-0.155c-0.239,0-0.426,0.135-0.561,0.404h-0.514v-5.091h0.514c0.291,1.453,0.846,2.548,1.666,3.285c0.82,0.736,1.739,1.105,2.756,1.105c0.716,0,1.3-0.21,1.751-0.631c0.452-0.42,0.677-0.926,0.677-1.518c0-0.716-0.251-1.318-0.755-1.806c-0.503-0.488-1.507-1.105-3.012-1.853s-2.491-1.422-2.958-2.024c-0.467-0.591-0.701-1.339-0.701-2.241c0-1.173,0.402-2.153,1.207-2.942c0.805-0.789,1.845-1.183,3.122-1.183c0.56,0,1.24,0.119,2.039,0.357c0.529,0.156,0.882,0.233,1.059,0.233c0.166,0,0.296-0.036,0.389-0.108c0.094-0.073,0.203-0.233,0.327-0.482H443.874z"/>
<animateTransform attributeName="transform" type="translate"
     from="1000" to="0" begin="2s" dur="0.6s" calcMode="spline" keySplines="0.42,0 0.58,1.0" />
</g>
    <animate attributeName="opacity" from="0" to="0" dur="2s" />
    <animate attributeName="opacity" from="0" to="1" begin="2s" dur="0.6s" />
  </g>
  </g>
<g style="opacity:0.6;fill:#fff">
	<g>
		<path style="fill:#FFFFFF;" d="M750.083,491.286h4.28c0.631,0,1.283,0.046,1.961,0.137c0.677,0.114,1.358,0.292,2.044,0.531c1.353,0.424,2.593,1.127,3.718,2.109c1.124,0.983,2.029,2.292,2.716,3.927c0.356,0.845,0.631,1.748,0.822,2.709c0.183,0.982,0.274,2.063,0.274,3.24c0,1.772-0.215,3.44-0.645,5.007c-0.431,1.601-1.103,3.006-2.017,4.218c-0.924,1.246-2.112,2.229-3.566,2.949c-1.481,0.754-3.168,1.131-5.062,1.131h-4.526V491.286z M752.648,494.235v20.06h1.577c1.948,0,3.603-0.422,4.966-1.269c1.344-0.846,2.373-2.04,3.086-3.583c0.686-1.521,1.029-3.264,1.029-5.229c0-1.589-0.206-3.006-0.617-4.252c-0.422-1.212-1.043-2.264-1.866-3.155c-0.832-0.868-1.838-1.515-3.018-1.938s-2.469-0.634-3.868-0.634H752.648z"/>
        <path style="fill:#FFFFFF;" d="M772.79,491.286h11.028v2.949h-8.478v7.27h8.258v2.949h-8.258v9.841h8.478v2.949H772.79V491.286z"/>
        <path style="fill:#FFFFFF;" d="M800.76,496.207c-0.769-1.658-1.894-2.486-3.375-2.486c-0.612,0-1.161,0.16-1.646,0.479c-0.512,0.332-0.951,0.813-1.317,1.44c-0.283,0.583-0.425,1.132-0.425,1.646c0,1.451,0.677,2.601,2.03,3.446l2.332,1.132c0.951,0.491,1.848,1.097,2.688,1.817c0.822,0.731,1.439,1.646,1.852,2.743c0.356,1.188,0.534,2.304,0.534,3.343c0,1.098-0.168,2.126-0.507,3.087c-0.338,0.983-0.813,1.822-1.427,2.521c-0.566,0.709-1.252,1.285-2.058,1.731c-0.374,0.183-0.786,0.349-1.234,0.497c-0.448,0.138-0.868,0.206-1.262,0.206c-0.549,0-1.057-0.068-1.522-0.206c-0.484-0.148-0.979-0.388-1.481-0.72c-0.905-0.537-1.655-1.378-2.25-2.521c-0.621-1.12-1.005-2.396-1.152-3.824l2.552-0.702c0,1.028,0.215,1.938,0.645,2.726c0.339,0.687,0.828,1.241,1.468,1.663c0.613,0.343,1.239,0.515,1.879,0.515c0.878,0,1.684-0.372,2.414-1.114c0.732-0.755,1.171-1.812,1.317-3.172l0.055-0.875c0-1.303-0.352-2.332-1.057-3.086c-0.73-0.72-1.714-1.399-2.948-2.04c-1.263-0.605-2.236-1.177-2.922-1.715c-0.714-0.515-1.304-1.229-1.77-2.144c-0.494-0.892-0.741-2.017-0.741-3.378c0-0.742,0.143-1.503,0.426-2.28c0.128-0.423,0.288-0.794,0.479-1.114c0.184-0.331,0.417-0.674,0.7-1.028c0.586-0.629,1.237-1.129,1.954-1.501c0.719-0.371,1.558-0.557,2.518-0.557c1.124,0,2.145,0.337,3.059,1.012c0.915,0.674,1.646,1.646,2.194,2.914L800.76,496.207z"/>
        <path style="fill:#FFFFFF;" d="M811.292,491.286h2.565v25.958h-2.565V491.286z"/>
        <path style="fill:#FFFFFF;" d="M832.82,504.111h8.147v1.148c0,1.897-0.256,3.595-0.769,5.092c-0.503,1.521-1.202,2.847-2.099,3.979c-0.393,0.514-0.857,0.994-1.392,1.439c-0.535,0.446-1.104,0.829-1.708,1.149c-1.18,0.617-2.396,0.926-3.648,0.926l-0.755-0.034c-0.805,0-1.545-0.144-2.222-0.429c-0.695-0.285-1.388-0.687-2.078-1.2c-0.69-0.515-1.278-1.04-1.763-1.577c-0.513-0.537-0.965-1.166-1.358-1.887c-0.786-1.291-1.376-2.697-1.77-4.218c-0.393-1.52-0.59-2.983-0.59-4.389c0-1.132,0.124-2.224,0.371-3.275c0.237-1.028,0.566-2.023,0.987-2.983c0.704-1.727,1.609-3.114,2.716-4.166c1.106-1.063,2.204-1.817,3.292-2.264c1.07-0.434,2.08-0.651,3.031-0.651c1.683,0,3.201,0.314,4.554,0.943c1.345,0.651,2.729,1.995,4.156,4.029l-1.879,2.177c-0.769-1.257-1.66-2.24-2.675-2.949c-0.521-0.389-1.12-0.702-1.797-0.942c-0.677-0.206-1.408-0.309-2.194-0.309c-1.216,0-2.46,0.417-3.731,1.251c-0.604,0.4-1.156,0.903-1.659,1.51c-0.521,0.617-0.988,1.319-1.399,2.108c-0.823,1.601-1.234,3.384-1.234,5.35l0.055,0.172c0,1.988,0.393,3.812,1.18,5.469c0.787,1.692,1.77,2.979,2.949,3.858c0.595,0.445,1.185,0.783,1.77,1.012c0.558,0.239,1.139,0.359,1.742,0.359c1.18,0,2.299-0.337,3.36-1.012c1.069-0.651,1.952-1.589,2.647-2.812c0.375-0.605,0.663-1.234,0.864-1.886c0.191-0.663,0.288-1.331,0.288-2.007h-5.391V504.111z"/>
        <path style="fill:#FFFFFF;" d="M847.814,490.034l15.431,20.506v-19.254h2.606v27.056l-15.514-20.489v19.392h-2.523V490.034z"/>
        <path style="fill:#FFFFFF;" d="M882.487,491.286h3.676c2.433,0,4.147,0.469,5.144,1.405c0.787,0.732,1.386,1.566,1.797,2.504c0.394,0.96,0.59,2.08,0.59,3.36c0,1.006-0.119,1.92-0.356,2.743c-0.21,0.823-0.563,1.572-1.057,2.246c-0.447,0.674-0.978,1.212-1.591,1.611c-0.621,0.424-1.262,0.681-1.92,0.772l6.487,11.315h-3.059l-6.09-10.956h-1.07v10.956h-2.551V491.286z M885.038,494.166v9.447c1.391,0,2.55-0.134,3.478-0.402c0.929-0.269,1.607-0.74,2.037-1.415c0.503-0.754,0.754-1.761,0.754-3.018c0-1.337-0.411-2.44-1.234-3.309c-0.851-0.868-2.25-1.304-4.197-1.304H885.038z"/>
        <path style="fill:#FFFFFF;" d="M901.87,491.286h11.028v2.949h-8.478v7.27h8.258v2.949h-8.258v9.841h8.478v2.949H901.87V491.286z"/>
        <path style="fill:#FFFFFF;" d="M920.973,491.286h3.224c1.271,0,2.478,0.114,3.621,0.343c1.125,0.264,2.14,0.96,3.045,2.092c0.878,1.12,1.317,2.829,1.317,5.126c0,1.35-0.206,2.516-0.617,3.498c-0.431,1.006-0.983,1.806-1.66,2.4c-0.376,0.297-0.709,0.543-1.001,0.737c-0.302,0.184-0.678,0.343-1.125,0.48c-0.678,0.263-1.399,0.394-2.167,0.394h-2.085v10.888h-2.606L920.973,491.286z M924.649,494.166h-1.125v9.311l0.837,0.034c1.838,0,3.202-0.397,4.094-1.191s1.338-2.049,1.338-3.764c0-1.475-0.49-2.572-1.468-3.292C927.355,494.532,926.131,494.166,924.649,494.166z"/>
        <path style="fill:#FFFFFF;" d="M947.857,490.771c0.704,0,1.403,0.08,2.099,0.24c0.694,0.16,1.372,0.417,2.03,0.771c1.344,0.72,2.496,1.691,3.456,2.915c0.467,0.583,0.905,1.24,1.317,1.972c0.392,0.743,0.73,1.525,1.015,2.349c0.557,1.657,0.837,3.401,0.837,5.229c0,2.458-0.467,4.703-1.399,6.738c-0.96,2.058-2.263,3.71-3.909,4.955c-1.665,1.246-3.479,1.869-5.445,1.869c-1.93,0-3.723-0.611-5.377-1.835c-1.665-1.188-2.973-2.841-3.923-4.955c-0.96-2.08-1.44-4.338-1.44-6.772c0-2.411,0.468-4.646,1.406-6.704c0.937-2.058,2.237-3.709,3.902-4.955C944.1,491.378,945.91,490.771,947.857,490.771z M947.857,493.721c-1.501,0-2.881,0.469-4.143,1.406c-0.631,0.435-1.18,0.972-1.646,1.611c-0.494,0.651-0.933,1.4-1.317,2.246c-0.732,1.611-1.097,3.366-1.097,5.264s0.36,3.652,1.083,5.264c0.731,1.623,1.723,2.897,2.977,3.823c1.262,0.938,2.642,1.406,4.143,1.406c1.472,0,2.84-0.469,4.102-1.406c1.234-0.926,2.226-2.197,2.977-3.814c0.749-1.617,1.124-3.375,1.124-5.272s-0.375-3.664-1.124-5.298c-0.751-1.646-1.742-2.938-2.977-3.875C950.697,494.172,949.329,493.721,947.857,493.721z"/>
        <path style="fill:#FFFFFF;" d="M965.498,491.286h3.677c2.432,0,4.146,0.469,5.144,1.405c0.786,0.732,1.385,1.566,1.797,2.504c0.393,0.96,0.59,2.08,0.59,3.36c0,1.006-0.119,1.92-0.356,2.743c-0.212,0.823-0.563,1.572-1.057,2.246c-0.448,0.674-0.979,1.212-1.591,1.611c-0.623,0.424-1.262,0.681-1.921,0.772l6.488,11.315h-3.059l-6.091-10.956h-1.069v10.956h-2.552V491.286z M968.05,494.166v9.447c1.39,0,2.549-0.134,3.477-0.402s1.606-0.74,2.037-1.415c0.502-0.754,0.755-1.761,0.755-3.018c0-1.337-0.412-2.44-1.234-3.309c-0.851-0.868-2.25-1.304-4.197-1.304H968.05z"/>
        <path style="fill:#FFFFFF;" d="M987.45,494.235h-4.91v-2.949h12.331v2.949h-4.883v23.009h-2.538V494.235z"/>
	</g>
	<g style="fill:#FFFFFF;">
		<g>
            <path style="fill:#FFFFFF;" d="M714.752,491.498l-0.004,25.676h26.453l0.023-25.676H714.752z M729.495,513.653h-11.001v-18.728h11.001V513.653z M737.338,506.396h-4.8v-11.471h4.8V506.396z"/>
		</g>
	</g>
    <rect x="732.538" y="494.926" style="opacity:0.25;fill:#FFFFFF;" width="4.8" height="11.471"/>
</g>
</svg>

              
            
!

CSS

              
                svg{max-width:750px;height:403px}
              
            
!

JS

              
                
              
            
!
999px

Console