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. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ 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

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

              
                <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>
              
            
!

CSS

              
                
              
            
!

JS

              
                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()}
})
              
            
!
999px

Console