"Dynamic SVG poster"
Bootstrap 3.1.0 Snippet by msurguy

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div id="container"> <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 1200 800" xml:space="preserve" preserveAspectRatio="xMinYMin meet" class="svg-content"> <g id="Layer_3"> <polygon class="triangle" fill="#4C72B8" stroke="#4C72B8" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1454.615,764.603 1260.432,508.089 1147.758,901.249 "/> <polygon class="triangle" fill="#4C75BA" stroke="#4C75BA" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1454.615,764.603 1147.758,901.249 1308.378,937.211 "/> <polygon class="triangle" fill="#4F71B7" stroke="#4F71B7" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1260.432,508.089 1107.002,541.65 1147.758,901.249 "/> <polygon class="triangle" fill="#5375B9" stroke="#5375B9" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1147.758,901.249 1107.002,541.65 1008.711,704.668 "/> <polygon class="triangle" fill="#484C86" stroke="#484C86" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1279.61,83.761 1123.784,-249.467 1032.686,-110.422 "/> <polygon class="triangle" fill="#49508D" stroke="#49508D" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1279.61,83.761 1032.686,-110.422 1128.578,102.94 "/> <polygon class="triangle" fill="#4E508E" stroke="#4E508E" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1128.578,102.94 1032.686,-110.422 1037.479,35.815 "/> <polygon class="triangle" fill="#4661AD" stroke="#4661AD" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1301.187,342.672 1109.401,395.414 1279.61,486.512 "/> <polygon class="triangle" fill="#495FAB" stroke="#495FAB" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1301.187,342.672 1109.401,369.043 1109.401,395.414 "/> <polygon class="triangle" fill="#455494" stroke="#455494" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1291.598,114.926 1128.578,102.94 1265.227,237.19 "/> <polygon class="triangle" fill="#465CA5" stroke="#465CA5" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1301.187,342.672 1265.227,289.932 1109.401,369.043 "/> <polygon class="triangle" fill="#4965AF" stroke="#4965AF" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1279.61,486.512 1109.401,395.414 1260.432,508.089 "/> <polygon class="triangle" fill="#465290" stroke="#465290" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1291.598,114.926 1279.61,83.761 1128.578,102.94 "/> <polygon class="triangle" fill="#4B67B0" stroke="#4B67B0" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1260.432,508.089 1109.401,395.414 1107.002,541.65 "/> <polygon class="triangle" fill="#4B579B" stroke="#4B579B" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1265.227,237.19 1128.578,102.94 1035.083,270.753 "/> <polygon class="triangle" fill="#4A5BA4" stroke="#4A5BA4" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1265.227,237.19 1035.083,270.753 1109.401,369.043 "/> <polygon class="triangle" fill="#4759A1" stroke="#4759A1" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1265.227,289.932 1265.227,237.19 1109.401,369.043 "/> <polygon class="triangle" fill="#4E67B0" stroke="#4E67B0" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1109.401,395.414 1090.222,529.664 1107.002,541.65 "/> <polygon class="triangle" fill="#5479BC" stroke="#5479BC" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1147.758,901.249 1008.711,704.668 1102.208,925.224 "/> <polygon class="triangle" fill="#52579C" stroke="#52579C" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1128.578,102.94 967.957,196.436 1035.083,270.753 "/> <polygon class="triangle" fill="#5066AF" stroke="#5066AF" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1109.401,395.414 1015.903,469.731 1090.222,529.664 "/> <polygon class="triangle" fill="#505DA9" stroke="#505DA9" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1109.401,369.043 1035.083,270.753 1027.891,323.494 "/> <polygon class="triangle" fill="#526DB4" stroke="#526DB4" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1107.002,541.65 1023.096,532.062 1008.711,704.668 "/> <polygon class="triangle" fill="#5274B9" stroke="#5274B9" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1102.208,925.224 1008.711,704.668 879.257,783.782 "/> <polygon class="triangle" fill="#5163AD" stroke="#5163AD" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1109.401,395.414 1075.838,385.825 1015.903,469.731 "/> <polygon class="triangle" fill="#515495" stroke="#515495" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1128.578,102.94 1037.479,35.815 967.957,196.436 "/> <polygon class="triangle" fill="#506AB2" stroke="#506AB2" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1107.002,541.65 1090.222,529.664 1023.096,532.062 "/> <polygon class="triangle" fill="#505FAB" stroke="#505FAB" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1109.401,369.043 1027.891,323.494 1075.838,385.825 "/> <polygon class="triangle" fill="#4E60AC" stroke="#4E60AC" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1109.401,369.043 1075.838,385.825 1109.401,395.414 "/> <polygon class="triangle" fill="#5172B7" stroke="#5172B7" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1102.208,925.224 879.257,783.782 860.078,965.979 "/> <polygon class="triangle" fill="#5363AD" stroke="#5363AD" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1075.838,385.825 1006.314,414.593 1015.903,469.731 "/> <polygon class="triangle" fill="#5169B1" stroke="#5169B1" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1090.222,529.664 1015.903,469.731 1023.096,532.062 "/> <polygon class="triangle" fill="#536EB5" stroke="#536EB5" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1023.096,532.062 941.587,673.504 1008.711,704.668 "/> <polygon class="triangle" fill="#5160AC" stroke="#5160AC" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1075.838,385.825 1027.891,323.494 1006.314,414.593 "/> <polygon class="triangle" fill="#595596" stroke="#595596" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1037.479,35.815 807.336,102.94 967.957,196.436 "/> <polygon class="triangle" fill="#5B5192" stroke="#5B5192" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1037.479,35.815 840.899,-31.311 807.336,102.94 "/> <polygon class="triangle" fill="#534F8D" stroke="#534F8D" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1037.479,35.815 1032.686,-110.422 840.899,-31.311 "/> <polygon class="triangle" fill="#555BA4" stroke="#555BA4" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1035.083,270.753 922.409,220.409 1027.891,323.494 "/> <polygon class="triangle" fill="#57599F" stroke="#57599F" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1035.083,270.753 967.957,196.436 922.409,220.409 "/> <polygon class="triangle" fill="#566BB2" stroke="#566BB2" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1023.096,532.062 836.104,577.61 941.587,673.504 "/> <polygon class="triangle" fill="#5566AF" stroke="#5566AF" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1023.096,532.062 1015.903,469.731 941.587,457.744 "/> <polygon class="triangle" fill="#5760AB" stroke="#5760AB" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1027.891,323.494 867.27,357.056 1006.314,414.593 "/> <polygon class="triangle" fill="#5A5CA7" stroke="#5A5CA7" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1027.891,323.494 922.409,220.409 867.27,357.056 "/> <polygon class="triangle" fill="#5564AE" stroke="#5564AE" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1015.903,469.731 1006.314,414.593 941.587,457.744 "/> <polygon class="triangle" fill="#5766AF" stroke="#5766AF" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1023.096,532.062 941.587,457.744 920.011,457.744 "/> <polygon class="triangle" fill="#5867AF" stroke="#5867AF" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1023.096,532.062 920.011,457.744 836.104,577.61 "/> <polygon class="triangle" fill="#5961AC" stroke="#5961AC" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1006.314,414.593 867.27,357.056 905.627,438.565 "/> <polygon class="triangle" fill="#546FB5" stroke="#546FB5" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1008.711,704.668 941.587,673.504 879.257,783.782 "/> <polygon class="triangle" fill="#5863AD" stroke="#5863AD" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 1006.314,414.593 905.627,438.565 941.587,457.744 "/> <polygon class="triangle" fill="#526DB4" stroke="#526DB4" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 879.257,783.782 840.899,805.356 860.078,965.979 "/> <polygon class="triangle" fill="#5E579C" stroke="#5E579C" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 967.957,196.436 807.336,102.94 922.409,220.409 "/> <polygon class="triangle" fill="#4F6BB3" stroke="#4F6BB3" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 860.078,965.979 840.899,805.356 850.488,961.184 "/> <polygon class="triangle" fill="#5C65AE" stroke="#5C65AE" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 920.011,457.744 879.257,457.744 836.104,577.61 "/> <polygon class="triangle" fill="#625294" stroke="#625294" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 840.899,-31.311 797.747,2.252 807.336,102.94 "/> <polygon class="triangle" fill="#5869B1" stroke="#5869B1" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 941.587,673.504 836.104,577.61 812.131,668.708 "/> <polygon class="triangle" fill="#556DB4" stroke="#556DB4" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 941.587,673.504 814.528,726.244 879.257,783.782 "/> <polygon class="triangle" fill="#576BB2" stroke="#576BB2" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 941.587,673.504 812.131,668.708 814.528,726.244 "/> <polygon class="triangle" fill="#5A63AD" stroke="#5A63AD" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 941.587,457.744 905.627,438.565 920.011,457.744 "/> <polygon class="triangle" fill="#655BA7" stroke="#655BA7" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 922.409,220.409 713.841,282.74 867.27,357.056 "/> <polygon class="triangle" fill="#6759A0" stroke="#6759A0" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 922.409,220.409 807.336,102.94 713.841,282.74 "/> <polygon class="triangle" fill="#5B63AD" stroke="#5B63AD" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 920.011,457.744 905.627,438.565 879.257,457.744 "/> <polygon class="triangle" fill="#5D61AC" stroke="#5D61AC" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 905.627,438.565 867.27,357.056 879.257,457.744 "/> <polygon class="triangle" fill="#556CB3" stroke="#556CB3" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 879.257,783.782 814.528,726.244 826.515,778.986 "/> <polygon class="triangle" fill="#665396" stroke="#665396" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 807.336,102.94 797.747,2.252 773.773,40.609 "/> <polygon class="triangle" fill="#5069B2" stroke="#5069B2" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 850.488,961.184 840.899,805.356 730.622,918.031 "/> <polygon class="triangle" fill="#6760AA" stroke="#6760AA" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 879.257,457.744 867.27,357.056 656.305,438.565 "/> <polygon class="triangle" fill="#6263AD" stroke="#6263AD" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 879.257,457.744 670.689,527.267 836.104,577.61 "/> <polygon class="triangle" fill="#6B61AB" stroke="#6B61AB" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 879.257,457.744 656.305,438.565 670.689,527.267 "/> <polygon class="triangle" fill="#536CB3" stroke="#536CB3" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 879.257,783.782 826.515,778.986 840.899,805.356 "/> <polygon class="triangle" fill="#6F5EA9" stroke="#6F5EA9" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 867.27,357.056 713.841,282.74 656.305,438.565 "/> <polygon class="triangle" fill="#6D589D" stroke="#6D589D" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 807.336,102.94 785.761,95.748 713.841,282.74 "/> <polygon class="triangle" fill="#5968B0" stroke="#5968B0" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 814.528,726.244 812.131,668.708 797.747,695.08 "/> <polygon class="triangle" fill="#675597" stroke="#675597" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 807.336,102.94 773.773,40.609 785.761,95.748 "/> <polygon class="triangle" fill="#5369B2" stroke="#5369B2" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 840.899,805.356 826.515,778.986 730.622,918.031 "/> <polygon class="triangle" fill="#5F5190" stroke="#5F5190" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 840.899,-31.311 840.899,-48.091 797.747,2.252 "/> <polygon class="triangle" fill="#615190" stroke="#615190" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 840.899,-48.091 749.801,-64.873 797.747,2.252 "/> <polygon class="triangle" fill="#6065AE" stroke="#6065AE" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 836.104,577.61 670.689,527.267 812.131,668.708 "/> <polygon class="triangle" fill="#6662AC" stroke="#6662AC" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 812.131,668.708 670.689,527.267 634.729,580.008 "/> <polygon class="triangle" fill="#5866AF" stroke="#5866AF" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 826.515,778.986 814.528,726.244 613.152,752.615 "/> <polygon class="triangle" fill="#5665AE" stroke="#5665AE" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 826.515,778.986 613.152,752.615 730.622,918.031 "/> <polygon class="triangle" fill="#5B66AF" stroke="#5B66AF" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 814.528,726.244 797.747,695.08 613.152,752.615 "/> <polygon class="triangle" fill="#5E65AE" stroke="#5E65AE" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 812.131,668.708 634.729,580.008 797.747,695.08 "/> <polygon class="triangle" fill="#795AA1" stroke="#795AA1" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 785.761,95.748 598.769,246.78 713.841,282.74 "/> <polygon class="triangle" fill="#79569B" stroke="#79569B" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 785.761,95.748 613.152,50.199 572.398,100.542 "/> <polygon class="triangle" fill="#7F59A0" stroke="#7F59A0" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 785.761,95.748 572.398,100.542 598.769,246.78 "/> <polygon class="triangle" fill="#6362AC" stroke="#6362AC" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 797.747,695.08 634.729,580.008 610.756,695.08 "/> <polygon class="triangle" fill="#5D62AC" stroke="#5D62AC" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 797.747,695.08 610.756,695.08 613.152,752.615 "/> <polygon class="triangle" fill="#675394" stroke="#675394" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 797.747,2.252 718.636,-0.145 773.773,40.609 "/> <polygon class="triangle" fill="#665192" stroke="#665192" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 797.747,2.252 749.801,-64.873 718.636,-0.145 "/> <polygon class="triangle" fill="#5560AB" stroke="#5560AB" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 730.622,918.031 613.152,752.615 593.974,865.289 "/> <polygon class="triangle" fill="#6F5598" stroke="#6F5598" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 785.761,95.748 773.773,40.609 613.152,50.199 "/> <polygon class="triangle" fill="#6F5498" stroke="#6F5498" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 773.773,40.609 718.636,-0.145 613.152,50.199 "/> <polygon class="triangle" fill="#685191" stroke="#685191" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 749.801,-64.873 692.265,-60.079 718.636,-0.145 "/> <polygon class="triangle" fill="#815EA8" stroke="#815EA8" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 713.841,282.74 567.604,301.918 656.305,438.565 "/> <polygon class="triangle" fill="#705394" stroke="#705394" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 718.636,-0.145 692.265,-60.079 613.152,50.199 "/> <polygon class="triangle" fill="#875DA7" stroke="#875DA7" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 713.841,282.74 598.769,246.78 567.604,301.918 "/> <polygon class="triangle" fill="#6A5FAA" stroke="#6A5FAA" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 634.729,580.008 581.988,632.75 610.756,695.08 "/> <polygon class="triangle" fill="#7560AA" stroke="#7560AA" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 670.689,527.267 656.305,438.565 617.947,479.319 "/> <polygon class="triangle" fill="#765395" stroke="#765395" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 692.265,-60.079 526.849,-67.271 613.152,50.199 "/> <polygon class="triangle" fill="#7160AA" stroke="#7160AA" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 670.689,527.267 617.947,479.319 634.729,580.008 "/> <polygon class="triangle" fill="#825FA9" stroke="#825FA9" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 656.305,438.565 567.604,301.918 617.947,479.319 "/> <polygon class="triangle" fill="#5A5EAA" stroke="#5A5EAA" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 613.152,752.615 534.041,790.973 593.974,865.289 "/> <polygon class="triangle" fill="#8F5FA7" stroke="#8F5FA7" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 617.947,479.319 567.604,301.918 433.353,440.963 "/> <polygon class="triangle" fill="#745FA9" stroke="#745FA9" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 634.729,580.008 617.947,479.319 546.027,587.2 "/> <polygon class="triangle" fill="#945CA6" stroke="#945CA6" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 598.769,246.78 572.398,100.542 505.273,234.792 "/> <polygon class="triangle" fill="#6F5FA9" stroke="#6F5FA9" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 634.729,580.008 546.027,587.2 581.988,632.75 "/> <polygon class="triangle" fill="#83559A" stroke="#83559A" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 613.152,50.199 526.849,-67.271 488.492,35.815 "/> <polygon class="triangle" fill="#605EAA" stroke="#605EAA" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 613.152,752.615 610.756,695.08 534.041,790.973 "/> <polygon class="triangle" fill="#825EA8" stroke="#825EA8" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 617.947,479.319 433.353,440.963 546.027,587.2 "/> <polygon class="triangle" fill="#88579E" stroke="#88579E" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 613.152,50.199 488.492,35.815 572.398,100.542 "/> <polygon class="triangle" fill="#645EAA" stroke="#645EAA" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 610.756,695.08 581.988,632.75 534.041,790.973 "/> <polygon class="triangle" fill="#A060A7" stroke="#A060A7" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 567.604,301.918 483.697,289.932 433.353,440.963 "/> <polygon class="triangle" fill="#695CA8" stroke="#695CA8" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 581.988,632.75 447.737,639.94 534.041,790.973 "/> <polygon class="triangle" fill="#965EA6" stroke="#965EA6" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 598.769,246.78 505.273,234.792 567.604,301.918 "/> <polygon class="triangle" fill="#595BA4" stroke="#595BA4" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 593.974,865.289 534.041,790.973 435.751,915.635 "/> <polygon class="triangle" fill="#665AA4" stroke="#665AA4" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 534.041,790.973 447.737,639.94 435.751,766.999 "/> <polygon class="triangle" fill="#9F5DA5" stroke="#9F5DA5" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 572.398,100.542 428.559,153.284 505.273,234.792 "/> <polygon class="triangle" fill="#725DA8" stroke="#725DA8" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 581.988,632.75 546.027,587.2 447.737,639.94 "/> <polygon class="triangle" fill="#A05FA6" stroke="#A05FA6" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 567.604,301.918 505.273,234.792 483.697,289.932 "/> <polygon class="triangle" fill="#985AA2" stroke="#985AA2" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 572.398,100.542 488.492,35.815 428.559,153.284 "/> <polygon class="triangle" fill="#5D59A1" stroke="#5D59A1" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 534.041,790.973 435.751,766.999 435.751,915.635 "/> <polygon class="triangle" fill="#7F5DA7" stroke="#7F5DA7" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 546.027,587.2 433.353,440.963 447.737,639.94 "/> <polygon class="triangle" fill="#AB61A7" stroke="#AB61A7" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 483.697,289.932 409.38,299.521 433.353,440.963 "/> <polygon class="triangle" fill="#805396" stroke="#805396" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 526.849,-67.271 435.751,-120.011 488.492,35.815 "/> <polygon class="triangle" fill="#855DA7" stroke="#855DA7" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 447.737,639.94 433.353,440.963 325.474,584.803 "/> <polygon class="triangle" fill="#B060A6" stroke="#B060A6" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 505.273,234.792 428.559,153.284 373.42,191.641 "/> <polygon class="triangle" fill="#AC62A7" stroke="#AC62A7" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 505.273,234.792 409.38,299.521 483.697,289.932 "/> <polygon class="triangle" fill="#B362A7" stroke="#B362A7" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 505.273,234.792 373.42,191.641 409.38,299.521 "/> <polygon class="triangle" fill="#905CA6" stroke="#905CA6" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 433.353,440.963 311.09,498.499 325.474,584.803 "/> <polygon class="triangle" fill="#AC62A7" stroke="#AC62A7" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 433.353,440.963 409.38,299.521 359.037,364.249 "/> <polygon class="triangle" fill="#875398" stroke="#875398" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 488.492,35.815 435.751,-120.011 265.541,-50.489 "/> <polygon class="triangle" fill="#98579E" stroke="#98579E" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 488.492,35.815 265.541,-50.489 366.229,107.734 "/> <polygon class="triangle" fill="#A25BA4" stroke="#A25BA4" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 488.492,35.815 366.229,107.734 428.559,153.284 "/> <polygon class="triangle" fill="#6F59A2" stroke="#6F59A2" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 447.737,639.94 342.255,659.12 435.751,766.999 "/> <polygon class="triangle" fill="#A860A7" stroke="#A860A7" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 433.353,440.963 359.037,364.249 356.639,402.606 "/> <polygon class="triangle" fill="#5A569B" stroke="#5A569B" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 435.751,766.999 363.831,942.004 435.751,915.635 "/> <polygon class="triangle" fill="#B463A7" stroke="#B463A7" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 409.38,299.521 356.639,345.07 359.037,364.249 "/> <polygon class="triangle" fill="#7859A1" stroke="#7859A1" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 447.737,639.94 325.474,584.803 342.255,659.12 "/> <polygon class="triangle" fill="#6F579F" stroke="#6F579F" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 435.751,766.999 342.255,659.12 323.076,671.106 "/> <polygon class="triangle" fill="#9E5EA6" stroke="#9E5EA6" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 433.353,440.963 356.639,402.606 311.09,498.499 "/> <polygon class="triangle" fill="#5F5497" stroke="#5F5497" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 435.751,766.999 174.442,771.795 363.831,942.004 "/> <polygon class="triangle" fill="#69559B" stroke="#69559B" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 435.751,766.999 323.076,671.106 174.442,771.795 "/> <polygon class="triangle" fill="#585191" stroke="#585191" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 363.831,942.004 174.442,771.795 251.156,953.991 "/> <polygon class="triangle" fill="#B15EA5" stroke="#B15EA5" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 428.559,153.284 366.229,107.734 373.42,191.641 "/> <polygon class="triangle" fill="#BD63A7" stroke="#BD63A7" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 409.38,299.521 373.42,191.641 272.732,263.562 "/> <polygon class="triangle" fill="#BA63A7" stroke="#BA63A7" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 409.38,299.521 272.732,263.562 356.639,345.07 "/> <polygon class="triangle" fill="#BD62A6" stroke="#BD62A6" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 373.42,191.641 272.732,206.024 272.732,263.562 "/> <polygon class="triangle" fill="#B660A5" stroke="#B660A5" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 373.42,191.641 366.229,107.734 277.528,186.846 "/> <polygon class="triangle" fill="#7A589F" stroke="#7A589F" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 342.255,659.12 325.474,584.803 303.898,627.954 "/> <polygon class="triangle" fill="#96559C" stroke="#96559C" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 366.229,107.734 265.541,-50.489 184.032,-4.94 "/> <polygon class="triangle" fill="#A559A3" stroke="#A559A3" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 366.229,107.734 184.032,-4.94 255.951,167.667 "/> <polygon class="triangle" fill="#BB61A6" stroke="#BB61A6" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 373.42,191.641 277.528,186.846 272.732,206.024 "/> <polygon class="triangle" fill="#B55EA5" stroke="#B55EA5" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 366.229,107.734 255.951,167.667 277.528,186.846 "/> <polygon class="triangle" fill="#AA5FA6" stroke="#AA5FA6" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 359.037,364.249 191.224,421.785 356.639,402.606 "/> <polygon class="triangle" fill="#AF60A6" stroke="#AF60A6" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 359.037,364.249 356.639,345.07 191.224,421.785 "/> <polygon class="triangle" fill="#B35FA5" stroke="#B35FA5" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 356.639,345.07 272.732,263.562 191.224,421.785 "/> <polygon class="triangle" fill="#9F5CA5" stroke="#9F5CA5" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 356.639,402.606 191.224,421.785 311.09,498.499 "/> <polygon class="triangle" fill="#75579E" stroke="#75579E" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 342.255,659.12 303.898,627.954 323.076,671.106 "/> <polygon class="triangle" fill="#6F5599" stroke="#6F5599" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 323.076,671.106 303.898,627.954 174.442,771.795 "/> <polygon class="triangle" fill="#8558A0" stroke="#8558A0" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 325.474,584.803 311.09,498.499 136.084,594.393 "/> <polygon class="triangle" fill="#7C569D" stroke="#7C569D" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 325.474,584.803 136.084,594.393 303.898,627.954 "/> <polygon class="triangle" fill="#A558A2" stroke="#A558A2" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 255.951,167.667 184.032,-4.94 212.799,170.065 "/> <polygon class="triangle" fill="#6A5295" stroke="#6A5295" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 303.898,627.954 148.071,755.014 174.442,771.795 "/> <polygon class="triangle" fill="#6E5397" stroke="#6E5397" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 303.898,627.954 109.714,663.914 148.071,755.014 "/> <polygon class="triangle" fill="#755399" stroke="#755399" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 303.898,627.954 136.084,594.393 109.714,663.914 "/> <polygon class="triangle" fill="#8D59A0" stroke="#8D59A0" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 311.09,498.499 191.224,421.785 136.084,594.393 "/> <polygon class="triangle" fill="#98559D" stroke="#98559D" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 212.799,170.065 184.032,-4.94 126.496,71.775 "/> <polygon class="triangle" fill="#AF5DA5" stroke="#AF5DA5" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 272.732,263.562 179.236,246.78 191.224,421.785 "/> <polygon class="triangle" fill="#B75EA5" stroke="#B75EA5" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 272.732,263.562 272.732,206.024 179.236,246.78 "/> <polygon class="triangle" fill="#B75EA5" stroke="#B75EA5" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 277.528,186.846 255.951,167.667 272.732,206.024 "/> <polygon class="triangle" fill="#584E8E" stroke="#584E8E" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 251.156,953.991 174.442,771.795 80.946,953.991 "/> <polygon class="triangle" fill="#B25CA4" stroke="#B25CA4" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 272.732,206.024 212.799,170.065 179.236,246.78 "/> <polygon class="triangle" fill="#B35DA4" stroke="#B35DA4" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 272.732,206.024 255.951,167.667 212.799,170.065 "/> <polygon class="triangle" fill="#A55AA4" stroke="#A55AA4" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 191.224,421.785 179.236,246.78 116.906,253.972 "/> <polygon class="triangle" fill="#584C8B" stroke="#584C8B" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 174.442,771.795 13.821,886.865 80.946,953.991 "/> <polygon class="triangle" fill="#87549C" stroke="#87549C" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 191.224,421.785 44.986,438.565 136.084,594.393 "/> <polygon class="triangle" fill="#A95AA3" stroke="#A95AA3" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 212.799,170.065 145.674,201.23 179.236,246.78 "/> <polygon class="triangle" fill="#A057A2" stroke="#A057A2" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 212.799,170.065 126.496,71.775 145.674,201.23 "/> <polygon class="triangle" fill="#5F4E8E" stroke="#5F4E8E" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 174.442,771.795 148.071,755.014 13.821,886.865 "/> <polygon class="triangle" fill="#97569F" stroke="#97569F" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 191.224,421.785 116.906,253.972 11.423,333.084 "/> <polygon class="triangle" fill="#8C549C" stroke="#8C549C" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 191.224,421.785 11.423,333.084 44.986,438.565 "/> <polygon class="triangle" fill="#99559E" stroke="#99559E" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 145.674,201.23 126.496,71.775 85.741,184.449 "/> <polygon class="triangle" fill="#685092" stroke="#685092" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 148.071,755.014 109.714,663.914 95.33,683.094 "/> <polygon class="triangle" fill="#8A5198" stroke="#8A5198" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 184.032,-4.94 140.879,-55.283 126.496,71.775 "/> <polygon class="triangle" fill="#A358A2" stroke="#A358A2" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 179.236,246.78 145.674,201.23 116.906,253.972 "/> <polygon class="triangle" fill="#885097" stroke="#885097" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 140.879,-55.283 56.973,52.596 126.496,71.775 "/> <polygon class="triangle" fill="#90539B" stroke="#90539B" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 126.496,71.775 78.549,76.569 85.741,184.449 "/> <polygon class="triangle" fill="#785196" stroke="#785196" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 136.084,594.393 44.986,438.565 35.397,615.968 "/> <polygon class="triangle" fill="#604E8E" stroke="#604E8E" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 148.071,755.014 95.33,683.094 13.821,886.865 "/> <polygon class="triangle" fill="#9C569F" stroke="#9C569F" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 145.674,201.23 85.741,184.449 116.906,253.972 "/> <polygon class="triangle" fill="#8A5198" stroke="#8A5198" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 126.496,71.775 56.973,52.596 78.549,76.569 "/> <polygon class="triangle" fill="#7D4D93" stroke="#7D4D93" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 140.879,-55.283 83.344,-131.998 56.973,52.596 "/> <polygon class="triangle" fill="#715094" stroke="#715094" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 136.084,594.393 35.397,615.968 109.714,663.914 "/> <polygon class="triangle" fill="#754B90" stroke="#754B90" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 83.344,-131.998 -38.92,-141.587 56.973,52.596 "/> <polygon class="triangle" fill="#5D4B8A" stroke="#5D4B8A" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 95.33,683.094 -149.197,759.808 13.821,886.865 "/> <polygon class="triangle" fill="#93549D" stroke="#93549D" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 116.906,253.972 85.741,184.449 11.423,333.084 "/> <polygon class="triangle" fill="#835198" stroke="#835198" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 44.986,438.565 11.423,333.084 -7.755,395.414 "/> <polygon class="triangle" fill="#794C92" stroke="#794C92" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 56.973,52.596 -38.92,-141.587 21.013,64.583 "/> <polygon class="triangle" fill="#875199" stroke="#875199" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 85.741,184.449 -62.894,265.958 11.423,333.084 "/> <polygon class="triangle" fill="#865097" stroke="#865097" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 85.741,184.449 -29.331,172.462 -62.894,265.958 "/> <polygon class="triangle" fill="#604B8A" stroke="#604B8A" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 95.33,683.094 -127.621,680.696 -149.197,759.808 "/> <polygon class="triangle" fill="#6C4F92" stroke="#6C4F92" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 109.714,663.914 35.397,615.968 95.33,683.094 "/> <polygon class="triangle" fill="#734A90" stroke="#734A90" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 21.013,64.583 -38.92,-141.587 -106.045,-9.734 "/> <polygon class="triangle" fill="#724F92" stroke="#724F92" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 44.986,438.565 -77.277,558.433 35.397,615.968 "/> <polygon class="triangle" fill="#8A5199" stroke="#8A5199" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 85.741,184.449 78.549,76.569 21.013,64.583 "/> <polygon class="triangle" fill="#885098" stroke="#885098" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 85.741,184.449 21.013,64.583 -29.331,172.462 "/> <polygon class="triangle" fill="#674D8E" stroke="#674D8E" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 95.33,683.094 35.397,615.968 -127.621,680.696 "/> <polygon class="triangle" fill="#864F97" stroke="#864F97" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 78.549,76.569 56.973,52.596 21.013,64.583 "/> <polygon class="triangle" fill="#654B8C" stroke="#654B8C" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 35.397,615.968 -94.059,606.38 -127.621,680.696 "/> <polygon class="triangle" fill="#714D91" stroke="#714D91" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 44.986,438.565 -115.635,476.923 -77.277,558.433 "/> <polygon class="triangle" fill="#784F94" stroke="#784F94" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 44.986,438.565 -7.755,395.414 -115.635,476.923 "/> <polygon class="triangle" fill="#6A4C8E" stroke="#6A4C8E" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 35.397,615.968 -77.277,558.433 -94.059,606.38 "/> <polygon class="triangle" fill="#7D4D94" stroke="#7D4D94" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 21.013,64.583 -96.456,129.31 -29.331,172.462 "/> <polygon class="triangle" fill="#774B92" stroke="#774B92" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 21.013,64.583 -106.045,-9.734 -96.456,129.31 "/> <polygon class="triangle" fill="#554885" stroke="#554885" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 13.821,886.865 -149.197,759.808 -213.925,850.906 "/> <polygon class="triangle" fill="#815097" stroke="#815097" stroke-width="2.3973" stroke-linejoin="round" stroke-miterlimit="1" points=" 11.423,333.084 -62.894,265.958 -7.755,395.414 "/> </g> <g id="Layer_2"> <g> <path fill="#FDFDFE" d="M73.519,414.429h-6.236c-0.448,0-0.774-0.367-0.774-0.774v-3.342c0-0.408,0.326-0.774,0.774-0.774h17.811 c0.448,0,0.774,0.367,0.774,0.774v3.342c0,0.407-0.326,0.774-0.774,0.774h-6.236v22.864c0,0.407-0.367,0.774-0.774,0.774h-3.79 c-0.408,0-0.774-0.367-0.774-0.774V414.429z"/> <path fill="#FDFDFE" d="M90.105,410.312c0-0.408,0.367-0.774,0.774-0.774h3.79c0.448,0,0.774,0.367,0.774,0.774v10.801h13.287 v-10.801c0-0.408,0.326-0.774,0.774-0.774h3.75c0.408,0,0.774,0.367,0.774,0.774v26.98c0,0.407-0.367,0.774-0.774,0.774h-3.75 c-0.448,0-0.774-0.367-0.774-0.774v-11.249H95.444v11.249c0,0.407-0.326,0.774-0.774,0.774h-3.79 c-0.408,0-0.774-0.367-0.774-0.774V410.312z"/> <path fill="#FDFDFE" d="M121.446,410.312c0-0.408,0.326-0.774,0.774-0.774h16.587c0.449,0,0.774,0.367,0.774,0.774v3.342 c0,0.407-0.326,0.774-0.774,0.774h-12.063v6.685h10.066c0.408,0,0.774,0.366,0.774,0.773v3.383c0,0.448-0.367,0.774-0.774,0.774 h-10.066v7.133h12.063c0.449,0,0.774,0.366,0.774,0.774v3.342c0,0.407-0.326,0.774-0.774,0.774H122.22 c-0.449,0-0.774-0.367-0.774-0.774V410.312z"/> <path fill="#FDFDFE" d="M154.416,410.312c0-0.408,0.326-0.774,0.774-0.774h9.333c4.85,0,8.6,3.261,8.6,7.54 c0,3.138-2.568,5.583-4.483,6.48c2.16,0.692,5.298,2.894,5.298,6.643c0,4.565-3.913,7.866-8.885,7.866h-9.863 c-0.449,0-0.774-0.367-0.774-0.774V410.312z M164.034,421.521c2.079,0,3.505-1.631,3.505-3.668c0-2.038-1.427-3.465-3.505-3.465 h-4.361v7.133H164.034z M164.605,433.258c2.038,0,3.668-1.589,3.668-3.708c0-2.038-2.038-3.546-4.157-3.546h-4.442v7.254H164.605z "/> <path fill="#FDFDFE" d="M179.561,410.312c0-0.408,0.326-0.774,0.774-0.774h16.587c0.449,0,0.774,0.367,0.774,0.774v3.342 c0,0.407-0.326,0.774-0.774,0.774h-12.063v6.685h10.066c0.408,0,0.774,0.366,0.774,0.773v3.383c0,0.448-0.367,0.774-0.774,0.774 h-10.066v7.133h12.063c0.449,0,0.774,0.366,0.774,0.774v3.342c0,0.407-0.326,0.774-0.774,0.774h-16.587 c-0.449,0-0.774-0.367-0.774-0.774V410.312z"/> <path fill="#FDFDFE" d="M201.853,434.073l1.467-2.526c0.326-0.571,1.019-0.571,1.386-0.286c0.204,0.123,3.505,2.527,6.154,2.527 c2.119,0,3.709-1.386,3.709-3.139c0-2.078-1.752-3.505-5.176-4.891c-3.831-1.549-7.662-3.994-7.662-8.803 c0-3.628,2.69-7.826,9.17-7.826c4.157,0,7.336,2.12,8.151,2.731c0.408,0.244,0.53,0.938,0.245,1.345l-1.549,2.323 c-0.326,0.489-0.938,0.815-1.426,0.489c-0.326-0.204-3.424-2.242-5.665-2.242c-2.323,0-3.587,1.549-3.587,2.854 c0,1.915,1.508,3.22,4.81,4.564c3.953,1.59,8.518,3.953,8.518,9.211c0,4.198-3.627,8.069-9.374,8.069 c-5.135,0-8.151-2.404-8.966-3.179C201.69,434.929,201.486,434.726,201.853,434.073z"/> <path fill="#FDFDFE" d="M229.444,414.429h-6.236c-0.448,0-0.774-0.367-0.774-0.774v-3.342c0-0.408,0.326-0.774,0.774-0.774h17.811 c0.448,0,0.774,0.367,0.774,0.774v3.342c0,0.407-0.326,0.774-0.774,0.774h-6.236v22.864c0,0.407-0.367,0.774-0.774,0.774h-3.79 c-0.408,0-0.774-0.367-0.774-0.774V414.429z"/> <path fill="#FDFDFE" d="M252.511,410.517c-0.163-0.571,0.163-0.979,0.733-0.979h3.75c0.326,0,0.652,0.285,0.734,0.57l4.238,16.262 h0.163l6.48-16.792c0.082-0.244,0.285-0.448,0.693-0.448h0.733c0.408,0,0.611,0.204,0.693,0.448l6.521,16.792h0.163l4.157-16.262 c0.082-0.285,0.407-0.57,0.733-0.57h3.75c0.571,0,0.897,0.408,0.734,0.979l-7.703,27.388c-0.082,0.326-0.407,0.57-0.733,0.57 h-0.652c-0.367,0-0.611-0.203-0.693-0.448l-7.295-18.462h-0.204l-7.214,18.462c-0.122,0.245-0.285,0.448-0.693,0.448h-0.652 c-0.326,0-0.652-0.244-0.734-0.57L252.511,410.517z"/> <path fill="#FDFDFE" d="M286.744,437.008l12.675-27.429c0.122-0.244,0.326-0.448,0.693-0.448h0.407 c0.408,0,0.571,0.204,0.693,0.448l12.553,27.429c0.245,0.529-0.082,1.06-0.693,1.06h-3.546c-0.611,0-0.896-0.244-1.182-0.815 l-1.997-4.401h-12.186l-1.997,4.401c-0.163,0.408-0.53,0.815-1.182,0.815h-3.546C286.825,438.067,286.499,437.537,286.744,437.008 z M304.35,428.326l-4.075-8.966h-0.123l-3.994,8.966H304.35z"/> <path fill="#FDFDFE" d="M320.815,424.333l-9.292-13.613c-0.326-0.529,0-1.182,0.652-1.182h4.157c0.326,0,0.53,0.204,0.652,0.367 l6.521,9.374l6.521-9.374c0.123-0.163,0.326-0.367,0.652-0.367h4.198c0.652,0,0.978,0.652,0.652,1.182l-9.415,13.572v13.001 c0,0.407-0.367,0.774-0.774,0.774h-3.75c-0.448,0-0.774-0.367-0.774-0.774V424.333z"/> <path fill="#FDFDFE" d="M351.951,414.429h-6.236c-0.448,0-0.774-0.367-0.774-0.774v-3.342c0-0.408,0.326-0.774,0.774-0.774h17.811 c0.448,0,0.774,0.367,0.774,0.774v3.342c0,0.407-0.326,0.774-0.774,0.774h-6.236v22.864c0,0.407-0.367,0.774-0.774,0.774h-3.79 c-0.408,0-0.774-0.367-0.774-0.774V414.429z"/> <path fill="#FDFDFE" d="M380.846,409.13c8.151,0,14.672,6.562,14.672,14.713s-6.521,14.631-14.672,14.631 c-8.151,0-14.631-6.479-14.631-14.631S372.695,409.13,380.846,409.13z M380.846,433.177c5.136,0,9.374-4.198,9.374-9.333 c0-5.136-4.238-9.415-9.374-9.415c-5.135,0-9.333,4.279-9.333,9.415C371.513,428.979,375.711,433.177,380.846,433.177z"/> <path fill="#FDFDFE" d="M409.863,410.312c0-0.408,0.326-0.774,0.774-0.774h9.578c5.013,0,9.129,4.075,9.129,9.007 c0,5.054-4.117,9.17-9.089,9.17h-5.094v9.578c0,0.407-0.367,0.774-0.774,0.774h-3.75c-0.449,0-0.774-0.367-0.774-0.774V410.312z M419.889,422.743c2.282,0,4.198-1.834,4.198-4.239c0-2.241-1.916-3.953-4.198-3.953h-4.728v8.192H419.889z"/> <path fill="#FDFDFE" d="M433.989,410.312c0-0.408,0.326-0.774,0.774-0.774h11.656c4.891,0,8.885,3.912,8.885,8.763 c0,3.749-2.486,6.806-6.032,8.232l5.584,10.353c0.285,0.529,0,1.182-0.693,1.182h-4.28c-0.367,0-0.57-0.204-0.652-0.367 l-5.42-10.8h-4.524v10.393c0,0.407-0.367,0.774-0.774,0.774h-3.75c-0.449,0-0.774-0.367-0.774-0.774V410.312z M445.971,422.539 c2.16,0,4.035-1.875,4.035-4.157c0-2.16-1.875-3.953-4.035-3.953h-6.643v8.11H445.971z"/> <path fill="#FDFDFE" d="M461.131,410.312c0-0.408,0.326-0.774,0.774-0.774h16.587c0.449,0,0.774,0.367,0.774,0.774v3.342 c0,0.407-0.326,0.774-0.774,0.774H466.43v6.685h10.066c0.408,0,0.774,0.366,0.774,0.773v3.383c0,0.448-0.367,0.774-0.774,0.774 H466.43v7.133h12.063c0.449,0,0.774,0.366,0.774,0.774v3.342c0,0.407-0.326,0.774-0.774,0.774h-16.587 c-0.449,0-0.774-0.367-0.774-0.774V410.312z"/> <path fill="#FDFDFE" d="M485.095,410.312c0-0.408,0.326-0.774,0.733-0.774h9.659c7.866,0,14.306,6.398,14.306,14.224 c0,7.907-6.439,14.306-14.306,14.306h-9.659c-0.408,0-0.733-0.367-0.733-0.774V410.312z M494.999,433.095 c5.298,0,9.17-3.994,9.17-9.333c0-5.298-3.872-9.292-9.17-9.292h-4.646v18.625H494.999z"/> <path fill="#FDFDFE" d="M515.171,410.312c0-0.408,0.367-0.774,0.774-0.774h3.79c0.408,0,0.774,0.367,0.774,0.774v26.98 c0,0.407-0.367,0.774-0.774,0.774h-3.79c-0.408,0-0.774-0.367-0.774-0.774V410.312z"/> <path fill="#FDFDFE" d="M540.561,409.13c4.116,0,7.092,1.304,9.863,3.791c0.367,0.326,0.367,0.815,0.041,1.141l-2.486,2.568 c-0.285,0.326-0.693,0.326-1.019,0c-1.712-1.508-3.994-2.405-6.277-2.405c-5.217,0-9.088,4.361-9.088,9.496 c0,5.095,3.913,9.415,9.129,9.415c2.445,0,4.524-0.938,6.236-2.323c0.326-0.285,0.774-0.244,1.019,0l2.527,2.608 c0.326,0.285,0.245,0.815-0.041,1.101c-2.771,2.69-6.276,3.953-9.904,3.953c-8.151,0-14.713-6.479-14.713-14.631 S532.41,409.13,540.561,409.13z"/> <path fill="#FDFDFE" d="M559.634,414.429h-6.236c-0.448,0-0.774-0.367-0.774-0.774v-3.342c0-0.408,0.326-0.774,0.774-0.774h17.811 c0.448,0,0.774,0.367,0.774,0.774v3.342c0,0.407-0.326,0.774-0.774,0.774h-6.236v22.864c0,0.407-0.367,0.774-0.774,0.774h-3.79 c-0.408,0-0.774-0.367-0.774-0.774V414.429z"/> <path fill="#FDFDFE" d="M598.064,414.429h-6.236c-0.448,0-0.774-0.367-0.774-0.774v-3.342c0-0.408,0.326-0.774,0.774-0.774h17.811 c0.448,0,0.774,0.367,0.774,0.774v3.342c0,0.407-0.326,0.774-0.774,0.774h-6.235v22.864c0,0.407-0.367,0.774-0.774,0.774h-3.792 c-0.407,0-0.774-0.367-0.774-0.774V414.429z"/> <path fill="#FDFDFE" d="M614.651,410.312c0-0.408,0.366-0.774,0.774-0.774h3.79c0.448,0,0.774,0.367,0.774,0.774v10.801h13.286 v-10.801c0-0.408,0.326-0.774,0.774-0.774h3.75c0.407,0,0.774,0.367,0.774,0.774v26.98c0,0.407-0.367,0.774-0.774,0.774h-3.75 c-0.448,0-0.774-0.367-0.774-0.774v-11.249H619.99v11.249c0,0.407-0.326,0.774-0.774,0.774h-3.79 c-0.408,0-0.774-0.367-0.774-0.774V410.312z"/> <path fill="#FDFDFE" d="M645.992,410.312c0-0.408,0.326-0.774,0.774-0.774h16.588c0.448,0,0.774,0.367,0.774,0.774v3.342 c0,0.407-0.326,0.774-0.774,0.774H651.29v6.685h10.067c0.407,0,0.774,0.366,0.774,0.773v3.383c0,0.448-0.367,0.774-0.774,0.774 H651.29v7.133h12.064c0.448,0,0.774,0.366,0.774,0.774v3.342c0,0.407-0.326,0.774-0.774,0.774h-16.588 c-0.448,0-0.774-0.367-0.774-0.774V410.312z"/> <path fill="#FDFDFE" d="M678.962,410.312c0-0.408,0.326-0.774,0.774-0.774h16.588c0.448,0,0.774,0.367,0.774,0.774v3.342 c0,0.407-0.326,0.774-0.774,0.774H684.26v7.662h10.067c0.407,0,0.774,0.367,0.774,0.774v3.342c0,0.408-0.367,0.774-0.774,0.774 H684.26v10.312c0,0.407-0.366,0.774-0.774,0.774h-3.749c-0.448,0-0.774-0.367-0.774-0.774V410.312z"/> <path fill="#FDFDFE" d="M701.539,410.312c0-0.408,0.367-0.774,0.774-0.774h3.872c0.448,0,0.774,0.367,0.774,0.774v16.669 c0,3.465,2.364,6.195,5.91,6.195s5.95-2.73,5.95-6.154v-16.71c0-0.408,0.326-0.774,0.774-0.774h3.872 c0.407,0,0.774,0.367,0.774,0.774v16.954c0,6.195-4.932,11.208-11.371,11.208c-6.399,0-11.331-5.013-11.331-11.208V410.312z"/> <path fill="#FDFDFE" d="M735.08,414.429h-6.236c-0.448,0-0.773-0.367-0.773-0.774v-3.342c0-0.408,0.325-0.774,0.773-0.774h17.811 c0.449,0,0.774,0.367,0.774,0.774v3.342c0,0.407-0.325,0.774-0.774,0.774h-6.235v22.864c0,0.407-0.367,0.774-0.774,0.774h-3.79 c-0.408,0-0.774-0.367-0.774-0.774V414.429z"/> <path fill="#FDFDFE" d="M751.259,410.312c0-0.408,0.367-0.774,0.774-0.774h3.872c0.448,0,0.774,0.367,0.774,0.774v16.669 c0,3.465,2.364,6.195,5.91,6.195s5.95-2.73,5.95-6.154v-16.71c0-0.408,0.326-0.774,0.774-0.774h3.872 c0.407,0,0.774,0.367,0.774,0.774v16.954c0,6.195-4.932,11.208-11.371,11.208c-6.399,0-11.331-5.013-11.331-11.208V410.312z"/> <path fill="#FDFDFE" d="M780.97,410.312c0-0.408,0.326-0.774,0.774-0.774H793.4c4.891,0,8.885,3.912,8.885,8.763 c0,3.749-2.486,6.806-6.032,8.232l5.584,10.353c0.285,0.529,0,1.182-0.693,1.182h-4.279c-0.366,0-0.57-0.204-0.652-0.367 l-5.42-10.8h-4.524v10.393c0,0.407-0.366,0.774-0.774,0.774h-3.749c-0.448,0-0.774-0.367-0.774-0.774V410.312z M792.952,422.539 c2.16,0,4.034-1.875,4.034-4.157c0-2.16-1.874-3.953-4.034-3.953h-6.644v8.11H792.952z"/> <path fill="#FDFDFE" d="M808.111,410.312c0-0.408,0.326-0.774,0.774-0.774h16.588c0.448,0,0.774,0.367,0.774,0.774v3.342 c0,0.407-0.326,0.774-0.774,0.774h-12.064v6.685h10.067c0.407,0,0.774,0.366,0.774,0.773v3.383c0,0.448-0.367,0.774-0.774,0.774 h-10.067v7.133h12.064c0.448,0,0.774,0.366,0.774,0.774v3.342c0,0.407-0.326,0.774-0.774,0.774h-16.588 c-0.448,0-0.774-0.367-0.774-0.774V410.312z"/> <path fill="#FDFDFE" d="M841.081,410.312c0-0.408,0.366-0.774,0.774-0.774h3.79c0.407,0,0.774,0.367,0.774,0.774v26.98 c0,0.407-0.367,0.774-0.774,0.774h-3.79c-0.408,0-0.774-0.367-0.774-0.774V410.312z"/> <path fill="#FDFDFE" d="M852.166,434.073l1.467-2.526c0.326-0.571,1.02-0.571,1.386-0.286c0.204,0.123,3.505,2.527,6.154,2.527 c2.119,0,3.709-1.386,3.709-3.139c0-2.078-1.753-3.505-5.176-4.891c-3.831-1.549-7.662-3.994-7.662-8.803 c0-3.628,2.689-7.826,9.17-7.826c4.157,0,7.336,2.12,8.151,2.731c0.407,0.244,0.529,0.938,0.244,1.345l-1.549,2.323 c-0.326,0.489-0.938,0.815-1.427,0.489c-0.325-0.204-3.423-2.242-5.665-2.242c-2.323,0-3.586,1.549-3.586,2.854 c0,1.915,1.508,3.22,4.809,4.564c3.954,1.59,8.519,3.953,8.519,9.211c0,4.198-3.628,8.069-9.374,8.069 c-5.136,0-8.151-2.404-8.967-3.179C852.003,434.929,851.799,434.726,852.166,434.073z"/> <path fill="#FDFDFE" d="M888.763,414.429h-6.235c-0.449,0-0.774-0.367-0.774-0.774v-3.342c0-0.408,0.325-0.774,0.774-0.774h17.81 c0.448,0,0.774,0.367,0.774,0.774v3.342c0,0.407-0.326,0.774-0.774,0.774h-6.235v22.864c0,0.407-0.367,0.774-0.774,0.774h-3.79 c-0.408,0-0.774-0.367-0.774-0.774V414.429z"/> <path fill="#FDFDFE" d="M917.659,409.13c8.151,0,14.672,6.562,14.672,14.713s-6.521,14.631-14.672,14.631 s-14.632-6.479-14.632-14.631S909.508,409.13,917.659,409.13z M917.659,433.177c5.135,0,9.374-4.198,9.374-9.333 c0-5.136-4.239-9.415-9.374-9.415c-5.136,0-9.333,4.279-9.333,9.415C908.326,428.979,912.523,433.177,917.659,433.177z"/> <path fill="#FDFDFE" d="M959.309,409.13c4.117,0,7.092,1.304,9.863,3.791c0.367,0.326,0.367,0.815,0.041,1.141l-2.486,2.568 c-0.285,0.326-0.692,0.326-1.019,0c-1.712-1.508-3.994-2.405-6.276-2.405c-5.217,0-9.089,4.361-9.089,9.496 c0,5.095,3.912,9.415,9.129,9.415c2.445,0,4.524-0.938,6.236-2.323c0.326-0.285,0.774-0.244,1.019,0l2.527,2.608 c0.326,0.285,0.244,0.815-0.041,1.101c-2.771,2.69-6.276,3.953-9.904,3.953c-8.15,0-14.713-6.479-14.713-14.631 S951.158,409.13,959.309,409.13z"/> <path fill="#FDFDFE" d="M974.551,410.312c0-0.408,0.326-0.774,0.774-0.774h11.656c4.891,0,8.885,3.912,8.885,8.763 c0,3.749-2.486,6.806-6.032,8.232l5.584,10.353c0.285,0.529,0,1.182-0.693,1.182h-4.279c-0.366,0-0.57-0.204-0.652-0.367 l-5.42-10.8h-4.524v10.393c0,0.407-0.366,0.774-0.774,0.774h-3.749c-0.448,0-0.774-0.367-0.774-0.774V410.312z M986.533,422.539 c2.16,0,4.034-1.875,4.034-4.157c0-2.16-1.874-3.953-4.034-3.953h-6.644v8.11H986.533z"/> <path fill="#FDFDFE" d="M1001.692,410.312c0-0.408,0.326-0.774,0.774-0.774h16.588c0.448,0,0.774,0.367,0.774,0.774v3.342 c0,0.407-0.326,0.774-0.774,0.774h-12.064v6.685h10.067c0.407,0,0.774,0.366,0.774,0.773v3.383c0,0.448-0.367,0.774-0.774,0.774 h-10.067v7.133h12.064c0.448,0,0.774,0.366,0.774,0.774v3.342c0,0.407-0.326,0.774-0.774,0.774h-16.588 c-0.448,0-0.774-0.367-0.774-0.774V410.312z"/> <path fill="#FDFDFE" d="M1021.947,437.008l12.675-27.429c0.123-0.244,0.326-0.448,0.693-0.448h0.407 c0.408,0,0.57,0.204,0.693,0.448l12.553,27.429c0.244,0.529-0.082,1.06-0.693,1.06h-3.545c-0.611,0-0.897-0.244-1.183-0.815 l-1.997-4.401h-12.186l-1.997,4.401c-0.163,0.408-0.53,0.815-1.183,0.815h-3.546 C1022.028,438.067,1021.703,437.537,1021.947,437.008z M1039.554,428.326l-4.075-8.966h-0.122l-3.994,8.966H1039.554z"/> <path fill="#FDFDFE" d="M1055,414.429h-6.236c-0.448,0-0.773-0.367-0.773-0.774v-3.342c0-0.408,0.325-0.774,0.773-0.774h17.811 c0.449,0,0.774,0.367,0.774,0.774v3.342c0,0.407-0.325,0.774-0.774,0.774h-6.235v22.864c0,0.407-0.367,0.774-0.774,0.774h-3.79 c-0.408,0-0.774-0.367-0.774-0.774V414.429z"/> <path fill="#FDFDFE" d="M1071.586,410.312c0-0.408,0.326-0.774,0.774-0.774h16.588c0.448,0,0.774,0.367,0.774,0.774v3.342 c0,0.407-0.326,0.774-0.774,0.774h-12.064v6.685h10.067c0.407,0,0.774,0.366,0.774,0.773v3.383c0,0.448-0.367,0.774-0.774,0.774 h-10.067v7.133h12.064c0.448,0,0.774,0.366,0.774,0.774v3.342c0,0.407-0.326,0.774-0.774,0.774h-16.588 c-0.448,0-0.774-0.367-0.774-0.774V410.312z"/> <path fill="#FDFDFE" d="M1104.557,410.312c0-0.408,0.366-0.774,0.774-0.774h3.79c0.407,0,0.774,0.367,0.774,0.774v26.98 c0,0.407-0.367,0.774-0.774,0.774h-3.79c-0.408,0-0.774-0.367-0.774-0.774V410.312z"/> <path fill="#FDFDFE" d="M1121.144,414.429h-6.235c-0.449,0-0.774-0.367-0.774-0.774v-3.342c0-0.408,0.325-0.774,0.774-0.774h17.81 c0.448,0,0.774,0.367,0.774,0.774v3.342c0,0.407-0.326,0.774-0.774,0.774h-6.235v22.864c0,0.407-0.367,0.774-0.774,0.774h-3.79 c-0.408,0-0.774-0.367-0.774-0.774V414.429z"/> </g> </g> </svg> </div>
body{ background: #FFF; padding: 0; margin: 0; } #container{ margin:0; padding:0; display: inline-block; position: relative; width: 100%; padding-bottom: 67%; vertical-align: middle; overflow: hidden; } .svg-content { display: inline-block; position: absolute; top: 0; left: 0; } polygon { fill-opacity: 1; -webkit-transition: all 0.1s linear; } polygon:hover{ fill-opacity: 0.7; } .over { -webkit-animation: demo 3s; -moz-animation: demo 3s; -o-animation: demo 3s; animation: demo 3s; } @keyframes demo { 0% {fill-opacity:1;} 50% {fill-opacity:0.7;} 100% {fill-opacity:1;} } @-moz-keyframes demo { /* Firefox */ 0% {fill-opacity:1;} 50% {fill-opacity:0.7;} 100% {fill-opacity:1;} } @-webkit-keyframes demo { /* Safari and Chrome */ 0% {fill-opacity:1;} 50% {fill-opacity:0.7;} 100% {fill-opacity:1;} } @-o-keyframes demo { /* Opera */ 0% {fill-opacity:1;} 50% {fill-opacity:0.7;} 100% {fill-opacity:1;} } path { -webkit-transition: all 0.1s linear; } path:hover{ fill: #444; }
SVGElement.prototype.hasClass = function (className) { return new RegExp('(\\s|^)' + className + '(\\s|$)').test(this.getAttribute('class')); }; SVGElement.prototype.addClass = function (className) { if (!this.hasClass(className)) { this.setAttribute('class', this.getAttribute('class') + ' ' + className); } }; SVGElement.prototype.removeClass = function (className) { var removedClass = this.getAttribute('class').replace(new RegExp('(\\s|^)' + className + '(\\s|$)', 'g'), '$2'); if (this.hasClass(className)) { this.setAttribute('class', removedClass); } }; SVGElement.prototype.toggleClass = function (className) { if (this.hasClass(className)) { this.removeClass(className); } else { this.addClass(className); } }; $(function() { var polygons = $('polygon'); var length = polygons.length; setInterval(function(){ var polygon = polygons[Math.floor(Math.random()*length)]; polygon.toggleClass('over'); },500); });

Related: See More


Questions / Comments:

HI ,tnx for your works ,
How can i change the text in this,

Majid () - 4 years ago - Reply 0


You would need to re-draw it in Adobe illustrator or similar vector program.

maxsurguy () - 4 years ago - Reply 0


tnx ,,, your work is the best,

Majid () - 4 years ago - Reply 0


thats really cool,but i included the css and the js(including jqeury) in my html file but the animation doesnt seems to work

Anmol Shukla () - 5 years ago - Reply 0


Hi! What browser are you using? What exactly is showing up? PS you can download the complete HTML of the snippet by registering on the site.

maxsurguy () - 5 years ago - Reply 0


had some problem with jQuery,nonetheless thanks a lot! :)

Anmol Shukla () - 5 years ago - Reply 0


Excelente !!

Stivenson Rincon Mora () - 5 years ago - Reply 0