HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html>
tag. If you want to add classes there that can affect the whole document, this is the place to do it.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. If you need things in the <head>
of the document, put that code here.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.
To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit-
or -moz-
.
We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).
Any URL's 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 it's URL and the proper URL extention.
You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.
You can also link to another Pen here (use the .css
URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
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.
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
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.
Using packages here is powered by Skypack, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ES6 import
usage.
All packages are different, so refer to their docs for how they work.
If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1920 1080">
<g id="frame_step2">
<g class="step2">
<polygon class="wall" style="fill:#FBE4EE;" points="962.383,318.961 772.935,444.251 772.935,767.792 1151.83,767.792 1151.83,444.251 "/>
<g class="Roof">
<path style="fill:#E01C4C;" d="M958.827,324.822c1.173-0.831,3.094-0.831,4.267,0l200.127,141.755
c1.173,0.831,2.965,0.679,3.981-0.338l17.948-17.949c1.016-1.016,0.901-2.546-0.257-3.398L963.066,281.576
c-1.158-0.853-3.052-0.853-4.211,0L737.029,444.892c-1.158,0.853-1.274,2.382-0.257,3.398l17.947,17.949
c1.017,1.017,2.809,1.169,3.982,0.338L958.827,324.822z" />
</g>
</g>
<g class="step2">
<path class="gate" style="fill:#A50C35;" d="M1083.742,592.11c0-67.789-54.938-122.746-122.717-122.779c-0.018,0-0.037-0.002-0.064-0.002
c-67.806,0-122.781,54.971-122.781,122.781c0,1.401,0.064,2.789,0.11,4.18v172.037h122.736l0,0h122.616V596.289
C1083.688,594.899,1083.742,593.51,1083.742,592.11L1083.742,592.11z" />
<g class="text1" style="opacity: 0">
<g>
<path style="fill:#FFF100;" d="M887.159,744.958l-1.483-3.559c1.383-1.283,2.766-2.617,4.151-4.002v-11.563h-3.706v-3.41h6.967
v14.974c1.383,2.571,3.952,3.854,7.709,3.854c4.348,0.097,11.316,0.048,20.903-0.148c-0.1,0.196-0.199,0.542-0.296,1.037
c-0.396,0.89-0.644,1.631-0.741,2.225c-5.733,0-9.836,0-12.305,0c-3.065,0-5.833-0.052-8.302-0.148
c-3.854-0.1-6.671-1.434-8.45-4.003C890.221,741.2,888.739,742.783,887.159,744.958z M891.458,718.718
c-0.199-0.394-0.544-0.938-1.038-1.631c-0.889-1.482-2.075-3.262-3.558-5.337l2.816-1.631c1.68,2.175,3.31,4.398,4.893,6.671
L891.458,718.718z M898.426,736.804l-1.779-2.372c0.69-0.689,1.038-1.53,1.038-2.52V712.64c0.098,0,0.246-0.049,0.445-0.148
c2.965-0.79,5.435-1.58,7.413-2.372l1.927,2.669c-2.668,0.988-4.892,1.682-6.671,2.075v16.9c0.691-0.297,1.728-0.79,3.113-1.482
c0.89-0.394,1.531-0.69,1.927-0.89c0,0.396,0.049,1.038,0.148,1.928c0,0.593,0,1.037,0,1.334
c-1.878,0.792-3.806,1.778-5.782,2.965c-0.396,0.199-0.841,0.496-1.335,0.89C898.671,736.607,898.523,736.707,898.426,736.804z
M907.766,739.917v-27.129h12.305v18.679c0.098,2.571-1.137,3.906-3.706,4.003c-1.186,0.1-2.372,0.148-3.558,0.148l-0.741-3.113
c0.593,0.1,1.482,0.148,2.668,0.148c1.482,0,2.173-0.593,2.076-1.779v-15.121h-5.93v24.164H907.766z" />
</g>
<g>
<path style="fill:#FFF100;" d="M944.669,741.548l-2.52-0.89c1.186-1.976,2.321-4.348,3.41-7.115l2.668,0.889
C947.238,736.903,946.052,739.275,944.669,741.548z M942.297,725.093v-2.817h5.337c-0.496-0.79-1.186-1.876-2.075-3.261
c-0.396-0.494-0.644-0.839-0.741-1.038l2.52-1.334c0.197,0.296,0.542,0.792,1.038,1.482c0.889,1.185,1.58,2.175,2.075,2.965
l-2.372,1.186h4.596c1.186-1.876,2.224-3.706,3.113-5.485l2.965,1.038c-0.496,0.89-1.286,2.127-2.372,3.706
c-0.199,0.396-0.348,0.644-0.445,0.741h5.04v2.817H942.297z M943.187,731.912v-2.965h7.116v-3.707h3.262v3.707h6.671v2.965
h-6.671v8.599c0.097,2.668-1.237,4.051-4.003,4.15c-0.889,0-2.027,0-3.41,0c-0.1-0.792-0.347-1.83-0.741-3.113
c0.987,0,1.927,0,2.817,0c1.483,0,2.173-0.544,2.075-1.631v-8.005H943.187z M943.335,716.494v-2.965h7.116
c-0.296-0.79-0.692-1.928-1.186-3.41l3.41-0.444c0.098,0.296,0.297,0.792,0.593,1.482c0.296,1.089,0.542,1.878,0.741,2.372h6.078
v2.965H943.335z M958.011,740.065c-0.396-0.69-0.94-1.631-1.63-2.816c-0.792-1.283-1.385-2.224-1.779-2.817l2.521-1.185
c1.186,1.978,2.321,3.757,3.41,5.337L958.011,740.065z M970.613,744.958v-18.68h-4.745v0.741
c0.197,7.809-1.286,13.787-4.447,17.938c-0.1-0.1-0.348-0.248-0.741-0.445c-0.397-0.296-1.138-0.792-2.224-1.482
c2.965-3.458,4.348-8.844,4.151-16.159V712.64c4.94-0.297,9.537-0.79,13.787-1.482l1.037,3.113
c-3.164,0.495-7.018,0.89-11.563,1.186v7.709h12.305v3.113h-4.299v18.68H970.613z" />
</g>
<g>
<path style="fill:#FFF100;" d="M1001.517,724.944c-0.792-1.087-1.482-2.075-2.075-2.965c3.655-3.559,6.472-7.658,8.45-12.305
l3.706,0.593c-0.593,1.185-1.185,2.372-1.778,3.558h23.571v3.113h-12.305v6.227h11.415v3.113h-11.415v7.265h13.787v3.261h-13.787
v8.599h-3.558v-8.599h-18.384v-3.261h5.634v-10.378h12.75v-6.227h-9.488C1006.358,719.607,1004.186,722.275,1001.517,724.944z
M1008.189,726.278v7.265h9.34v-7.265H1008.189z" />
</g>
<g>
<path style="fill:#FFF100;" d="M901.815,584.859c-2.158-3.882-4.528-7.651-7.116-11.321c-3.452,6.686-8.086,13.156-13.908,19.407
c-0.435-0.646-0.971-1.511-1.618-2.587c-1.511-2.158-2.587-3.771-3.234-4.853c6.469-7.115,11.103-13.797,13.909-20.054
c-4.099-6.469-8.304-13.15-12.615-20.054l6.469-3.882c3.234,5.176,6.469,10.139,9.704,14.879
c2.153-6.034,3.558-12.938,4.204-20.701h-19.73v-8.086h27.817v8.086c-1.294,11.645-3.558,21.348-6.792,29.111l9.704,15.202
L901.815,584.859z M906.02,597.15c-0.646-0.647-1.511-1.729-2.587-3.234c-1.511-1.94-2.699-3.346-3.558-4.205
c14.015-7.545,21.884-17.896,23.612-31.051c0.647-4.529,0.97-9.593,0.97-15.203h8.086c0,3.023,0,5.822,0,8.41
c2.153,16.819,9.81,28.898,22.965,36.227c-0.435,0.43-0.971,1.077-1.618,1.941c-1.94,2.587-3.346,4.634-4.205,6.146
c-10.785-7.764-17.684-17.032-20.701-27.817C926.609,579.148,918.958,588.741,906.02,597.15z M947.422,553.807
c-1.294-0.646-3.558-1.294-6.793-1.94c-0.435-0.212-0.758-0.323-0.971-0.323l5.499-12.938h-25.229
c-2.158,5.393-4.528,10.892-7.116,16.496c-3.022-1.94-5.61-3.341-7.763-4.205c5.388-9.486,9.38-19.942,11.968-31.375l8.41,1.617
c-0.864,3.235-1.834,6.47-2.911,9.704h30.729v7.763L947.422,553.807z" />
</g>
<g>
<path style="fill:#FFF100;" d="M991.077,584.859c-2.157-3.882-4.528-7.651-7.115-11.321c-3.452,6.686-8.087,13.156-13.909,19.407
c-0.435-0.646-0.971-1.511-1.617-2.587c-1.511-2.158-2.587-3.771-3.234-4.853c6.469-7.115,11.104-13.797,13.908-20.054
c-4.099-6.469-8.304-13.15-12.614-20.054l6.469-3.882c3.234,5.176,6.47,10.139,9.704,14.879
c2.152-6.034,3.558-12.938,4.205-20.701h-19.731v-8.086h27.817v8.086c-1.294,11.645-3.558,21.348-6.793,29.111l9.704,15.202
L991.077,584.859z M995.282,597.15c-0.646-0.647-1.511-1.729-2.588-3.234c-1.511-1.94-2.698-3.346-3.558-4.205
c14.015-7.545,21.884-17.896,23.612-31.051c0.646-4.529,0.971-9.593,0.971-15.203h8.086c0,3.023,0,5.822,0,8.41
c2.153,16.819,9.81,28.898,22.965,36.227c-0.435,0.43-0.97,1.077-1.617,1.941c-1.94,2.587-3.346,4.634-4.205,6.146
c-10.785-7.764-17.684-17.032-20.7-27.817C1015.872,579.148,1008.221,588.741,995.282,597.15z M1036.685,553.807
c-1.294-0.646-3.558-1.294-6.793-1.94c-0.435-0.212-0.758-0.323-0.97-0.323l5.498-12.938h-25.229
c-2.158,5.393-4.529,10.892-7.116,16.496c-3.022-1.94-5.61-3.341-7.763-4.205c5.387-9.486,9.38-19.942,11.968-31.375l8.409,1.617
c-0.864,3.235-1.834,6.47-2.911,9.704h30.729v7.763L1036.685,553.807z" />
</g>
<g>
<path style="fill:#FFF100;" d="M879.173,678.153V615.08h20.378v62.102h-6.469v-4.852h-6.793v5.822H879.173z M886.289,622.843
v41.402h6.793v-41.402H886.289z M905.696,649.689v-15.525h44.96v15.525h-6.792l1.294,0.323l-4.528,6.47h14.232v5.821h-53.046
v-5.821h13.908c-1.293-2.153-2.805-4.205-4.528-6.146l2.588-0.646H905.696z M902.462,619.931v-5.822h21.671v-5.498h8.086v5.498
h22.642v5.822h-22.642v4.528h20.054v5.499h-47.871v-5.499h19.731v-4.528H902.462z M905.049,685.593v-18.437h46.254v18.437h-7.763
v-3.234h-30.728v3.234H905.049z M912.813,672.331v4.852h30.728v-4.852H912.813z M913.136,639.339v5.176h29.758v-5.176H913.136z
M924.133,656.158l-1.294,0.324h9.057c0.43-0.43,0.97-1.183,1.617-2.265c1.506-2.153,2.588-3.664,3.235-4.528h-17.143
C921.328,651.63,922.839,653.788,924.133,656.158z" />
</g>
<g>
<path style="fill:#FFF100;" d="M968.436,678.153V615.08h20.378v62.102h-6.469v-4.852h-6.793v5.822H968.436z M975.552,622.843
v41.402h6.793v-41.402H975.552z M994.959,649.689v-15.525h44.96v15.525h-6.792l1.293,0.323l-4.528,6.47h14.232v5.821h-53.047
v-5.821h13.909c-1.294-2.153-2.806-4.205-4.528-6.146l2.587-0.646H994.959z M991.725,619.931v-5.822h21.671v-5.498h8.087v5.498
h22.642v5.822h-22.642v4.528h20.054v5.499h-47.871v-5.499h19.73v-4.528H991.725z M994.313,685.593v-18.437h46.254v18.437h-7.764
v-3.234h-30.728v3.234H994.313z M1002.075,672.331v4.852h30.728v-4.852H1002.075z M1002.398,639.339v5.176h29.758v-5.176
H1002.398z M1013.396,656.158l-1.294,0.324h9.058c0.429-0.43,0.97-1.183,1.617-2.265c1.506-2.153,2.587-3.664,3.234-4.528
h-17.143C1010.591,651.63,1012.102,653.788,1013.396,656.158z" />
</g>
<line style="fill:none;stroke:#FFF100;stroke-width:0.786;stroke-miterlimit:10;" x1="878.001" y1="697.405" x2="953.445" y2="697.405" />
<line style="fill:none;stroke:#FFF100;stroke-width:0.786;stroke-miterlimit:10;" x1="967.246" y1="697.405" x2="1042.69" y2="697.405" />
<rect x="957.512" y="694.324" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -211.6276 883.0963)" style="fill:#FFF100;" width="5.372" height="5.372" />
</g>
<g class="text2" style="opacity: 0">
<g>
<path style="fill:#FFF100;" d="M891.645,727.313c-1.682-1.58-3.609-3.211-5.782-4.893l2.224-2.521
c0.89,0.594,2.173,1.582,3.855,2.966c0.89,0.692,1.58,1.236,2.075,1.63L891.645,727.313z M890.014,744.955l-3.558-1.038
c1.482-4.94,2.618-9.436,3.41-13.49c1.186,0.396,2.321,0.741,3.41,1.037C892.286,735.122,891.2,739.618,890.014,744.955z
M892.682,717.677c-2.372-2.173-4.299-3.854-5.782-5.04l2.372-2.372c0.197,0.1,0.445,0.296,0.741,0.593
c1.58,1.186,3.261,2.571,5.04,4.151L892.682,717.677z M897.278,714.712v-2.816h21.941v2.816h-9.933
c-0.199,1.089-0.593,2.62-1.186,4.596c-0.1,0.297-0.148,0.496-0.148,0.593h13.194v2.966h-8.599
c1.876,2.965,4.99,5.091,9.34,6.374l-1.483,3.113c-5.536-2.372-9.291-5.534-11.267-9.487h-2.668
c-1.682,3.46-5.188,6.771-10.526,9.933c-0.396-0.79-1.038-1.68-1.927-2.669c4.348-2.372,7.313-4.793,8.895-7.264h-7.412V719.9
h9.043c0.593-1.482,1.038-3.21,1.335-5.188H897.278z M897.723,741.693c-0.792-0.496-1.731-0.938-2.817-1.334
c1.779-2.865,3.262-5.731,4.448-8.599l2.816,1.038C900.884,735.863,899.402,738.828,897.723,741.693z M899.798,744.955
c-0.199-0.989-0.444-2.027-0.741-3.113c1.383,0,2.618,0,3.707,0c1.283,0.097,1.927-0.396,1.927-1.482v-12.602h3.261v13.194
c0,2.569-1.286,3.854-3.854,3.854C902.812,744.904,901.378,744.955,899.798,744.955z M912.103,741.842
c-0.396-0.89-0.989-2.669-1.779-5.337c-0.593-1.68-0.989-2.865-1.186-3.559l2.521-0.741c0.296,0.89,0.838,2.372,1.63,4.448
c0.69,2.075,1.186,3.509,1.483,4.299L912.103,741.842z M918.774,741.249c-0.496-0.89-1.237-2.372-2.224-4.448
c-1.089-2.075-1.878-3.558-2.372-4.447l2.668-1.037c2.076,4.054,3.607,7.066,4.596,9.043L918.774,741.249z" />
</g>
<g>
<path style="fill:#FFF100;" d="M943.224,734.133c-0.1-0.197-0.199-0.593-0.296-1.187c-0.296-1.086-0.544-1.927-0.741-2.519
c3.558-2.766,6.423-6.375,8.599-10.822h-7.857v-2.965h11.119v3.261c-1.385,2.669-2.571,4.695-3.558,6.078v1.038l1.038-1.185
c0.394,0.296,0.938,0.792,1.631,1.482c1.186,1.089,2.024,1.83,2.52,2.224v-1.482h21.2v17.196h-3.113v-2.075h-14.974v2.075h-3.113
v-15.565l-1.927,2.372c-1.089-1.187-2.175-2.321-3.262-3.41v16.456h-3.113v-15.122
C946.19,731.464,944.804,732.849,943.224,734.133z M949.154,716.64c-0.593-1.383-1.631-3.211-3.113-5.485l2.668-1.482
c0.494,0.692,1.283,1.878,2.372,3.558c0.493,0.792,0.838,1.334,1.038,1.631L949.154,716.64z M954.64,714.119v-2.669h23.275v2.669
H954.64z M957.16,725.534v-8.895h18.087v8.895H957.16z M958.791,730.574v4.003h5.93v-4.003H958.791z M958.791,736.949v4.003h5.93
v-4.003H958.791z M960.422,719.159v3.854h11.564v-3.854H960.422z M973.764,730.574h-6.079v4.003h6.079V730.574z M967.686,736.949
v4.003h6.079v-4.003H967.686z" />
</g>
<g>
<path style="fill:#FFF100;" d="M1000.517,716.046v-2.816h13.936c0.097-0.393,0.196-0.986,0.296-1.779
c0.098-0.69,0.148-1.234,0.148-1.631h3.41c0,0.397-0.051,0.94-0.148,1.631c-0.1,0.793-0.199,1.386-0.297,1.779h15.863v2.816
h-16.308c-0.199,0.989-0.444,2.027-0.741,3.113h14.973v2.817h-15.714c-0.297,1.088-0.692,2.175-1.187,3.261h20.014v2.817h-21.199
c-0.593,1.385-1.334,2.668-2.224,3.855h13.787v-3.41h3.41v3.41h6.226v2.816h-6.226v5.485c0.097,3.063-1.483,4.545-4.744,4.447
c-0.989,0.098-2.868,0.148-5.634,0.148c-0.199-0.989-0.444-2.075-0.741-3.262c0.593,0,1.58,0.049,2.965,0.148
c1.087,0,1.828,0,2.224,0c1.779,0.098,2.618-0.593,2.52-2.075v-4.893h-15.715c-2.274,2.868-5.04,5.437-8.302,7.709
c-0.692-0.89-1.434-1.728-2.224-2.521c4.94-3.558,8.599-7.51,10.971-11.859h-10.378v-2.817h11.712
c0.197-0.393,0.393-0.938,0.593-1.63c0.297-0.79,0.494-1.335,0.594-1.631h-9.637v-2.817h10.525
c0.098-0.394,0.197-0.938,0.297-1.631c0.197-0.69,0.297-1.186,0.297-1.483H1000.517z M1015.49,741.693
c-0.495-0.396-1.236-0.89-2.224-1.482c-1.483-1.087-2.619-1.876-3.409-2.372l2.075-2.224c0.394,0.297,0.987,0.692,1.779,1.186
c1.778,1.186,3.113,2.076,4.003,2.669L1015.49,741.693z" />
</g>
<g>
<path style="fill:#FFF100;" d="M880.653,597.147v-74.07h70.513v74.07h-8.733v-3.558h-53.046v3.558H880.653z M889.386,530.84
v55.634h53.046V530.84H889.386z M893.592,549.924v-7.439h27.817v-8.733h8.086v8.733h9.704v7.439h-9.704v21.994
c0.429,7.116-2.911,10.675-10.027,10.675c-0.864,0-2.264,0-4.205,0c-2.375,0.217-4.099,0.323-5.175,0.323
c-0.647-2.588-1.294-5.176-1.941-7.763c3.017,0.217,5.711,0.323,8.087,0.323c3.664,0.217,5.387-1.294,5.175-4.528v-17.467
c-5.822,9.491-14.232,17.578-25.229,24.259c-0.647-1.076-2.052-2.8-4.205-5.175c-0.435-0.647-0.758-1.077-0.97-1.294
c10.78-5.822,18.867-12.939,24.259-21.348H893.592z" />
</g>
<g>
<path style="fill:#FFF100;" d="M969.916,597.147v-74.07h70.513v74.07h-8.733v-3.558h-53.046v3.558H969.916z M978.649,530.84
v55.634h53.046V530.84H978.649z M982.854,549.924v-7.439h27.816v-8.733h8.087v8.733h9.703v7.439h-9.703v21.994
c0.43,7.116-2.911,10.675-10.027,10.675c-0.864,0-2.264,0-4.205,0c-2.375,0.217-4.099,0.323-5.175,0.323
c-0.647-2.588-1.294-5.176-1.94-7.763c3.017,0.217,5.711,0.323,8.086,0.323c3.664,0.217,5.388-1.294,5.175-4.528v-17.467
c-5.822,9.491-14.232,17.578-25.229,24.259c-0.647-1.076-2.052-2.8-4.204-5.175c-0.435-0.647-0.759-1.077-0.971-1.294
c10.78-5.822,18.866-12.939,24.259-21.348H982.854z" />
</g>
<g>
<path style="fill:#FFF100;" d="M880.006,685.913v-74.393h71.483v74.393h-8.41v-3.881h-54.663v3.881H880.006z M888.416,618.311
v57.251h54.663v-57.251H888.416z M893.915,673.299c-0.864-1.94-1.941-3.987-3.234-6.145c15.955-1.724,23.289-6.793,21.995-15.202
h7.439c-0.217,2.587-0.647,4.963-1.294,7.115c3.235,1.082,7.763,2.806,13.585,5.176c3.018,1.294,5.388,2.264,7.116,2.911
l-3.558,6.145c-8.197-3.882-14.879-6.898-20.054-9.057C912.458,668.123,905.124,671.145,893.915,673.299z M895.209,661.331
v-17.79h41.079v17.143h-7.44v-11.32h-26.2v11.968H895.209z M897.796,639.013v-15.85h36.227v15.85H897.796z M904.912,628.016
v5.821h21.671v-5.821H904.912z" />
</g>
<g>
<path style="fill:#FFF100;" d="M969.268,685.913v-74.393h71.484v74.393h-8.41v-3.881h-54.664v3.881H969.268z M977.678,618.311
v57.251h54.664v-57.251H977.678z M983.177,673.299c-0.864-1.94-1.94-3.987-3.234-6.145c15.955-1.724,23.288-6.793,21.995-15.202
h7.44c-0.218,2.587-0.647,4.963-1.294,7.115c3.234,1.082,7.763,2.806,13.585,5.176c3.017,1.294,5.388,2.264,7.115,2.911
l-3.558,6.145c-8.197-3.882-14.879-6.898-20.054-9.057C1001.72,668.123,994.387,671.145,983.177,673.299z M984.471,661.331
v-17.79h41.078v17.143h-7.44v-11.32h-26.199v11.968H984.471z M987.059,639.013v-15.85h36.227v15.85H987.059z M994.175,628.016
v5.821h21.672v-5.821H994.175z" />
</g>
<line style="fill:none;stroke:#FFF100;stroke-width:0.786;stroke-miterlimit:10;" x1="878.188" y1="697.402" x2="953.632" y2="697.402" />
<line style="fill:none;stroke:#FFF100;stroke-width:0.786;stroke-miterlimit:10;" x1="967.432" y1="697.402" x2="1042.876" y2="697.402" />
<rect x="957.698" y="694.321" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -211.571 883.2272)" style="fill:#FFF100;" width="5.372" height="5.372" />
</g>
<g class="text3" style="opacity: 0">
<g>
<path style="fill:#FFF100;" d="M889.439,714.796v-2.817h12.75v-4.002h3.706v4.002h12.898v2.817h-12.898v4.15h15.863v2.817H911.38
l2.965,1.037c-0.396,0.396-0.989,1.089-1.779,2.076c-0.89,0.89-1.534,1.582-1.927,2.075h8.45v2.816h-13.194v4.3h15.863v2.965
h-15.863v6.671h-3.706v-6.671h-16.011v-2.965h16.011v-4.3h-13.046v-2.816h8.45c-0.693-0.89-1.927-2.224-3.706-4.003l2.521-1.186
h-10.081v-2.817h15.863v-4.15H889.439z M901.595,726.508l-1.038,0.444h5.93c0.69-0.79,1.728-2.075,3.113-3.854
c0.593-0.593,0.987-1.038,1.186-1.334h-13.639c0.493,0.495,1.234,1.285,2.224,2.372
C900.358,725.224,901.1,726.014,901.595,726.508z" />
</g>
<g>
<path style="fill:#FFF100;" d="M943.391,732.438c-0.1-0.197-0.199-0.593-0.296-1.187c-0.296-1.086-0.544-1.927-0.741-2.519
c3.558-2.766,6.423-6.375,8.599-10.822h-7.857v-2.965h11.119v3.261c-1.385,2.669-2.571,4.695-3.558,6.078v1.038l1.038-1.185
c0.394,0.296,0.938,0.792,1.631,1.482c1.185,1.089,2.024,1.83,2.52,2.224v-1.482h21.2v17.196h-3.113v-2.075h-14.974v2.075h-3.113
v-15.565l-1.927,2.372c-1.089-1.187-2.175-2.321-3.262-3.41v16.456h-3.113v-15.122
C946.356,729.769,944.971,731.155,943.391,732.438z M949.321,714.945c-0.593-1.383-1.631-3.211-3.113-5.485l2.668-1.482
c0.494,0.692,1.283,1.878,2.372,3.558c0.493,0.792,0.838,1.334,1.038,1.631L949.321,714.945z M954.806,712.424v-2.669h23.275
v2.669H954.806z M957.326,723.839v-8.894h18.087v8.894H957.326z M958.957,728.879v4.003h5.93v-4.003H958.957z M958.957,735.254
v4.003h5.93v-4.003H958.957z M960.588,717.464v3.855h11.563v-3.855H960.588z M973.931,728.879h-6.079v4.003h6.079V728.879z
M967.852,735.254v4.003h6.079v-4.003H967.852z" />
</g>
<g>
<path style="fill:#FFF100;" d="M1001.869,723.246c-0.792-1.087-1.482-2.075-2.075-2.965c3.655-3.559,6.472-7.658,8.45-12.305
l3.706,0.593c-0.593,1.185-1.185,2.372-1.778,3.558h23.571v3.113h-12.305v6.227h11.415v3.113h-11.415v7.265h13.787v3.261h-13.787
v8.599h-3.558v-8.599h-18.384v-3.261h5.634v-10.378h12.75v-6.227h-9.488C1006.711,717.91,1004.538,720.578,1001.869,723.246z
M1008.541,724.58v7.265h9.34v-7.265H1008.541z" />
</g>
<g>
<path style="fill:#FFF100;" d="M882.437,558.255c-1.94-0.43-3.993-0.646-6.146-0.646c0.647-3.664,1.4-8.945,2.264-15.85
c0.43-3.017,0.753-5.281,0.97-6.792l5.822,0.646c-0.435,2.376-0.97,6.47-1.617,12.291
C883.083,552.651,882.649,556.103,882.437,558.255z M903.138,548.552c-2.587-2.588-4.963-4.852-7.116-6.793v53.37h-8.41v-76.981
h8.41v14.879l0.647-0.971c3.447,3.023,7.116,6.146,10.998,9.38L903.138,548.552z M901.521,564.725v-7.763h17.466
c0.43-4.741,0.647-10.78,0.647-18.114h-13.262v-8.086h13.262v-12.291h8.733c0,4.315,0,8.409,0,12.291h19.731v26.2h6.469v7.763
h-24.259c4.094,9.921,12.18,17.254,24.259,21.994c-0.435,0.647-1.081,1.507-1.941,2.588c-1.94,2.153-3.234,3.882-3.881,5.176
c-12.291-6.04-20.271-14.015-23.936-23.936c-2.375,8.627-9.491,16.926-21.348,24.905c-0.647-0.864-1.835-2.264-3.558-4.205
c-1.294-1.293-2.158-2.264-2.588-2.91c12.503-6.682,19.407-14.556,20.701-23.612H901.521z M939.688,538.848h-11.321
c0,2.158-0.111,5.176-0.324,9.057c0,4.1-0.111,7.116-0.323,9.058h11.968V538.848z" />
</g>
<g>
<path style="fill:#FFF100;" d="M971.699,558.255c-1.94-0.43-3.993-0.646-6.146-0.646c0.647-3.664,1.4-8.945,2.264-15.85
c0.43-3.017,0.753-5.281,0.97-6.792l5.822,0.646c-0.435,2.376-0.971,6.47-1.617,12.291
C972.347,552.651,971.912,556.103,971.699,558.255z M992.4,548.552c-2.588-2.588-4.963-4.852-7.116-6.793v53.37h-8.409v-76.981
h8.409v14.879l0.648-0.971c3.446,3.023,7.115,6.146,10.997,9.38L992.4,548.552z M990.783,564.725v-7.763h17.467
c0.43-4.741,0.646-10.78,0.646-18.114h-13.262v-8.086h13.262v-12.291h8.733c0,4.315,0,8.409,0,12.291h19.731v26.2h6.469v7.763
h-24.259c4.094,9.921,12.181,17.254,24.259,21.994c-0.434,0.647-1.081,1.507-1.94,2.588c-1.94,2.153-3.234,3.882-3.881,5.176
c-12.292-6.04-20.271-14.015-23.936-23.936c-2.376,8.627-9.492,16.926-21.349,24.905c-0.646-0.864-1.834-2.264-3.558-4.205
c-1.294-1.293-2.158-2.264-2.588-2.91c12.504-6.682,19.407-14.556,20.701-23.612H990.783z M1028.95,538.848h-11.32
c0,2.158-0.111,5.176-0.323,9.057c0,4.1-0.111,7.116-0.324,9.058h11.968V538.848z" />
</g>
<g>
<path style="fill:#FFF100;" d="M883.73,680.013c-2.375-2.157-4.746-3.881-7.116-5.175c6.034-6.034,12.074-13.368,18.113-21.995
l7.763,4.528C895.587,666.863,889.335,674.409,883.73,680.013z M882.113,649.286l4.205-36.551c18.326,0,38.056-0.97,59.192-2.91
l2.911,8.086c-21.783,1.728-39.785,2.699-54.017,2.911l-2.264,20.377h20.701V625.35h9.057v15.849h29.435v8.087h-29.435v21.995
c0.43,7.975-3.234,11.857-10.998,11.644c-2.158,0.213-5.933,0.324-11.321,0.324c-0.217-1.512-0.864-4.316-1.94-8.41
c3.664,0,7.005,0,10.027,0c3.664,0,5.388-1.829,5.175-5.499v-20.054H882.113z M947.774,679.69
c-1.511-1.729-3.881-4.528-7.116-8.409c-5.175-6.252-8.95-10.78-11.321-13.585l6.792-4.528
c2.588,2.805,6.358,7.115,11.321,12.938c3.665,4.099,6.252,7.01,7.763,8.733L947.774,679.69z" />
</g>
<g>
<path style="fill:#FFF100;" d="M972.993,680.013c-2.375-2.157-4.746-3.881-7.116-5.175c6.035-6.034,12.074-13.368,18.113-21.995
l7.764,4.528C984.85,666.863,978.598,674.409,972.993,680.013z M971.376,649.286l4.205-36.551c18.325,0,38.056-0.97,59.191-2.91
l2.911,8.086c-21.782,1.728-39.784,2.699-54.017,2.911l-2.264,20.377h20.701V625.35h9.057v15.849h29.434v8.087h-29.434v21.995
c0.429,7.975-3.235,11.857-10.998,11.644c-2.158,0.213-5.934,0.324-11.32,0.324c-0.218-1.512-0.864-4.316-1.941-8.41
c3.664,0,7.005,0,10.027,0c3.664,0,5.388-1.829,5.176-5.499v-20.054H971.376z M1037.037,679.69
c-1.511-1.729-3.882-4.528-7.116-8.409c-5.175-6.252-8.95-10.78-11.32-13.585l6.792-4.528c2.588,2.805,6.358,7.115,11.321,12.938
c3.664,4.099,6.251,7.01,7.763,8.733L1037.037,679.69z" />
</g>
<line style="fill:none;stroke:#FFF100;stroke-width:0.786;stroke-miterlimit:10;" x1="878.354" y1="695.707" x2="953.798" y2="695.707" />
<line style="fill:none;stroke:#FFF100;stroke-width:0.786;stroke-miterlimit:10;" x1="967.598" y1="695.707" x2="1043.042" y2="695.707" />
<rect x="957.864" y="692.627" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -210.3239 882.8483)" style="fill:#FFF100;" width="5.372" height="5.372" />
</g>
<g class="dog-dish" style="opacity: 0">
<path style="fill:#B9131A;" d="M776.882,781.499c0,8.827-29.596,15.982-66.107,15.982c-36.509,0-66.106-7.155-66.106-15.982
c0-8.825,29.596-15.982,66.106-15.982C747.286,765.518,776.882,772.674,776.882,781.499L776.882,781.499z" />
<path style="fill:#B9131A;" d="M762.104,750.957c0,6.855-22.98,12.411-51.328,12.411c-28.349,0-51.328-5.556-51.328-12.411
c0-6.852,22.979-12.408,51.328-12.408C739.123,738.549,762.104,744.105,762.104,750.957L762.104,750.957z" />
<polyline style="fill:#B9131A;" points="776.882,781.499 762.104,750.957 659.447,750.957 644.67,781.499 " />
<path style="fill:#F49ABA;" d="M757.526,750.957c0,5.343-20.93,9.671-46.75,9.671c-25.819,0-46.749-4.328-46.749-9.671
c0-5.34,20.93-9.669,46.749-9.669C736.595,741.288,757.526,745.617,757.526,750.957L757.526,750.957z" />
<g>
<defs>
<path id="SVGID_1_" d="M758.77,751.43c-5.356,6.13-22.175,9.199-47.995,9.199c-25.819,0-46.749-4.328-46.749-9.671
c-5.017-25.609,12.042-41.459,50.424-39.133C807.805,717.482,762.096,744.68,758.77,751.43L758.77,751.43z" />
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" style="overflow:visible;" />
</clipPath>
<path style="clip-path:url(#SVGID_2_);fill:#EE7922;" d="M723.357,724.841c-0.461-6.591-6.179-11.562-12.771-11.102
c-6.592,0.461-11.563,6.179-11.102,12.771c0.461,6.592,6.178,11.563,12.771,11.102
C718.847,737.151,723.818,731.434,723.357,724.841L723.357,724.841z M715.776,729.462l-8.142,0.57l-0.569-8.142l8.142-0.57
L715.776,729.462L715.776,729.462z" />
<path style="clip-path:url(#SVGID_2_);fill:#F9A11B;" d="M721.495,724.972c-0.388-5.565-5.215-9.76-10.779-9.37
c-5.565,0.389-9.76,5.216-9.37,10.779c0.388,5.565,5.215,9.76,10.779,9.37C717.689,735.362,721.885,730.536,721.495,724.972
L721.495,724.972z M715.776,729.462l-8.142,0.57l-0.569-8.142l8.142-0.57L715.776,729.462L715.776,729.462z" />
<path style="clip-path:url(#SVGID_2_);fill:#EE7922;" d="M716.024,729.679l-0.602-8.607l-8.606,0.602l0.603,8.607
L716.024,729.679L716.024,729.679z M715.256,729.011l-7.171,0.502l-0.501-7.171l7.171-0.502L715.256,729.011L715.256,729.011z" />
<path style="clip-path:url(#SVGID_2_);fill:#FDD300;" d="M717.028,734.242l9.673-6.292c5.501-3.579,12.894-0.747,14.598,5.591
c1.514,5.636,2.904,10.899,2.687,10.435C743.529,743.002,717.028,734.242,717.028,734.242" />
<path style="clip-path:url(#SVGID_2_);fill:#F0AC1D;" d="M712.659,726.086c-0.035-2.166,2.216-3.606,4.155-2.639
c4.319,2.152,6.627,7.281,15.961,10.822c9.413,3.572,14.803,0.233,19.692,1.223c1.86,0.376,2.684,2.55,1.549,4.07
c-3.286,4.407-10.654,14.836-15.434,13.47c-6.854-1.959-15.377-4.521-21.639-7.715
C710.626,742.094,712.744,731.501,712.659,726.086L712.659,726.086z" />
<path style="clip-path:url(#SVGID_2_);fill:#FFE100;" d="M680.102,731.022l7.79-8.513c4.43-4.842,12.296-3.952,15.533,1.758
c2.878,5.077,5.542,9.825,5.214,9.43C707.953,732.867,680.102,731.022,680.102,731.022" />
<path style="clip-path:url(#SVGID_2_);fill:#FFC40C;" d="M673.83,724.22c-0.575-2.089,1.243-4.046,3.362-3.596
c4.721,1.002,8.239,5.389,18.162,6.481c10.008,1.101,14.39-3.482,19.372-3.747c1.894-0.101,3.235,1.796,2.519,3.552
c-2.078,5.09-6.6,17.031-11.57,16.906c-7.125-0.181-16.019-0.527-22.881-2.052C675.869,740.227,675.269,729.44,673.83,724.22
L673.83,724.22z" />
<path style="clip-path:url(#SVGID_2_);fill:#EE7922;" d="M754.505,731.749c-2.897-5.939-10.06-8.406-15.999-5.509
c-5.94,2.897-8.406,10.06-5.509,16c2.897,5.939,10.06,8.406,15.998,5.509C754.936,744.851,757.402,737.689,754.505,731.749
L754.505,731.749z M749.207,738.873l-7.335,3.578l-3.578-7.335l7.336-3.578L749.207,738.873L749.207,738.873z" />
<path style="clip-path:url(#SVGID_2_);fill:#F9A11B;" d="M752.828,732.566c-2.445-5.013-8.491-7.095-13.504-4.65
c-5.014,2.445-7.096,8.492-4.65,13.505c2.445,5.013,8.492,7.095,13.504,4.65C753.193,743.626,755.274,737.58,752.828,732.566
L752.828,732.566z M749.207,738.873l-7.335,3.578l-3.578-7.335l7.336-3.578L749.207,738.873L749.207,738.873z" />
<path style="clip-path:url(#SVGID_2_);fill:#EE7922;" d="M749.52,738.98l-3.782-7.754l-7.754,3.781l3.782,7.755L749.52,738.98
L749.52,738.98z M748.558,738.649l-6.461,3.151l-3.151-6.461l6.461-3.152L748.558,738.649L748.558,738.649z" />
<path style="clip-path:url(#SVGID_2_);fill:#FDD300;" d="M683.956,749.142l6.612-9.458c3.761-5.379,11.675-5.522,15.63-0.285
c3.515,4.659,6.776,9.018,6.4,8.669C711.809,747.336,683.956,749.142,683.956,749.142" />
<path style="clip-path:url(#SVGID_2_);fill:#F0AC1D;" d="M676.85,743.216c-0.844-1.995,0.704-4.173,2.863-4.004
c4.811,0.378,8.873,4.268,18.853,4.056c10.066-0.215,13.812-5.33,18.717-6.243c1.864-0.347,3.443,1.359,2.961,3.193
c-1.397,5.318-4.321,17.747-9.265,18.271c-7.087,0.751-15.951,1.568-22.953,0.952
C680.961,758.821,678.958,748.205,676.85,743.216L676.85,743.216z" />
<path style="clip-path:url(#SVGID_2_);fill:#FFE100;" d="M705.703,739.805l6.446-9.572c3.665-5.443,11.577-5.726,15.621-0.557
c3.597,4.596,6.933,8.898,6.551,8.556C733.52,737.514,705.703,739.805,705.703,739.805" />
<path style="clip-path:url(#SVGID_2_);fill:#FFC40C;" d="M698.494,734.004c-0.879-1.98,0.631-4.185,2.793-4.053
c4.816,0.294,8.945,4.112,18.92,3.726c10.061-0.389,13.718-5.57,18.606-6.569c1.858-0.38,3.466,1.299,3.016,3.14
c-1.303,5.342-4.009,17.82-8.944,18.43c-7.073,0.874-15.921,1.846-22.933,1.353C702.877,749.534,700.688,738.955,698.494,734.004
L698.494,734.004z" />
<path style="clip-path:url(#SVGID_2_);fill:#EE7922;" d="M729.178,744.462c-2.897-5.94-10.06-8.406-15.999-5.51
c-5.939,2.898-8.406,10.061-5.509,16c2.897,5.94,10.06,8.406,15.999,5.509C729.608,757.564,732.075,750.401,729.178,744.462
L729.178,744.462z M723.88,751.585l-7.335,3.578l-3.578-7.334l7.335-3.579L723.88,751.585L723.88,751.585z" />
<path style="clip-path:url(#SVGID_2_);fill:#F9A11B;" d="M727.501,745.28c-2.445-5.014-8.492-7.095-13.505-4.65
c-5.013,2.445-7.095,8.492-4.65,13.504c2.445,5.014,8.492,7.095,13.505,4.65C727.864,756.339,729.946,750.292,727.501,745.28
L727.501,745.28z M723.88,751.585l-7.335,3.578l-3.578-7.334l7.335-3.579L723.88,751.585L723.88,751.585z" />
<path style="clip-path:url(#SVGID_2_);fill:#EE7922;" d="M724.191,751.693l-3.781-7.754l-7.755,3.782l3.782,7.754
L724.191,751.693L724.191,751.693z M723.229,751.362l-6.461,3.151l-3.151-6.461l6.462-3.151L723.229,751.362L723.229,751.362z" />
<path style="clip-path:url(#SVGID_2_);fill:#EE7922;" d="M694.82,741.606c2.26-6.21-0.941-13.075-7.151-15.336
c-6.209-2.26-13.076,0.942-15.336,7.152c-2.26,6.209,0.941,13.075,7.151,15.336C685.694,751.017,692.561,747.815,694.82,741.606
L694.82,741.606z M686.016,742.744l-7.669-2.792l2.792-7.668l7.669,2.791L686.016,742.744L686.016,742.744z" />
<path style="clip-path:url(#SVGID_2_);fill:#F9A11B;" d="M693.067,740.967c1.909-5.241-0.794-11.037-6.036-12.944
c-5.241-1.908-11.037,0.795-12.945,6.036c-1.908,5.242,0.795,11.038,6.037,12.945
C685.364,748.912,691.16,746.209,693.067,740.967L693.067,740.967z M686.016,742.744l-7.669-2.792l2.792-7.668l7.669,2.791
L686.016,742.744L686.016,742.744z" />
<path style="clip-path:url(#SVGID_2_);fill:#EE7922;" d="M686.155,743.043l2.951-8.108l-8.107-2.951l-2.951,8.107
L686.155,743.043L686.155,743.043z M685.725,742.121l-6.755-2.459l2.459-6.755l6.756,2.458L685.725,742.121L685.725,742.121z" />
<path style="clip-path:url(#SVGID_2_);fill:#FFE100;" d="M665.363,745.516l9.505-6.543c5.406-3.721,12.87-1.084,14.74,5.206
c1.662,5.596,3.188,10.821,2.958,10.362C692.084,753.579,665.363,745.516,665.363,745.516" />
<path style="clip-path:url(#SVGID_2_);fill:#FFC40C;" d="M660.781,737.476c-0.091-2.164,2.121-3.661,4.084-2.747
c4.374,2.039,6.816,7.104,16.238,10.401c9.504,3.324,14.805-0.156,19.719,0.706c1.868,0.328,2.749,2.478,1.656,4.028
c-3.171,4.493-10.263,15.11-15.077,13.869c-6.902-1.778-15.49-4.117-21.833-7.145
C659.167,753.532,661.008,742.887,660.781,737.476L660.781,737.476z" />
<path style="clip-path:url(#SVGID_2_);fill:#EE7922;" d="M696.244,759.236c2.26-6.211-0.941-13.076-7.151-15.337
c-6.21-2.26-13.075,0.942-15.336,7.152c-2.259,6.209,0.942,13.075,7.152,15.336C687.118,768.647,693.984,765.445,696.244,759.236
L696.244,759.236z M687.44,760.373l-7.669-2.791l2.791-7.669l7.669,2.791L687.44,760.373L687.44,760.373z" />
<path style="clip-path:url(#SVGID_2_);fill:#F9A11B;" d="M694.491,758.597c1.908-5.242-0.795-11.038-6.036-12.945
c-5.242-1.908-11.037,0.795-12.945,6.037c-1.908,5.241,0.795,11.037,6.037,12.944
C686.788,766.541,692.583,763.838,694.491,758.597L694.491,758.597z M687.44,760.373l-7.669-2.791l2.791-7.669l7.669,2.791
L687.44,760.373L687.44,760.373z" />
<path style="clip-path:url(#SVGID_2_);fill:#EE7922;" d="M687.579,760.672l2.951-8.107l-8.108-2.951l-2.951,8.108
L687.579,760.672L687.579,760.672z M687.149,759.75l-6.755-2.458l2.458-6.756l6.755,2.459L687.149,759.75L687.149,759.75z" />
<path style="clip-path:url(#SVGID_2_);fill:#FFE100;" d="M723.611,748.639l7.64-8.648c4.345-4.919,12.226-4.166,15.561,1.486
c2.967,5.026,5.713,9.727,5.378,9.338C751.49,749.998,723.611,748.639,723.611,748.639" />
<path style="clip-path:url(#SVGID_2_);fill:#FFC40C;" d="M717.221,741.948c-0.612-2.078,1.172-4.067,3.299-3.654
c4.737,0.919,8.331,5.245,18.272,6.163c10.026,0.926,14.327-3.732,19.304-4.085c1.892-0.134,3.266,1.74,2.581,3.508
c-1.99,5.126-6.302,17.144-11.274,17.105c-7.126-0.057-16.026-0.247-22.912-1.651
C719.539,757.916,718.75,747.142,717.221,741.948L717.221,741.948z" />
<path style="clip-path:url(#SVGID_2_);fill:#FDD300;" d="M698.977,761.659l6.613-9.457c3.76-5.379,11.675-5.523,15.629-0.285
c3.516,4.658,6.776,9.018,6.4,8.669C726.83,759.853,698.977,761.659,698.977,761.659" />
<path style="clip-path:url(#SVGID_2_);fill:#F0AC1D;" d="M691.871,755.733c-0.843-1.995,0.704-4.173,2.864-4.003
c4.81,0.377,8.872,4.268,18.852,4.055c10.066-0.214,13.812-5.33,18.717-6.244c1.864-0.347,3.443,1.359,2.961,3.193
c-1.396,5.318-4.321,17.748-9.265,18.271c-7.087,0.751-15.95,1.568-22.953,0.953
C695.982,771.338,693.978,760.722,691.871,755.733L691.871,755.733z" />
<path style="clip-path:url(#SVGID_2_);fill:#EE7922;" d="M745.969,762.776c2.26-6.21-0.942-13.076-7.152-15.336
c-6.21-2.26-13.075,0.941-15.336,7.151c-2.26,6.211,0.941,13.076,7.152,15.336C736.843,772.187,743.709,768.985,745.969,762.776
L745.969,762.776z M737.165,763.914l-7.669-2.792l2.791-7.668l7.669,2.791L737.165,763.914L737.165,763.914z" />
<path style="clip-path:url(#SVGID_2_);fill:#F9A11B;" d="M744.216,762.137c1.908-5.241-0.795-11.037-6.036-12.944
c-5.242-1.908-11.038,0.795-12.945,6.036c-1.908,5.241,0.795,11.037,6.036,12.945
C736.513,770.082,742.309,767.379,744.216,762.137L744.216,762.137z M737.165,763.914l-7.669-2.792l2.791-7.668l7.669,2.791
L737.165,763.914L737.165,763.914z" />
<path style="clip-path:url(#SVGID_2_);fill:#EE7922;" d="M737.303,764.212l2.951-8.107l-8.108-2.951l-2.951,8.107
L737.303,764.212L737.303,764.212z M736.874,763.29l-6.755-2.459l2.458-6.755l6.755,2.458L736.874,763.29L736.874,763.29z" />
</g>
<path style="fill:#FFFFFF;" d="M703.349,784.673v-9.007c0-2.806-1.509-3.726-3.583-3.726c-2.241,0-4.032,1.509-4.032,1.509
l-0.519-1.273h-3.396v12.497h3.985v-8.819c0,0,1.344-0.779,2.475-0.779c0.826,0,1.085,0.26,1.085,1.062v8.536H703.349
L703.349,784.673z" />
<path style="fill:#FFFFFF;" d="M710.513,777.411c-0.047-2.075-0.33-3.042-1.58-3.042c-1.414,0-1.697,1.062-1.745,3.042H710.513
L710.513,777.411z M714.303,784.162c0,0-2.681,0.747-4.851,0.747c-2.711,0-6.177-0.637-6.177-6.485
c0-5.282,3.042-6.484,5.659-6.484c1.988,0,4.363,0.759,5.141,3.884c0.105-2.755,2.461-3.891,4.849-3.891h4.872l0.377-2.517
l3.608-1.014v3.531h2.712l-0.377,2.741h-2.335v6.485c0,0.707,0.377,0.801,0.802,0.801c0.567,0,2.146-0.377,2.146-0.377v2.783
c0,0-1.438,0.542-3.066,0.542c-1.957,0-3.867-0.448-3.867-3.608v-6.626h-4.422c-1.057,0-1.436,0.425-1.436,1.038
c0,0.637,0.754,0.825,1.557,1.084l1.037,0.354c1.297,0.448,2.805,1.344,2.805,3.726c0,3.561-2.688,4.032-5.211,4.032
C716.265,784.909,714.303,784.162,714.303,784.162L714.303,784.162z M714.333,778.424l-0.023,1.226h-7.097
c0.047,1.981,1.084,2.288,2.475,2.288c1.415,0,4.615-0.793,4.615-0.793s2.456,0.793,3.517,0.793c0.943,0,1.628-0.047,1.628-0.896
c0-0.707-0.732-0.896-1.533-1.179l-0.943-0.331c-0.961-0.344-2.158-0.835-2.66-2.126
C714.332,777.727,714.34,778.066,714.333,778.424L714.333,778.424z" />
</g>
<g class="doorLeft" id="leftdoor_6_">
<path style="fill:#E01C4C;" d="M1083.507,596.289c-0.046-1.391-0.101-2.779-0.101-4.18c0-67.789,54.938-122.746,122.717-122.779
v298.995h-122.616V596.289L1083.507,596.289z" />
<polygon style="fill:#FFFFFF;" points="1203.124,515.841 1190.66,515.841 1190.66,528.304 1203.124,528.304 1203.124,515.841
" />
<polygon style="fill:#FFFFFF;" points="1190.66,548.557 1203.124,548.557 1203.124,536.094 1190.66,536.094 1190.66,548.557 " />
<polygon style="fill:#FFFFFF;" points="1171.189,554.789 1171.189,568.031 1184.432,568.031 1184.432,554.789 1171.189,554.789
" />
<polygon style="fill:#FFFFFF;" points="1171.189,586.727 1203.124,586.727 1203.124,554.789 1190.66,554.789 1190.66,574.264
1171.189,574.264 1171.189,586.727 " />
<polygon style="fill:#FFFFFF;" points="1132.245,586.727 1144.701,586.727 1144.701,574.264 1132.245,574.264 1132.245,586.727
" />
<polygon style="fill:#FFFFFF;" points="1126.009,554.789 1112.765,554.789 1112.765,568.031 1126.009,568.031 1126.009,554.789
" />
<path style="fill:#FFFFFF;" d="M1132.245,568.031h12.455v-31.938h-27.258c-1.688,2.763-3.247,5.609-4.678,8.533v3.93h19.481
V568.031L1132.245,568.031z" />
<path style="fill:#FFFFFF;" d="M1144.701,506.283c-8.383,6.208-15.812,13.632-22.012,22.021h22.012V506.283L1144.701,506.283z" />
<path style="fill:#FFFFFF;" d="M1190.66,490.134v19.474h12.464v-23.77c-9.043,0.329-17.802,1.816-26.139,4.296
c-0.082,0.024-0.165,0.054-0.248,0.078c0.092-0.029,0.174-0.054,0.266-0.078H1190.66L1190.66,490.134z" />
<path style="fill:#FFFFFF;" d="M1126.009,574.264h-19.471v-13.68c-2.486,8.329-3.971,17.089-4.302,26.143h23.773V574.264
L1126.009,574.264z" />
<polygon style="fill:#FFFFFF;" points="1164.961,548.557 1184.432,548.557 1184.432,536.094 1152.497,536.094 1152.497,568.031
1164.961,568.031 1164.961,548.557 " />
<polygon style="fill:#FFFFFF;" points="1184.432,496.367 1171.189,496.367 1171.189,509.609 1184.432,509.609 1184.432,496.367
" />
<path style="fill:#FFFFFF;" d="M1184.432,515.841h-19.471v-19.474h-3.935c-2.926,1.426-5.769,2.984-8.53,4.674v27.264h31.936
V515.841L1184.432,515.841z" />
<polygon style="fill:#FFFFFF;" points="1164.961,574.264 1152.497,574.264 1152.497,586.727 1164.961,586.727 1164.961,574.264
" />
<polygon style="fill:#FFFFFF;" points="1203.124,592.23 1203.124,753.652 1102.236,753.652 1102.236,592.23 1203.124,592.23 " />
<path style="fill:none;stroke:#E01C4C;stroke-width:6;stroke-miterlimit:10;" d="M1187.652,605.988v79.794h-77.959v-79.794
H1187.652L1187.652,605.988z M1187.652,722.468v39.438h-77.959v-39.438H1187.652L1187.652,722.468z" />
<polygon style="fill:#E01C4C;" points="1144.737,754.569 1144.737,576.638 1152.524,576.638 1152.524,754.569 1144.737,754.569
" />
<path style="fill:#E01C4C;" d="M1099.796,628.865v-6.232h26.139v-51.498h6.228v51.498v5.503v0.729H1099.796L1099.796,628.865z
M1164.915,626.176L1164.915,626.176v-55.041h6.228v51.498h32.294v6.232h-38.521V626.176L1164.915,626.176z" />
<path style="fill:#E01C4C;" d="M1125.935,737.519v-68.435h-26.139v-6.232h32.367v3.669v2.563v68.435v6.232l0,0h-32.367v-6.232
H1125.935L1125.935,737.519z M1164.915,743.751L1164.915,743.751v-76.313l0,0v-4.586h38.521v6.232h-32.294v68.435h32.294v6.232
h-32.294H1164.915L1164.915,743.751z" />
<polygon style="fill:#E01C4C;" points="1204.353,700.456 1204.353,708.233 1096.733,708.233 1096.733,700.456 1204.353,700.456
" />
</g>
<g class="doorRight" id="leftdoor_5_">
<path style="fill:#E01C4C;" d="M838.069,596.289c0.046-1.391,0.101-2.779,0.101-4.18c0-67.789-54.938-122.746-122.717-122.779
v298.995h122.616V596.289L838.069,596.289z" />
<polygon style="fill:#FFFFFF;" points="718.452,515.841 730.916,515.841 730.916,528.304 718.452,528.304 718.452,515.841 " />
<polygon style="fill:#FFFFFF;" points="730.916,548.557 718.452,548.557 718.452,536.094 730.916,536.094 730.916,548.557 " />
<polygon style="fill:#FFFFFF;" points="750.388,554.789 750.388,568.031 737.144,568.031 737.144,554.789 750.388,554.789 " />
<polygon style="fill:#FFFFFF;" points="750.388,586.727 718.452,586.727 718.452,554.789 730.916,554.789 730.916,574.264
750.388,574.264 750.388,586.727 " />
<polygon style="fill:#FFFFFF;" points="789.331,586.727 776.876,586.727 776.876,574.264 789.331,574.264 789.331,586.727 " />
<polygon style="fill:#FFFFFF;" points="795.568,554.789 808.812,554.789 808.812,568.031 795.568,568.031 795.568,554.789 " />
<path style="fill:#FFFFFF;" d="M789.331,568.031h-12.455v-31.938h27.258c1.688,2.763,3.247,5.609,4.678,8.533v3.93h-19.481
V568.031L789.331,568.031z" />
<path style="fill:#FFFFFF;" d="M776.876,506.283c8.383,6.208,15.812,13.632,22.012,22.021h-22.012V506.283L776.876,506.283z" />
<path style="fill:#FFFFFF;" d="M730.916,490.134v19.474h-12.464v-23.77c9.043,0.329,17.802,1.816,26.139,4.296
c0.082,0.024,0.165,0.054,0.248,0.078c-0.092-0.029-0.174-0.054-0.266-0.078H730.916L730.916,490.134z" />
<path style="fill:#FFFFFF;" d="M795.568,574.264h19.471v-13.68c2.486,8.329,3.971,17.089,4.302,26.143h-23.773V574.264
L795.568,574.264z" />
<polygon style="fill:#FFFFFF;" points="756.616,548.557 737.144,548.557 737.144,536.094 769.08,536.094 769.08,568.031
756.616,568.031 756.616,548.557 " />
<polygon style="fill:#FFFFFF;" points="737.144,496.367 750.388,496.367 750.388,509.609 737.144,509.609 737.144,496.367 " />
<path style="fill:#FFFFFF;" d="M737.144,515.841h19.471v-19.474h3.935c2.926,1.426,5.769,2.984,8.53,4.674v27.264h-31.936V515.841
L737.144,515.841z" />
<polygon style="fill:#FFFFFF;" points="756.616,574.264 769.08,574.264 769.08,586.727 756.616,586.727 756.616,574.264 " />
<polygon style="fill:#FFFFFF;" points="718.452,592.23 718.452,753.652 819.341,753.652 819.341,592.23 718.452,592.23 " />
<path style="fill:none;stroke:#E01C4C;stroke-width:6;stroke-miterlimit:10;" d="M733.925,605.988h77.959v79.794h-77.959V605.988
L733.925,605.988z M733.925,722.468h77.959v39.438h-77.959V722.468L733.925,722.468z" />
<polygon style="fill:#E01C4C;" points="776.839,754.569 776.839,576.638 769.052,576.638 769.052,754.569 776.839,754.569 " />
<path style="fill:#E01C4C;" d="M821.781,628.865h-32.367v-0.729v-5.503v-51.498h6.228v51.498h26.139V628.865L821.781,628.865z
M756.661,626.176v2.689H718.14v-6.232h32.294v-51.498h6.227V626.176L756.661,626.176L756.661,626.176z" />
<path style="fill:#E01C4C;" d="M795.641,737.519h26.139v6.232h-32.367l0,0v-6.232v-68.435v-2.563v-3.669h32.367v6.232h-26.139
V737.519L795.641,737.519z M756.661,743.751h-6.227H718.14v-6.232h32.294v-68.435H718.14v-6.232h38.521v4.586l0,0V743.751
L756.661,743.751L756.661,743.751z" />
<polygon style="fill:#E01C4C;" points="717.223,700.456 717.223,708.233 824.844,708.233 824.844,700.456 717.223,700.456 " />
</g>
</g>
<g id="xinniankuaile" class="step2 text0">
<rect x="866.803" y="403.222" style="fill:#E01C4C;" width="188.316" height="51.027" />
<rect x="873.029" y="408.234" style="fill:none;stroke:#FBE4EE;stroke-miterlimit:10;" width="175.862" height="41.004" />
<g>
<path style="fill:#FFDB00;" d="M894.2,441.336l-2.563-1.025c1.025-1.708,2.006-3.758,2.947-6.151l2.563,0.897
C896.122,437.62,895.139,439.715,894.2,441.336z M892.791,419.681v-2.819h5.894c-0.086-0.256-0.214-0.641-0.385-1.153
c-0.256-0.852-0.471-1.41-0.641-1.666l3.588-0.384l1.025,3.203h5.254v2.819h-11.02c0.853,1.111,1.708,2.351,2.563,3.716
l-1.922,1.025h3.716c0.513-0.852,1.237-2.178,2.178-3.972c-0.086,0.173,0.042-0.042,0.385-0.641l2.947,1.025
c-0.769,1.281-1.538,2.479-2.306,3.588h4.1v2.819h-6.279v2.947h5.638v2.819h-5.638v7.176c0.084,2.39-1.069,3.63-3.46,3.716
c-0.256,0-0.685,0-1.281,0c-0.685,0.084-1.24,0.128-1.666,0.128c-0.086-0.343-0.214-0.855-0.384-1.538
c-0.172-0.769-0.3-1.326-0.384-1.666c0.513,0.084,1.281,0.128,2.306,0.128c1.195,0.084,1.75-0.384,1.666-1.409v-6.535h-6.023
v-2.819h6.023v-2.947h-6.791v-2.819h4.357c-0.172-0.256-0.428-0.641-0.769-1.153c-0.685-1.109-1.197-1.878-1.538-2.307
l2.435-1.281H892.791z M905.477,439.927c-0.513-0.769-1.197-1.922-2.05-3.46c-0.343-0.596-0.599-1.025-0.769-1.281l2.435-1.153
c0.256,0.343,0.554,0.855,0.897,1.538c0.853,1.281,1.494,2.306,1.922,3.075L905.477,439.927z M916.368,444.027v-15.889h-3.844
v0.513c0.17,6.749-1.025,11.961-3.588,15.633c-0.256-0.173-0.727-0.471-1.409-0.897c-0.599-0.429-1.069-0.769-1.409-1.025
c2.306-2.989,3.373-7.644,3.203-13.967v-12.301c3.844-0.17,7.858-0.554,12.045-1.153l1.025,2.947
c-1.71,0.256-4.229,0.557-7.56,0.897c-1.025,0.086-1.794,0.173-2.306,0.256v6.022h10.379v3.075h-3.46v15.889H916.368z" />
<path style="fill:#FFDB00;" d="M930.284,427.241c-0.172-0.256-0.428-0.641-0.769-1.153c-0.256-0.426-0.685-1.067-1.281-1.922
c3.075-2.733,5.51-6.234,7.304-10.507l3.844,0.384c-0.513,1.111-1.025,2.136-1.538,3.075h19.861v3.075h-10.379v4.997h9.61v3.075
h-9.61v5.894h11.66v3.203h-11.66v7.048h-3.46v-7.048h-15.761v-3.203h4.741v-8.97h11.02v-4.997h-7.816
C934.597,422.5,932.675,424.851,930.284,427.241z M936.307,428.266v5.894h7.56v-5.894H936.307z" />
<path style="fill:#FFDB00;" d="M966.24,429.676c-0.769-0.17-1.582-0.256-2.435-0.256c0.256-1.451,0.554-3.543,0.897-6.279
c0.17-1.195,0.298-2.092,0.384-2.691l2.307,0.256c-0.173,0.941-0.384,2.563-0.641,4.869
C966.496,427.455,966.323,428.823,966.24,429.676z M974.441,425.831c-1.025-1.025-1.967-1.922-2.819-2.691v21.143h-3.332v-30.497
h3.332v5.894l0.256-0.384c1.365,1.198,2.819,2.435,4.357,3.716L974.441,425.831z M973.8,432.238v-3.075h6.92
c0.17-1.878,0.256-4.27,0.256-7.176h-5.254v-3.203h5.254v-4.869h3.46c0,1.71,0,3.332,0,4.869h7.816v10.379h2.563v3.075h-9.61
c1.621,3.93,4.825,6.836,9.61,8.713c-0.173,0.256-0.429,0.596-0.769,1.025c-0.769,0.853-1.281,1.538-1.538,2.05
c-4.869-2.393-8.031-5.552-9.482-9.482c-0.941,3.418-3.76,6.705-8.457,9.867c-0.256-0.343-0.727-0.897-1.409-1.666
c-0.513-0.513-0.855-0.897-1.025-1.153c4.953-2.646,7.688-5.766,8.201-9.354H973.8z M988.92,421.987h-4.485
c0,0.855-0.045,2.05-0.128,3.588c0,1.624-0.044,2.819-0.128,3.588h4.741V421.987z" />
<path style="fill:#FFDB00;" d="M1002.836,442.746c-0.941-0.855-1.88-1.538-2.819-2.05c2.39-2.39,4.783-5.296,7.176-8.713
l3.075,1.794C1007.532,437.536,1005.056,440.525,1002.836,442.746z M1002.195,430.573l1.666-14.48
c7.259,0,15.076-0.384,23.449-1.153l1.153,3.203c-8.63,0.685-15.761,1.07-21.399,1.153l-0.897,8.073h8.201v-6.279h3.588v6.279
h11.661v3.203h-11.661v8.713c0.17,3.159-1.281,4.697-4.357,4.613c-0.855,0.084-2.351,0.128-4.485,0.128
c-0.086-0.599-0.343-1.71-0.769-3.332c1.451,0,2.774,0,3.972,0c1.451,0,2.134-0.724,2.05-2.178v-7.944H1002.195z
M1028.207,442.617c-0.599-0.685-1.538-1.794-2.819-3.332c-2.05-2.476-3.546-4.27-4.485-5.382l2.691-1.794
c1.025,1.111,2.518,2.819,4.485,5.125c1.451,1.624,2.477,2.777,3.075,3.46L1028.207,442.617z" />
</g>
</g>
</g>
</svg>
var tl = new TimelineMax();
var audio1 = document.createElement('audio');
audio1.setAttribute('src', 'http://www.soundjay.com/misc/sounds/bell-ringing-01.mp3');
tl
.to(".doorLeft" ,0.4, {scaleX: 0, ease:Linear.easeNone})
.to(".doorLeft" ,0, {skewY:180, transformOrigin:"left top", ease:Linear.easeNone})
.to(".doorLeft" ,0.4, {scaleX: 1, ease:Linear.easeNone})
.to("svg",0.5,{
onStart:function(){audio1.play()},
onComplete:function(){audio1.pause()}
})
Also see: Tab Triggers