I want to fill the color after my svg animation completes, but it doesn't happens

Question

 <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1280px" height="720px" viewBox="0 0 1280 720" enable-background="new 0 0 1280 720" xml:space="preserve"> <defs> <style type="text/css"> .st0{fill:#fff;;stroke:#282828;stroke-width:3;stroke-miterlimit:5;transition: .8s;} .st0 { stroke-dasharray: 2000; stroke-dashoffset:0; -webkit-animation: dash 4s linear forwards; -o-animation: dash 4s linear forwards; -moz-animation: dash 4s linear forwards; animation: dash 4s linear forwards; } .st2{fill:#fff;;stroke:#282828;stroke-width:2;stroke-miterlimit:5;transition: .8s;} .st2 { stroke-dasharray: 2000; stroke-dashoffset:0; -webkit-animation: dash 4s linear forwards; -o-animation: dash 4s linear forwards; -moz-animation: dash 4s linear forwards; animation: dash 4s linear forwards; } .st1{fill:#fff;;stroke:#20b21f;stroke-width:3;stroke-miterlimit:5;transition: .8s;} .st1 { stroke-dasharray: 2000; stroke-dashoffset:0; -webkit-animation: dash 4s linear forwards; -o-animation: dash 4s linear forwards; -moz-animation: dash 4s linear forwards; animation: dash 4s linear forwards; } </style> </defs> <path class="st0" fill="none" stroke="#000000" stroke-miterlimit="10" d="M609.643,318.806l-15.181,18.92 c-11.22-12.1-27.279-19.58-42.899-19.58c-30.801,0-55.001,23.76-55.001,54.12s24.2,54.341,55.001,54.341 c15.399,0,31.24-7.041,42.899-18.261l15.4,17.16c-15.62,15.4-37.84,25.3-59.62,25.3c-45.101,0-80.08-34.1-80.08-78.32 c0-43.78,35.42-77.44,80.96-77.44C572.903,295.046,594.683,304.066,609.643,318.806z"/> <path class="st0" fill="none" stroke="#000000" stroke-miterlimit="10" d="M698.96,449.707l-61.379-154.001h27.94l47.52,125.181l47.961-125.181 h27.06l-62.26,154.001H698.96z"/> <path class="st0" fill="none" stroke="#000000" stroke-miterlimit="10" d="M953.721,318.806l-15.181,18.92 c-11.22-12.1-27.279-19.58-42.899-19.58c-30.801,0-55.001,23.76-55.001,54.12s24.2,54.341,55.001,54.341 c15.399,0,31.24-7.041,42.899-18.261l15.4,17.16c-15.62,15.4-37.84,25.3-59.62,25.3c-45.101,0-80.08-34.1-80.08-78.32 c0-43.78,35.42-77.44,80.96-77.44C916.98,295.046,938.761,304.066,953.721,318.806z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M429.898,540.907v-30.578l-9.982-0.148l0.334-3.488h26.311 l-0.334,3.377l-9.686,0.26v30.578H429.898z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M479.348,540.907v-15.4h-14.695v15.4h-6.605v-34.215h6.605v14.992 h14.695v-14.992h6.643v34.215H479.348z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M520.413,540.907h-19.557v-34.215h18.889l-0.334,3.488l-11.949,0.148 v11.133l11.244,0.148l-0.297,3.154l-10.947,0.26v12.246l13.248,0.26L520.413,540.907z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M558.12,525.062l0.891-0.186c0.865-0.198,1.682-0.451,2.449-0.761 c0.767-0.309,1.429-0.767,1.985-1.373c0.557-0.605,0.995-1.404,1.317-2.394c0.321-0.989,0.482-2.251,0.482-3.785 c0-2.301-0.52-3.977-1.559-5.028c-1.039-1.051-2.4-1.577-4.082-1.577c-0.421,0-0.848,0.013-1.28,0.037 c-0.434,0.024-0.885,0.074-1.354,0.148v30.764h-6.605v-34.029c0.692-0.05,1.447-0.099,2.264-0.148s1.663-0.093,2.542-0.13 c0.878-0.037,1.756-0.062,2.635-0.074c0.878-0.012,1.726-0.019,2.542-0.019c2.004,0,3.741,0.229,5.214,0.687 c1.472,0.458,2.69,1.107,3.655,1.948s1.682,1.862,2.152,3.062c0.47,1.2,0.705,2.555,0.705,4.063c0,1.583-0.26,3.067-0.779,4.453 s-1.317,2.598-2.394,3.637s-2.449,1.855-4.119,2.449s-3.655,0.891-5.956,0.891h-0.297L558.12,525.062z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M604.304,540.907h-19.557v-34.215h18.889l-0.334,3.488l-11.949,0.148 v11.133l11.244,0.148l-0.297,3.154l-10.947,0.26v12.246l13.248,0.26L604.304,540.907z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M626.035,526.806h-2.227v14.102h-6.605v-34.141 c1.336-0.099,2.845-0.186,4.527-0.26c1.682-0.074,3.29-0.111,4.824-0.111c3.934,0,6.921,0.755,8.962,2.264s3.062,3.872,3.062,7.088 c0,1.435-0.174,2.685-0.52,3.748c-0.347,1.063-0.805,1.991-1.373,2.783c-0.569,0.792-1.225,1.46-1.967,2.004 s-1.521,1.002-2.338,1.373c0.965,1.757,1.886,3.414,2.765,4.973c0.878,1.559,1.756,2.919,2.635,4.082 c0.878,1.163,1.769,2.085,2.672,2.765c0.902,0.681,1.874,1.021,2.913,1.021h0.223v2.189c-0.52,0.173-1.12,0.315-1.8,0.427 c-0.681,0.111-1.441,0.167-2.282,0.167c-1.213,0-2.271-0.111-3.173-0.334c-0.903-0.223-1.781-0.705-2.635-1.447 s-1.738-1.831-2.653-3.266c-0.916-1.435-1.979-3.377-3.191-5.826L626.035,526.806z M624.996,523.429c0.915,0,1.8-0.117,2.653-0.353 c0.854-0.234,1.527-0.525,2.022-0.872c0.247-0.173,0.494-0.396,0.742-0.668c0.247-0.272,0.47-0.631,0.668-1.076 c0.197-0.445,0.358-1.015,0.482-1.707c0.123-0.692,0.186-1.559,0.186-2.598c0-1.163-0.13-2.14-0.39-2.932s-0.649-1.429-1.169-1.911 s-1.163-0.828-1.93-1.039c-0.768-0.21-1.646-0.315-2.635-0.315c-0.272,0-0.575,0.007-0.909,0.019 c-0.334,0.013-0.638,0.043-0.909,0.093v13.359H624.996z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M660.752,540.907h-6.605v-34.215h19.186l-0.297,3.451l-12.283,0.186 v12.135l11.875,0.148l-0.297,3.154l-11.578,0.26V540.907z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M705.155,540.907h-19.557v-34.215h18.889l-0.334,3.488l-11.949,0.148 v11.133l11.244,0.148l-0.297,3.154l-10.947,0.26v12.246l13.248,0.26L705.155,540.907z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M731.079,541.39c-2.549,0-4.713-0.433-6.494-1.299 s-3.229-2.078-4.342-3.637s-1.924-3.433-2.431-5.622c-0.508-2.189-0.761-4.62-0.761-7.292c0-2.152,0.247-4.075,0.742-5.771 c0.494-1.694,1.169-3.179,2.022-4.453c0.854-1.273,1.843-2.356,2.969-3.247c1.125-0.891,2.313-1.614,3.563-2.171 c1.249-0.557,2.529-0.959,3.841-1.206c1.311-0.247,2.585-0.371,3.822-0.371c0.767,0,1.577,0.024,2.431,0.074 s1.682,0.118,2.486,0.204c0.804,0.087,1.552,0.186,2.245,0.297c0.692,0.111,1.262,0.217,1.707,0.315l-1.225,4.861 c-0.445-0.148-1.076-0.303-1.893-0.464c-0.816-0.16-1.688-0.315-2.616-0.464s-1.844-0.272-2.746-0.371 c-0.903-0.099-1.651-0.148-2.245-0.148c-0.668,0-1.262,0.019-1.781,0.056s-0.996,0.111-1.429,0.223 c-0.434,0.111-0.842,0.266-1.225,0.464c-0.384,0.198-0.773,0.445-1.169,0.742c-1.015,0.718-1.701,2.078-2.06,4.082 c-0.359,2.004-0.538,4.503-0.538,7.496c0,4.602,0.68,8.084,2.041,10.446c1.36,2.363,3.55,3.544,6.568,3.544 c1.707,0,3.488-0.142,5.344-0.427c1.855-0.284,3.537-0.687,5.047-1.206v2.857c-0.842,0.396-1.751,0.749-2.728,1.058 c-0.978,0.31-1.979,0.569-3.006,0.779c-1.027,0.21-2.066,0.371-3.117,0.482C733.052,541.334,732.044,541.39,731.079,541.39z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M762.568,540.907v-30.578l-9.982-0.148l0.334-3.488h26.311 l-0.334,3.377l-9.686,0.26v30.578H762.568z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M829.072,540.907v-15.4h-14.695v15.4h-6.605v-34.215h6.605v14.992 h14.695v-14.992h6.643v34.215H829.072z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M881.863,523.688c0,2.696-0.341,5.134-1.021,7.311 c-0.681,2.177-1.707,4.039-3.08,5.585c-1.373,1.547-3.087,2.734-5.14,3.563c-2.054,0.828-4.441,1.243-7.162,1.243 c-2.796,0-5.195-0.421-7.199-1.262s-3.644-2.034-4.917-3.581c-1.274-1.546-2.215-3.408-2.82-5.585 c-0.606-2.177-0.909-4.602-0.909-7.273s0.309-5.077,0.928-7.218c0.618-2.14,1.577-3.965,2.876-5.474s2.95-2.665,4.954-3.47 c2.004-0.804,4.379-1.206,7.125-1.206s5.14,0.402,7.181,1.206c2.041,0.805,3.741,1.961,5.103,3.47 c1.36,1.509,2.381,3.334,3.062,5.474C881.522,518.611,881.863,521.017,881.863,523.688z M874.887,523.688 c0-2.078-0.179-3.946-0.537-5.604s-0.919-3.062-1.685-4.212s-1.741-2.028-2.926-2.635c-1.186-0.605-2.593-0.909-4.222-0.909 c-1.433,0-2.767,0.155-4.001,0.464c-1.234,0.31-2.209,0.748-2.925,1.317s-1.241,1.818-1.574,3.748c-0.334,1.93-0.5,4.54-0.5,7.83 c0,2.054,0.147,3.915,0.444,5.585c0.296,1.67,0.79,3.111,1.481,4.323s1.611,2.146,2.759,2.802c1.148,0.656,2.574,0.983,4.278,0.983 c1.753,0,3.197-0.161,4.333-0.482c1.135-0.321,2.098-0.755,2.889-1.299c0.37-0.247,0.691-0.742,0.962-1.484 c0.271-0.742,0.5-1.651,0.686-2.728s0.321-2.275,0.407-3.6C874.843,526.466,874.887,525.099,874.887,523.688z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M929.31,540.907l-2.635-26.088l-11.727,26.088h-2.004l-12.246-26.088 l-2.227,26.088h-3.822l3.303-34.438h6.197l11.393,24.232l10.836-24.232h6.049l3.6,34.438H929.31z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M969.334,540.907h-19.557v-34.215h18.889l-0.334,3.488l-11.949,0.148 v11.133l11.244,0.148l-0.297,3.154l-10.947,0.26v12.246l13.248,0.26L969.334,540.907z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M1001.825,530.888c0,1.237-0.297,2.48-0.891,3.729 c-0.594,1.25-1.447,2.375-2.561,3.377s-2.456,1.818-4.026,2.449c-1.571,0.631-3.334,0.946-5.288,0.946 c-1.039,0-2.004-0.062-2.895-0.186s-1.726-0.291-2.505-0.501s-1.528-0.47-2.245-0.779c-0.718-0.309-1.436-0.649-2.152-1.021 l1.633-5.084c0.47,0.321,1.095,0.668,1.874,1.039s1.626,0.718,2.542,1.039c0.915,0.321,1.837,0.588,2.765,0.798 c0.928,0.211,1.774,0.315,2.542,0.315c0.865,0,1.577-0.056,2.134-0.167s1.058-0.266,1.503-0.464 c0.494-0.198,0.891-0.692,1.188-1.484s0.445-1.818,0.445-3.08c0-1.163-0.384-2.091-1.15-2.783c-0.768-0.692-1.726-1.292-2.876-1.8 c-1.15-0.507-2.394-1.014-3.729-1.521c-1.336-0.507-2.579-1.162-3.729-1.967c-1.15-0.804-2.109-1.837-2.876-3.099 c-0.768-1.262-1.15-2.919-1.15-4.973c0-0.989,0.26-2.034,0.779-3.136c0.52-1.101,1.273-2.115,2.264-3.043 c0.989-0.928,2.214-1.688,3.674-2.282c1.459-0.594,3.117-0.891,4.973-0.891c1.484,0,2.913,0.074,4.286,0.223 s2.702,0.347,3.989,0.594l-1.039,5.084c-0.594-0.223-1.269-0.433-2.022-0.631c-0.755-0.198-1.521-0.371-2.301-0.52 s-1.54-0.266-2.282-0.353c-0.742-0.086-1.398-0.13-1.967-0.13c-0.644,0-1.237,0.031-1.781,0.093 c-0.545,0.063-1.039,0.229-1.484,0.501c-0.421,0.247-0.724,0.675-0.909,1.28c-0.186,0.606-0.278,1.33-0.278,2.171 c0,0.866,0.223,1.583,0.668,2.152s1.032,1.07,1.763,1.503c0.729,0.434,1.559,0.829,2.486,1.188c0.928,0.359,1.88,0.742,2.857,1.15 c0.977,0.408,1.93,0.879,2.857,1.41c0.928,0.532,1.756,1.188,2.486,1.967c0.729,0.779,1.317,1.726,1.763,2.839 S1001.825,529.305,1001.825,530.888z"/> <rect class="st1" x="329" y="40.796" transform="matrix(1 -0.0024 0.0024 1 -0.8765 0.8558)" fill="none" stroke="#000000" stroke-miterlimit="10" width="60.749" height="656.28"/> <rect class="st1" x="233.735" y="139.988" transform="matrix(1 -0.0024 0.0024 1 -0.8092 0.6291)" fill="none" stroke="#000000" stroke-miterlimit="10" width="60.749" height="401.08"/> <rect class="st1" x="135.564" y="240.271" transform="matrix(1 -0.0024 0.0024 1 -1.0524 0.3959)" fill="none" stroke="#000000" stroke-miterlimit="10" width="60.749" height="404.798"/> </svg> 

I want to fill the color after my svg animation completes, but it doesn't happen.

Answer 1

Phhoo that took some time:

Okay so you where missing a keyframe animation. I made my own:

@keyframes dash {
    100% {
        stroke-dashoffset: 0;
    }
}

Changed the stroke-dashoffset: stroke-dashoffset: 2000; on all the elements.

So then you get a line that draws the shapes then fills in the color. The color fill happends with:

animation: dash 4s linear forwards, fillblack .5s linear 4s forwards;

These are two animations the first is dash and the second is fillblack.

Now the first number .5s is the duration of the animation the second 4s is animation delay.

This is part of the animation shorthand:

• animation-name
• animation-duration
• animation-timing-function
• animation-delay
• animation-iteration-count
• animation-direction

♦ <^_^> ♦

 .st0{ fill:#fff; stroke:#282828; stroke-width:3; stroke-miterlimit:5; transition: .8s; } .st0 { stroke-dasharray: 2000; stroke-dashoffset: 2000; -webkit-animation: dash 4s linear forwards, fillblack .5s linear 4s forwards; -o-animation: dash 4s linear forwards, fillblack .5s linear 4s forwards; -moz-animation: dash 4s linear forwards, fillblack .5s linear 4s forwards; animation: dash 4s linear forwards, fillblack .5s linear 4s forwards; } .st2{fill:#fff;stroke:#282828;stroke-width:2;stroke-miterlimit:5;transition: .8s;} .st2 { stroke-dasharray: 2000; stroke-dashoffset: 2000; -webkit-animation: dash 4s linear forwards, fillblack .5s linear 4s forwards; -o-animation: dash 4s linear forwards, fillblack .5s linear 4s forwards; -moz-animation: dash 4s linear forwards, fillblack .5s linear 4s forwards; animation: dash 4s linear forwards, fillblack .5s linear 4s forwards; } .st1{fill:#fff;stroke:#20b21f;stroke-width:3;stroke-miterlimit:5;transition: .8s;} .st1 { stroke-dasharray: 2000; stroke-dashoffset: 2000; -webkit-animation: dash 4s linear forwards, fillgreen .5s linear 4s forwards; -o-animation: dash 4s linear forwards, fillgreen .5s linear 4s forwards; -moz-animation: dash 4s linear forwards, fillgreen .5s linear 4s forwards; animation: dash 4s linear forwards, fillgreen .5s linear 4s forwards; } @-webkit-keyframes fillblack { 100% { fill: #282828; } } @keyframes fillblack { 100% { fill: #282828; } } @-webkit-keyframes fillgreen { 100% { fill: #20b21f; } } @keyframes fillgreen { 100% { fill: #20b21f; } } @-webkit-keyframes dash { 100% { stroke-dashoffset: 0; } } @keyframes dash { 100% { stroke-dashoffset: 0; } } 

 <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1280px" height="720px" viewBox="0 0 1280 720" enable-background="new 0 0 1280 720" xml:space="preserve"> <path class="st0" fill="none" stroke="#000000" stroke-miterlimit="10" d="M609.643,318.806l-15.181,18.92 c-11.22-12.1-27.279-19.58-42.899-19.58c-30.801,0-55.001,23.76-55.001,54.12s24.2,54.341,55.001,54.341 c15.399,0,31.24-7.041,42.899-18.261l15.4,17.16c-15.62,15.4-37.84,25.3-59.62,25.3c-45.101,0-80.08-34.1-80.08-78.32 c0-43.78,35.42-77.44,80.96-77.44C572.903,295.046,594.683,304.066,609.643,318.806z"/> <path class="st0" fill="none" stroke="#000000" stroke-miterlimit="10" d="M698.96,449.707l-61.379-154.001h27.94l47.52,125.181l47.961-125.181 h27.06l-62.26,154.001H698.96z"/> <path class="st0" fill="none" stroke="#000000" stroke-miterlimit="10" d="M953.721,318.806l-15.181,18.92 c-11.22-12.1-27.279-19.58-42.899-19.58c-30.801,0-55.001,23.76-55.001,54.12s24.2,54.341,55.001,54.341 c15.399,0,31.24-7.041,42.899-18.261l15.4,17.16c-15.62,15.4-37.84,25.3-59.62,25.3c-45.101,0-80.08-34.1-80.08-78.32 c0-43.78,35.42-77.44,80.96-77.44C916.98,295.046,938.761,304.066,953.721,318.806z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M429.898,540.907v-30.578l-9.982-0.148l0.334-3.488h26.311 l-0.334,3.377l-9.686,0.26v30.578H429.898z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M479.348,540.907v-15.4h-14.695v15.4h-6.605v-34.215h6.605v14.992 h14.695v-14.992h6.643v34.215H479.348z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M520.413,540.907h-19.557v-34.215h18.889l-0.334,3.488l-11.949,0.148 v11.133l11.244,0.148l-0.297,3.154l-10.947,0.26v12.246l13.248,0.26L520.413,540.907z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M558.12,525.062l0.891-0.186c0.865-0.198,1.682-0.451,2.449-0.761 c0.767-0.309,1.429-0.767,1.985-1.373c0.557-0.605,0.995-1.404,1.317-2.394c0.321-0.989,0.482-2.251,0.482-3.785 c0-2.301-0.52-3.977-1.559-5.028c-1.039-1.051-2.4-1.577-4.082-1.577c-0.421,0-0.848,0.013-1.28,0.037 c-0.434,0.024-0.885,0.074-1.354,0.148v30.764h-6.605v-34.029c0.692-0.05,1.447-0.099,2.264-0.148s1.663-0.093,2.542-0.13 c0.878-0.037,1.756-0.062,2.635-0.074c0.878-0.012,1.726-0.019,2.542-0.019c2.004,0,3.741,0.229,5.214,0.687 c1.472,0.458,2.69,1.107,3.655,1.948s1.682,1.862,2.152,3.062c0.47,1.2,0.705,2.555,0.705,4.063c0,1.583-0.26,3.067-0.779,4.453 s-1.317,2.598-2.394,3.637s-2.449,1.855-4.119,2.449s-3.655,0.891-5.956,0.891h-0.297L558.12,525.062z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M604.304,540.907h-19.557v-34.215h18.889l-0.334,3.488l-11.949,0.148 v11.133l11.244,0.148l-0.297,3.154l-10.947,0.26v12.246l13.248,0.26L604.304,540.907z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M626.035,526.806h-2.227v14.102h-6.605v-34.141 c1.336-0.099,2.845-0.186,4.527-0.26c1.682-0.074,3.29-0.111,4.824-0.111c3.934,0,6.921,0.755,8.962,2.264s3.062,3.872,3.062,7.088 c0,1.435-0.174,2.685-0.52,3.748c-0.347,1.063-0.805,1.991-1.373,2.783c-0.569,0.792-1.225,1.46-1.967,2.004 s-1.521,1.002-2.338,1.373c0.965,1.757,1.886,3.414,2.765,4.973c0.878,1.559,1.756,2.919,2.635,4.082 c0.878,1.163,1.769,2.085,2.672,2.765c0.902,0.681,1.874,1.021,2.913,1.021h0.223v2.189c-0.52,0.173-1.12,0.315-1.8,0.427 c-0.681,0.111-1.441,0.167-2.282,0.167c-1.213,0-2.271-0.111-3.173-0.334c-0.903-0.223-1.781-0.705-2.635-1.447 s-1.738-1.831-2.653-3.266c-0.916-1.435-1.979-3.377-3.191-5.826L626.035,526.806z M624.996,523.429c0.915,0,1.8-0.117,2.653-0.353 c0.854-0.234,1.527-0.525,2.022-0.872c0.247-0.173,0.494-0.396,0.742-0.668c0.247-0.272,0.47-0.631,0.668-1.076 c0.197-0.445,0.358-1.015,0.482-1.707c0.123-0.692,0.186-1.559,0.186-2.598c0-1.163-0.13-2.14-0.39-2.932s-0.649-1.429-1.169-1.911 s-1.163-0.828-1.93-1.039c-0.768-0.21-1.646-0.315-2.635-0.315c-0.272,0-0.575,0.007-0.909,0.019 c-0.334,0.013-0.638,0.043-0.909,0.093v13.359H624.996z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M660.752,540.907h-6.605v-34.215h19.186l-0.297,3.451l-12.283,0.186 v12.135l11.875,0.148l-0.297,3.154l-11.578,0.26V540.907z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M705.155,540.907h-19.557v-34.215h18.889l-0.334,3.488l-11.949,0.148 v11.133l11.244,0.148l-0.297,3.154l-10.947,0.26v12.246l13.248,0.26L705.155,540.907z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M731.079,541.39c-2.549,0-4.713-0.433-6.494-1.299 s-3.229-2.078-4.342-3.637s-1.924-3.433-2.431-5.622c-0.508-2.189-0.761-4.62-0.761-7.292c0-2.152,0.247-4.075,0.742-5.771 c0.494-1.694,1.169-3.179,2.022-4.453c0.854-1.273,1.843-2.356,2.969-3.247c1.125-0.891,2.313-1.614,3.563-2.171 c1.249-0.557,2.529-0.959,3.841-1.206c1.311-0.247,2.585-0.371,3.822-0.371c0.767,0,1.577,0.024,2.431,0.074 s1.682,0.118,2.486,0.204c0.804,0.087,1.552,0.186,2.245,0.297c0.692,0.111,1.262,0.217,1.707,0.315l-1.225,4.861 c-0.445-0.148-1.076-0.303-1.893-0.464c-0.816-0.16-1.688-0.315-2.616-0.464s-1.844-0.272-2.746-0.371 c-0.903-0.099-1.651-0.148-2.245-0.148c-0.668,0-1.262,0.019-1.781,0.056s-0.996,0.111-1.429,0.223 c-0.434,0.111-0.842,0.266-1.225,0.464c-0.384,0.198-0.773,0.445-1.169,0.742c-1.015,0.718-1.701,2.078-2.06,4.082 c-0.359,2.004-0.538,4.503-0.538,7.496c0,4.602,0.68,8.084,2.041,10.446c1.36,2.363,3.55,3.544,6.568,3.544 c1.707,0,3.488-0.142,5.344-0.427c1.855-0.284,3.537-0.687,5.047-1.206v2.857c-0.842,0.396-1.751,0.749-2.728,1.058 c-0.978,0.31-1.979,0.569-3.006,0.779c-1.027,0.21-2.066,0.371-3.117,0.482C733.052,541.334,732.044,541.39,731.079,541.39z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M762.568,540.907v-30.578l-9.982-0.148l0.334-3.488h26.311 l-0.334,3.377l-9.686,0.26v30.578H762.568z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M829.072,540.907v-15.4h-14.695v15.4h-6.605v-34.215h6.605v14.992 h14.695v-14.992h6.643v34.215H829.072z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M881.863,523.688c0,2.696-0.341,5.134-1.021,7.311 c-0.681,2.177-1.707,4.039-3.08,5.585c-1.373,1.547-3.087,2.734-5.14,3.563c-2.054,0.828-4.441,1.243-7.162,1.243 c-2.796,0-5.195-0.421-7.199-1.262s-3.644-2.034-4.917-3.581c-1.274-1.546-2.215-3.408-2.82-5.585 c-0.606-2.177-0.909-4.602-0.909-7.273s0.309-5.077,0.928-7.218c0.618-2.14,1.577-3.965,2.876-5.474s2.95-2.665,4.954-3.47 c2.004-0.804,4.379-1.206,7.125-1.206s5.14,0.402,7.181,1.206c2.041,0.805,3.741,1.961,5.103,3.47 c1.36,1.509,2.381,3.334,3.062,5.474C881.522,518.611,881.863,521.017,881.863,523.688z M874.887,523.688 c0-2.078-0.179-3.946-0.537-5.604s-0.919-3.062-1.685-4.212s-1.741-2.028-2.926-2.635c-1.186-0.605-2.593-0.909-4.222-0.909 c-1.433,0-2.767,0.155-4.001,0.464c-1.234,0.31-2.209,0.748-2.925,1.317s-1.241,1.818-1.574,3.748c-0.334,1.93-0.5,4.54-0.5,7.83 c0,2.054,0.147,3.915,0.444,5.585c0.296,1.67,0.79,3.111,1.481,4.323s1.611,2.146,2.759,2.802c1.148,0.656,2.574,0.983,4.278,0.983 c1.753,0,3.197-0.161,4.333-0.482c1.135-0.321,2.098-0.755,2.889-1.299c0.37-0.247,0.691-0.742,0.962-1.484 c0.271-0.742,0.5-1.651,0.686-2.728s0.321-2.275,0.407-3.6C874.843,526.466,874.887,525.099,874.887,523.688z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M929.31,540.907l-2.635-26.088l-11.727,26.088h-2.004l-12.246-26.088 l-2.227,26.088h-3.822l3.303-34.438h6.197l11.393,24.232l10.836-24.232h6.049l3.6,34.438H929.31z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M969.334,540.907h-19.557v-34.215h18.889l-0.334,3.488l-11.949,0.148 v11.133l11.244,0.148l-0.297,3.154l-10.947,0.26v12.246l13.248,0.26L969.334,540.907z"/> <path class="st2" fill="none" stroke="#000000" stroke-miterlimit="10" d="M1001.825,530.888c0,1.237-0.297,2.48-0.891,3.729 c-0.594,1.25-1.447,2.375-2.561,3.377s-2.456,1.818-4.026,2.449c-1.571,0.631-3.334,0.946-5.288,0.946 c-1.039,0-2.004-0.062-2.895-0.186s-1.726-0.291-2.505-0.501s-1.528-0.47-2.245-0.779c-0.718-0.309-1.436-0.649-2.152-1.021 l1.633-5.084c0.47,0.321,1.095,0.668,1.874,1.039s1.626,0.718,2.542,1.039c0.915,0.321,1.837,0.588,2.765,0.798 c0.928,0.211,1.774,0.315,2.542,0.315c0.865,0,1.577-0.056,2.134-0.167s1.058-0.266,1.503-0.464 c0.494-0.198,0.891-0.692,1.188-1.484s0.445-1.818,0.445-3.08c0-1.163-0.384-2.091-1.15-2.783c-0.768-0.692-1.726-1.292-2.876-1.8 c-1.15-0.507-2.394-1.014-3.729-1.521c-1.336-0.507-2.579-1.162-3.729-1.967c-1.15-0.804-2.109-1.837-2.876-3.099 c-0.768-1.262-1.15-2.919-1.15-4.973c0-0.989,0.26-2.034,0.779-3.136c0.52-1.101,1.273-2.115,2.264-3.043 c0.989-0.928,2.214-1.688,3.674-2.282c1.459-0.594,3.117-0.891,4.973-0.891c1.484,0,2.913,0.074,4.286,0.223 s2.702,0.347,3.989,0.594l-1.039,5.084c-0.594-0.223-1.269-0.433-2.022-0.631c-0.755-0.198-1.521-0.371-2.301-0.52 s-1.54-0.266-2.282-0.353c-0.742-0.086-1.398-0.13-1.967-0.13c-0.644,0-1.237,0.031-1.781,0.093 c-0.545,0.063-1.039,0.229-1.484,0.501c-0.421,0.247-0.724,0.675-0.909,1.28c-0.186,0.606-0.278,1.33-0.278,2.171 c0,0.866,0.223,1.583,0.668,2.152s1.032,1.07,1.763,1.503c0.729,0.434,1.559,0.829,2.486,1.188c0.928,0.359,1.88,0.742,2.857,1.15 c0.977,0.408,1.93,0.879,2.857,1.41c0.928,0.532,1.756,1.188,2.486,1.967c0.729,0.779,1.317,1.726,1.763,2.839 S1001.825,529.305,1001.825,530.888z"/> <rect class="st1" x="329" y="40.796" transform="matrix(1 -0.0024 0.0024 1 -0.8765 0.8558)" fill="none" stroke="#000000" stroke-miterlimit="10" width="60.749" height="656.28"/> <rect class="st1" x="233.735" y="139.988" transform="matrix(1 -0.0024 0.0024 1 -0.8092 0.6291)" fill="none" stroke="#000000" stroke-miterlimit="10" width="60.749" height="401.08"/> <rect class="st1" x="135.564" y="240.271" transform="matrix(1 -0.0024 0.0024 1 -1.0524 0.3959)" fill="none" stroke="#000000" stroke-miterlimit="10" width="60.749" height="404.798"/> </svg>