Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

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

+ add another resource

JavaScript

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

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>HTML5 GSAP Animated Boxing Day Confetti Banner Sale for Flight Centre - Coded by Bradley Lancaster</title>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800&text=1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz%20*$" rel="stylesheet">
		<style type="text/css">
			/*@import @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800');
      */
			body { padding: 10px; font-family: 'Open Sans', 'Droid Sans', Arial, sans-serif; background: black}
            
            a#myAdlink{ 
                display: inline-block; 
                background-color: #ff0000;
                text-decoration: none;
            }
            #myAd{
                width: 728px; 
                height: 90px;
                position: relative;
                overflow: hidden;
            }

            #booknow{
              text-align: center;
              width: 728px;
              line-height: 90px;
              color: white;
              z-index: 30;
              background: none;
              position: absolute;
              text-transform: uppercase;
              font-weight: 700;
              font-size: 32px;
              transform: scale(0);
              transition: all 0.2s 0.1s ease;
            }

            #myAd::before{
              padding: 10px;
              border: 8px solid white;
              content: '';
              position: absolute;
              width: 693px;
              height: 54px;
              left: 0px;
              top: 0px;
              opacity: 0;
              
              background: #ff0000;
              z-index: 20;
              transition: all 0.2s ease;
            }

            a#myAdlink:hover #myAd::before{

              opacity: 1;

            }

             a#myAdlink:hover #booknow{

               transform: scale(1);

            }


            #myAd svg{
                position: absolute;
            }
           
            .logo{
              fill-rule:evenodd;
              clip-rule:evenodd;
              fill:#FFFFFF;
            }

            #logo{
              bottom: 35px;
              left: 35%;
              margin-left: -139px;
              transform: scale(0);
              opacity: 0;
              z-index: 10;
            }

            
            .arrow{fill:#FFFFFF;}

            #arrow{
              top: 5px;
              right: 5px;
              opacity: 0;
            }

            .c1{fill-rule:evenodd;clip-rule:evenodd;fill:#C2749D;} .c1g path, .c1g circle{fill-rule:evenodd;clip-rule:evenodd;fill:#531E5B;}

            #c1{
              left: 40px;
              top: -50px;
            }

             #c1x{
              left: 640px;
              top: -75px;
            }

              #c1x2{
              left: 550px;
              top: -75px;
            }

            .c2{fill-rule:evenodd;clip-rule:evenodd;fill:#F1CB15;} .c2p path{fill-rule:evenodd;clip-rule:evenodd;fill:#2AB0A5;}

            #c2{
             top: -50px;
            }

            #c2x{
             top: -55px;
             left: 370px;
            }

             #c2x2{
             top: -55px;
             left: 650px;
            }

            .c3{fill-rule:evenodd;clip-rule:evenodd;fill:#EF5032;} g.c3g path{fill-rule:evenodd;clip-rule:evenodd;fill:#F5EA14;}

             #c3{
              left: 445px;
              top: -28px;
            }

            #c3x{
              left: 415px;
              top: -35px;
            }

            #c3x2{
              left: 235px;
              top: -35px;
            }

            .c4{fill-rule:evenodd;clip-rule:evenodd;fill:#531E5B;} .c4g path, .c4g circle{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}

             #c4{
              left: 75px;
            }

            #c4x{
              left: 325px;
              top: -35px;
            }

            #c4x2{
              left: 625px;
              top: -135px;
            }

            .c5{clip-path:url(#XMLID_51_);} .c5g path, .c5g ellipse{fill-rule:evenodd;clip-rule:evenodd;fill:#EB008B;} .st2{clip-path:url(#XMLID_52_);}

            #c5{
              left: 45px;
              top: -40px;
            }

             #c5x{
              left: 225px;
              top: -20px;
            }

              #c5x3{
              left: 55px;
              top: -20px;
            }
            .c6{fill-rule:evenodd;clip-rule:evenodd;fill:#EB008B;} .c6g path, .c6g circle{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}

            #c6{
              top: -80px;
            }
            #c6x{
              left: 105px;
              top: -150px;
            }

            .c7{fill-rule:evenodd;clip-rule:evenodd;fill:#00ADEE;}

            #c7{
              left: 85px;
              top: -50px;
            }

             #c7x{
              left: 195px;
              top: -120px;
            }

            .c8{fill-rule:evenodd;clip-rule:evenodd;fill:#531E5B;}

            #c8{
              left: 55px;
               top: -80px;
            }

             #c8x{
              left: 155px;
               top: -250px;
            }

            .c9{fill-rule:evenodd;clip-rule:evenodd;fill:#8BC541;}

            #c9{
              left: 105px;
              top: -100px;
            }

              #c9x{
              left: 235px;
              top: -50px;
            }

            .c10{fill-rule:evenodd;clip-rule:evenodd;fill:#FFF100;}

            #c10{
              left: 420px;
              top: -150px;
            }

            #c10x{
              left: 250px;
              top: -100px;
            }

            #sale_text{
              position: absolute;
              left: 0;
              top: -55px;
              left: 125px;
            }

            #myAd #ny{
              position: relative;
              color: white;
              text-align: center;
              top: 25px;
               font-size: 35px;
               line-height: 25px;
              font-weight: 700;
              text-decoration: none;
              transform:  scale(0);
              opacity: 0;
            }

            #nysale{
               position: relative;
               z-index: 10;
               top: -20px;
               color: white;
               text-align: center;
               margin: 0;
               padding: 0;
               font-size: 55px;
               line-height: 70px;
               font-weight: 700;
               transform:  scale(0);
               opacity: 0;
            }

            #ic{
              background: white;
              width: 180px;
              height: 180px;
              left: 75%;
              margin-left: -90px;
              top: -45px;
              position: absolute;
              border-radius: 100%;
              z-index: 12;
              transform: scale(0);
              overflow: hidden;
            }

            #i1{
              opacity: 1;
              position: absolute;
              width: 100%;
              transform: scale(0);
              height: 100%;
            }

            #p1, #pd, #pp, #ca{
              width: 100%;
              position: relative;
              display: block;
              text-align: center;
            }

            #p1{
              top: 45px;
              color: black;
              font-weight: 700;
              font-size: 25px;
            }

            #pd{
              top: 42px;
              font-size: 11px;
              color: black;
              font-weight: 400;
            }

            #pp{
              top: 45px;
              font-size: 45px;
              font-weight: 800;
              color: #ff0000;
              line-height: 45px;
            }

            #d1{
              font-size: 24px;
              top: -10px;
              left: 35px;
              position: absolute;
            }

            #ast{
              font-size: 18px;
              position: absolute;
              top: -10px;
              right: 40px;
            }

            #ca{
              color: black;
              font-size: 8px;
              top:150px;
              position: absolute;
              opacity: 0;
            }


            #i2{
              position: absolute;
              top: 0;
              width: 100%;
              height: 100%;
              opacity: 1;
            }

            #pp2{
              position: absolute;
              top: 95px;
             /* left: 50px; Ending State*/
              left: -140px;
              font-size: 45px;
              font-weight: 800;
              color: #ff0000;
              line-height: 45px;
            }

            #p2{
              width: 100%;
              text-align: center;
              position: absolute;
              /*left: 0px; Ending State*/
              left: -160px;
              top: 45px;
              color: black;
              font-weight: 700;
              font-size: 25px;
              opacity: 0;
            }

            #pd2{
              width: 100%;
              text-align: center;
              position: absolute;
              /*left: 0; Ending State*/
              left: -150px;
              top: 76px;
              font-size: 11px;
              color: black;
              font-weight: 400;
            }

            #d2{
              position: absolute;
              font-size: 24px;
              top: -10px;
              left: -15px;
              position: absolute;
            }

            #ast2{
              font-size: 18px;
              position: absolute;
              top: -10px;
              right: -10px;
            }

            #from{
              position: absolute;
              top: 122px;
              /*left: 20px; Ending State*/
              left: -200px;
              color: black;
              font-size: 11px;
            }

		</style>
	</head>
	<body>

		<a id="myAdlink" href="https://www.flightcentre.com.au/promotions">

        <span id="booknow">Book Now!</span>
		    
		    <div id="myAd">

                <div id="ic">
                  <div id="i1">
                    <span id="p1">Dublin</span>
                    <span id="pd">return from</span>
                    <span id="pp"><span id="d1">$</span>999<span id="ast">*</span></span>
                  </div>
                  <div id="i2">
                    <span id="p2">Caribbean</span>
                    <span id="pd2">10-night Cruise</span>
                    <span id="from">from</span>
                    <span id="pp2"><span id="d2">$</span>1299<span id="ast2">*</span></span>
                  </div>
                  <span id="ca">*Conditions Apply</span>
                </div>
                <div id="sale_text">
                    <p id="ny">BOXING DAY</p>
                    <p id="nysale">SALE</p>
                </div>

                <svg id="logo" xmlns="http://www.w3.org/2000/svg" width="278" height="25" viewBox="0 0 395 35">
                 
                  <path class="logo" d="M11.7 23.4h11.9v-9.5H11.7V10h11.9V.4H0v34.1h11.7V23.4zM53.7 24.8H39.4V.5H27.7v34.1h26v-9.8zM57.5.4h12.1v34.1H57.5zM92.4 35c5.5 0 11-1.7 15-4.6l.1-.1V15.5H93.1v7.4h3.6v1.7c-.1.1-.3.1-.3.1-1.6.7-2.4 1-4.2 1-6.3 0-8.9-2.3-8.9-7.9 0-6.2 2.6-8.4 10.1-8.4 3.8 0 7.9 1 11.7 2.8l1 .4V2.9l-.2-.1c-2.1-.9-2.9-1.2-4.5-1.6C98.8.4 95.7 0 92.7 0 80.5 0 72.3 7 72.3 17.5c0 10.3 8.3 17.5 20.1 17.5zM144 .4h-11.3v11.7h-11.2V.4h-11.3v34.1h11.3V22.7h11.2v11.8H144V.4zM169.7 10.3H180V.4h-33.1v9.9h10.3v24.3h12.6c-.1 0-.1-23.7-.1-24.3zM289.2 10.3h10.3v24.3h12.6V10.3h10.2V.4h-33.1v9.9zM221.4 31.4V20.5l-.5.5s-3.9 3.9-9.8 4.2c-4.5.2-7.4-1.8-8.7-3.1-1.6-1.5-2.5-3.3-2.5-4.9 0-3.2 3.4-7.9 10.6-7.9 4.7 0 7.8 1.1 10 3.5l.5.6V3.1l-.1-.1c-1.1-.7-1.5-.9-2.9-1.3-3.3-1.2-5.7-1.6-9.2-1.6-4.2 0-7.8.8-10.9 2.4-5.9 3-9.4 8.7-9.4 15.1 0 10.2 8.1 17.3 19.6 17.3 4.8 0 8.8-1 13.2-3.4l.1-.1zM249.5 25.9h-13.8V22h12.7v-8.6h-12.7V9h13.4V.5h-24.7v34h25.1v-8.6zM371 22.1h12.7v-8.6H371V9.1h13.4V.5h-24.8v34h25.1V26h-13.8c.1-.5.1-3.4.1-3.9zM287.4.5h-11.1v16.8c-1-1.2-13.8-16.8-13.8-16.8h-10.3v34h11.2V18c1 1.1 14.3 16.5 14.3 16.5h9.7V.5zM391.4 5c.5-.2 1-.6 1-1.3 0-.5-.2-.8-.5-1-.3-.2-.8-.4-1.6-.4-.6 0-1 .1-1.4.1v5h.8V5.3h.6c.6 0 1 .2 1.1.9.1.7.2 1.1.3 1.3h.8c-.1-.2-.2-.5-.3-1.2-.1-.8-.4-1.2-.8-1.3zm-1.1-.3h-.6V3h.6c.9 0 1.2.4 1.2.9s-.5.8-1.2.8z"/>
                  <path class="logo" d="M390.6.4c-2.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5 4.4-2 4.4-4.5c0-2.6-2-4.5-4.4-4.5zm0 8.2c-2 0-3.6-1.7-3.6-3.8 0-2.1 1.6-3.8 3.6-3.8s3.6 1.7 3.6 3.8c0 2.2-1.6 3.8-3.6 3.8zM356.6 31.6l-1-2.2-.9-1.9-1.3-2.8c-1.5-3.3-2.9-4.7-4.5-5.6.7-.4 1.3-.9 1.7-1.4l.7-.7c1.9-1.7 2.9-4.1 2.9-6.6 0-3.2-1.8-6.4-4.5-8.2-2.2-1.4-4-1.7-8.9-1.7h-16.6v34h10.7v-13h.9c1.5 0 1.6 0 2.3.2 1.3.4 1.7 1.4 2.8 3.7l.3.7 1.3 2.8 1 2.2.6 1.5.9 2h12.7l-.4-1c.2-.1-.7-2-.7-2zM340 14.1h-1-3.7V8.3h3.9c3.2 0 4.1.7 4.1 2.9-.1 1.9-1.2 2.8-3.3 2.9z"/>
                </svg>

                <svg id="arrow" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 99.1 99.1">
                  
                  <path class="arrow" d="M56.7 51.1h42.4V8.8c-.1-9.3-5.6-11.6-12.2-5l-9.5 9.6C69 6.8 58.7 3.2 47.9 3.2c-12.8 0-24.8 5-33.9 14C5 26.3 0 38.3 0 51.1 0 63.9 5 76 14 85c9.1 9.1 21.1 14.1 33.9 14.1 12.8 0 24.9-5 33.9-14.1 2.5-2.5 4.6-5.1 6.4-7.9 2.9-4.5 1.6-10.4-2.9-13.3-4.4-2.9-10.3-1.6-13.2 2.9-1.1 1.7-2.4 3.3-3.9 4.8-5.4 5.4-12.7 8.4-20.3 8.4-7.7 0-14.9-3-20.3-8.4s-8.4-12.7-8.4-20.3c0-7.7 3-14.9 8.4-20.3s12.7-8.5 20.3-8.5c5.7 0 11.1 1.7 15.8 4.8l-11.9 12c-6.7 6.5-4.4 11.9 4.9 11.9zm0 0"/>

                </svg>

                <svg id="c1" xmlns="http://www.w3.org/2000/svg" width="28" height="31" viewBox="0 0 91.6 98">
                  
                  <g>
                    <path class="c1" d="M91.6 98L0 0l82.1 23.5z"/>
                    <g class="c1g">
                      <path d="M22.2 8.4c.7 1.8 2.7 2.6 4.5 1.9 1-.4 1.7-1.2 2-2.1L22 6.3c-.1.7-.1 1.4.2 2.1z"/>
                      <path d="M11.7 12.5c.2 0 .4-.1.6-.2 1.8-.7 2.6-2.7 1.9-4.5-.7-1.8-2.7-2.6-4.5-1.9-1 .4-1.8 1.3-2 2.3l4 4.3z"/>
                      <path d="M59 16.9c.9 1.4 2.7 2.1 4.3 1.4.1 0 .2-.1.3-.1L59 16.9z"/>
                      <circle cx="33.2" cy="19.1" r="3.4"/>
                      <path d="M21.6 23.1c.7-.9.9-2.2.4-3.3-.7-1.8-2.7-2.6-4.5-1.9-.2.1-.4.2-.5.3l4.6 4.9z"/>
                      <path d="M44.4 18.4c.7 1.8 2.7 2.6 4.5 1.9 1.8-.7 2.6-2.7 1.9-4.5-.3-.8-.9-1.4-1.6-1.7l-1.4-.4c-.5 0-1 0-1.5.2-1.7.8-2.6 2.8-1.9 4.5z"/>
                      <circle cx="71.9" cy="25.4" r="3.4"/>
                      <circle cx="43.1" cy="29.4" r="3.4"/>
                      <path d="M31.4 33.6c.8-.9 1-2.3.5-3.5-.7-1.8-2.7-2.6-4.5-1.9-.3.1-.5.2-.7.4l4.7 5z"/>
                      <path d="M54.3 28.7c.7 1.8 2.7 2.6 4.5 1.9 1.8-.7 2.6-2.7 1.9-4.5-.7-1.8-2.7-2.6-4.5-1.9-1.7.7-2.6 2.7-1.9 4.5z"/>
                      <circle cx="65.4" cy="39.4" r="3.4"/>
                      <path d="M40 42.8c0-.2-.1-.5-.2-.7-.4-1.1-1.3-1.8-2.4-2l2.6 2.7z"/>
                      <circle cx="79.7" cy="37.4" r="3.4"/>
                      <path d="M47.8 42.7c.7 1.8 2.7 2.6 4.5 1.9 1.8-.7 2.6-2.7 1.9-4.5-.7-1.8-2.7-2.6-4.5-1.9-1.8.7-2.6 2.7-1.9 4.5z"/>
                      <circle cx="75.5" cy="51.8" r="3.4"/>
                      <path d="M58 55.1c.7 1.8 2.7 2.6 4.5 1.9 1.8-.7 2.6-2.7 1.9-4.5-.7-1.8-2.7-2.6-4.5-1.9-1.8.7-2.6 2.7-1.9 4.5z"/>
                      <circle cx="69" cy="65.8" r="3.4"/>
                      <circle cx="83.4" cy="63.8" r="3.4"/>
                      <circle cx="78.9" cy="76" r="3.4"/>
                      <path d="M83.6 89.3l1.6 1.8c.9.5 1.9.5 2.9.1 1.8-.7 2.6-2.7 1.9-4.5-.7-1.8-2.7-2.6-4.5-1.9-1.8.8-2.7 2.8-1.9 4.5z"/>
                    </g>
                  </g>
                </svg>

                <svg id="c2" xmlns="http://www.w3.org/2000/svg" width="27" height="20" viewBox="0 0 98 73.5">
                 
                  <g>
                    <path class="c2" d="M98 25.3L14.9 73.5 0 47.3 83.6 0z"/>
                    <g class="c2p">
                      <path d="M98 25.3l-4.2 2.4-.3-10.3z"/>
                      <path d="M87.9 31.1L82 34.6l-.9-33.2L83.6 0l3.6 6.4z"/>
                      <path d="M76.1 38l-5.9 3.4-.9-33.3 5.9-3.3z"/>
                      <path d="M64.3 44.8l-5.9 3.4-.9-33.4 5.9-3.4z"/>
                      <path d="M52.5 51.7l-5.9 3.4-.9-33.6 5.9-3.4z"/>
                      <path d="M40.7 58.5l-5.9 3.4-.9-33.7 5.9-3.4z"/>
                      <path d="M28.9 65.3L23 68.8l-.9-34 5.9-3.3z"/>
                      <path d="M17.1 72.2l-2.2 1.3-4-7-.6-25 5.9-3.3z"/>
                      <path d="M0 47.3l4.3-2.4.3 10.6z"/>
                    </g>
                  </g>
                </svg>

                <svg id="c3" xmlns="http://www.w3.org/2000/svg" width="25" height="30" viewBox="0 0 81.6 98">
                
                  <g>
                    <path class="c3" d="M53.1 53.1L81.6 8.3C56.8-7.4 24-.1 8.3 24.7-7.4 49.5-.1 82.3 24.7 98l28.4-44.9z"/>
                    <g class="c3g">
                      <path d="M47.8.3L44.2 4l-1-3c1.5-.3 3-.6 4.6-.7z"/>
                      <path d="M45.8 8.7l16 2.2L58.1.2C56.9.1 55.6 0 54.4 0l-8.6 8.7z"/>
                      <path d="M63.4 15.7L52.1 27.2l-4.7-13.7z"/>
                      <path d="M53.7 31.9l11.9 1.6 2.5-4-3.1-9z"/>
                      <path d="M58.2 45.1l-2.9-8.4 7.6 1z"/>
                      <path d="M51.5 55.7l-9.9-1.3 3.7 11z"/>
                      <path d="M39.9 49.6l11.3-11.5 4 11.7-1 1.7z"/>
                      <path d="M49.6 33.3l-16-2.2 4.7 13.7z"/>
                      <path d="M32 26.4l11.3-11.5L48 28.5z"/>
                      <path d="M41.7 10.1l-16-2.2 4.7 13.7z"/>
                      <path d="M38.9 1.9l1.2 3.4-7.8-1.1c2.1-.8 4.4-1.6 6.6-2.3z"/>
                      <path d="M74.3 19.7l-5-.7 1.9 5.6z"/>
                      <path d="M67.7 14.2l8.7-8.9c1.4.7 2.9 1.5 4.3 2.3l.4 1.4-4.1 6.5-9.3-1.3z"/>
                      <path d="M63.1.9L66 9.4l5.9-6c-2.8-1.1-5.8-1.9-8.8-2.5z"/>
                      <path d="M11 20.8l15.5 2.1L22.1 10c-1.7 1.2-3.3 2.5-4.8 3.9l-3.8 3.8c-.9 1-1.7 2-2.5 3.1z"/>
                      <path d="M28.2 27.7L16.8 39.2l-4.6-13.7z"/>
                      <path d="M18.5 43.9l16 2.2-4.7-13.6z"/>
                      <path d="M36.1 50.9L24.8 62.4l-4.7-13.7z"/>
                      <path d="M26.4 67.1l16 2.2-4.7-13.6z"/>
                      <path d="M32.6 85.5L28 71.9l12.2 1.7z"/>
                      <path d="M28.8 91.6l-14.3-2c2.9 3 6.1 5.8 9.8 8.1l1.5-1.6 3-4.5z"/>
                      <path d="M12.6 84.8l11.3-11.5L28.6 87z"/>
                      <path d="M22.3 68.5l-16-2.1L11 80z"/>
                      <path d="M4.7 61.6L16 50.1l4.7 13.7z"/>
                      <path d="M14.4 45.3L.9 43.5c-.3 1.6-.5 3.3-.7 4.9l2.9 8.4 11.3-11.5z"/>
                      <path d="M5.6 29.5l2.6-2.6 4.7 13.7-11-1.5c.9-3.3 2.1-6.5 3.7-9.6z"/>
                    </g>
                  </g>
                </svg>

                <svg id="c4" xmlns="http://www.w3.org/2000/svg" width="31" height="36" viewBox="0 0 84 98">
               
                  <g>
                    <path class="c4" d="M66.6 98L0 19.8 84 0z"/>
                    <g class="c4g">
                      <path d="M9.1 17.7c.3.3.5.8.7 1.2.5 1.7-.5 3.4-2.2 3.9-1.7.5-3.4-.5-3.9-2.2-.2-.6-.2-1.1 0-1.7l5.4-1.2z"/>
                      <path d="M22.4 14.5c.1.2.2.5.3.7.5 1.7-.5 3.4-2.2 3.9-1.7.5-3.4-.5-3.9-2.2-.1-.4-.1-.7-.1-1.1l5.9-1.3z"/>
                      <path d="M35.5 11.4c0 .1 0 .1.1.2.5 1.7-.5 3.4-2.2 3.9-1.6.5-3.4-.5-3.8-2.2 0-.2-.1-.3-.1-.5l6-1.4z"/>
                      <path d="M48.6 8.4c.2 1.5-.7 3.1-2.2 3.5-1.6.5-3.3-.5-3.8-2.1l6-1.4z"/>
                      <path d="M61.5 5.3c0 1.3-.9 2.5-2.3 2.9-1.4.4-2.9-.3-3.6-1.5l5.9-1.4z"/>
                      <path d="M74.3 2.3c-.3 1.1-1.1 2-2.2 2.3-1.2.3-2.5-.1-3.3-1l5.5-1.3z"/>
                      <path d="M83.8 1c-.6-.1-1.1-.3-1.6-.6L84 0l-.2 1z"/>
                      <circle cx="15" cy="26.4" r="3.1"/>
                      <circle cx="27.9" cy="22.7" r="3.1"/>
                      <circle cx="40.8" cy="19.1" r="3.1"/>
                      <circle cx="53.7" cy="15.4" r="3.1"/>
                      <circle cx="66.6" cy="11.8" r="3.1"/>
                      <path d="M78.6 5.1c1.7-.5 3.4.5 3.9 2.2.1.2.1.4.1.6l-.3 1.6c-.4.8-1.1 1.4-2 1.7-1.7.5-3.4-.5-3.9-2.2-.4-1.7.6-3.4 2.2-3.9z"/>
                      <path d="M10.6 32.3c1.6-.3 3.2.6 3.6 2.2.2.7.1 1.3-.1 1.9l-3.5-4.1z"/>
                      <circle cx="24.1" cy="31.8" r="3.1"/>
                      <circle cx="37" cy="28.1" r="3.1"/>
                      <circle cx="49.9" cy="24.5" r="3.1"/>
                      <circle cx="62.8" cy="20.8" r="3.1"/>
                      <circle cx="75.7" cy="17.2" r="3.1"/>
                      <path d="M18.6 39c1.7-.5 3.4.5 3.9 2.2.4 1.4-.2 2.8-1.3 3.5l-4-4.7c.3-.5.8-.8 1.4-1z"/>
                      <circle cx="32.3" cy="38.4" r="3.1"/>
                      <circle cx="45.2" cy="34.7" r="3.1"/>
                      <circle cx="58.1" cy="31.1" r="3.1"/>
                      <circle cx="71" cy="27.4" r="3.1"/>
                      <circle cx="28.5" cy="47.4" r="3.1"/>
                      <circle cx="41.4" cy="43.7" r="3.1"/>
                      <circle cx="54.3" cy="40.1" r="3.1"/>
                      <circle cx="67.2" cy="36.4" r="3.1"/>
                      <path d="M77.8 34.9c-.3-.4-.6-.8-.7-1.3-.4-1.5.3-3 1.6-3.7l-.9 5z"/>
                      <circle cx="36.8" cy="54" r="3.1"/>
                      <circle cx="49.6" cy="50.3" r="3.1"/>
                      <circle cx="62.5" cy="46.7" r="3.1"/>
                      <path d="M74.6 40c.8-.2 1.6-.1 2.3.2l-1 5.9c-1.5.2-3-.7-3.4-2.3-.6-1.6.4-3.3 2.1-3.8z"/>
                      <path d="M34.4 60.2c.7.4 1.2 1 1.5 1.8l-1.5-1.8z"/>
                      <circle cx="45.8" cy="59.3" r="3.1"/>
                      <circle cx="58.7" cy="55.7" r="3.1"/>
                      <path d="M70.8 49c1.7-.5 3.4.5 3.9 2.2.1.3.1.6.1 1l-.2.8c-.3 1-1.1 1.7-2.1 2-1.7.5-3.4-.5-3.9-2.2-.5-1.6.5-3.3 2.2-3.8z"/>
                      <path d="M40.3 66.6c1.7-.5 3.4.5 3.9 2.2.3.9.1 1.8-.4 2.5l-3.9-4.6c.2 0 .3-.1.4-.1z"/>
                      <circle cx="54.1" cy="66" r="3.1"/>
                      <circle cx="67" cy="62.3" r="3.1"/>
                      <path d="M49.4 71.9c1.7-.5 3.4.5 3.9 2.2.5 1.7-.5 3.4-2.2 3.9-.5.1-1 .2-1.5 0l-2.5-2.9c-.1-1.4.9-2.7 2.3-3.2z"/>
                      <circle cx="63.1" cy="71.3" r="3.1"/>
                      <circle cx="58.5" cy="81.6" r="3.1"/>
                      <path d="M70.5 74.9c.1 0 .1 0 .2-.1l-1 5.7c-.6-.4-1.1-1-1.4-1.8-.4-1.6.5-3.3 2.2-3.8z"/>
                      <path d="M66.7 83.9c.8-.2 1.7-.1 2.4.3L68 90c-1.5.2-3.1-.7-3.5-2.2-.4-1.7.5-3.4 2.2-3.9z"/>
                      <path d="M63.3 94.1c1.2.1 2.3 1 2.6 2.3.1.3.1.7.1 1l-2.7-3.3z"/>
                    </g>
                  </g>
                </svg>

                <svg id="c5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26" height="24" viewBox="0 0 129.4 128.5">
                
                  <g>
                    <defs>
                      <path id="XMLID_2_" d="M40.5 125.6C19.8 102.5 21.7 67 44.8 46.3c23.1-20.7 58.6-18.8 79.3 4.3l-83.6 75z"/>
                    </defs>
                    <use xlink:href="#XMLID_2_" overflow="visible" fill-rule="evenodd" clip-rule="evenodd" fill="#EF5032"/>
                    <clipPath id="XMLID_51_">
                      <use xlink:href="#XMLID_2_" overflow="visible"/>
                    </clipPath>
                    <g class="c5">
                      <g class="c5g">
                        <path d="M117.7 91.9c-1.7-1.9-1.5-4.9.5-6.6 1.3-1.1 2.9-1.5 4.4-1.1-1.4 2.6-3.1 5.2-4.9 7.7z"/>
                        <path d="M104.9 106.5c-.8-.2-1.5-.7-2-1.3-1.7-1.9-1.5-4.9.5-6.6 2-1.8 4.9-1.6 6.6.3.4.5.7 1 .9 1.6-1.9 2-3.9 4.1-6 6z"/>
                        <ellipse transform="rotate(48.126 102.99 83.52)" class="st1" cx="103" cy="83.5" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.133 88.127 96.845)" class="st1" cx="88.1" cy="96.8" rx="4.6" ry="4.8"/>
                        <path d="M129.4 59.6c-1.1-1.3-1.3-3.2-.6-4.7.2 1.5.5 3.1.6 4.7z"/>
                        <path d="M121.3 73.3c-2 1.8-4.9 1.6-6.6-.3-1.7-1.9-1.5-4.9.5-6.6 2-1.8 4.9-1.6 6.6.3 1.7 1.9 1.4 4.9-.5 6.6z"/>
                        <ellipse transform="rotate(48.14 101.116 66.216)" class="st1" cx="101.1" cy="66.2" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.133 86.25 79.53)" class="st1" cx="86.3" cy="79.5" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.133 116.33 52.572)" class="st1" cx="116.3" cy="52.6" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.133 82.803 60.995)" class="st1" cx="82.8" cy="61" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 67.943 74.324)" class="st1" cx="67.9" cy="74.3" rx="4.6" ry="4.8"/>
                        <path d="M116 37.5c-2 1.8-4.9 1.6-6.6-.3-1.7-1.9-1.5-4.9.5-6.6 2-1.8 4.9-1.6 6.6.3 1.6 1.9 1.4 4.8-.5 6.6z"/>
                        <ellipse transform="rotate(48.133 98.02 47.356)" class="st1" cx="98" cy="47.4" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.133 80.933 43.695)" class="st1" cx="80.9" cy="43.7" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.14 66.073 57.023)" class="st1" cx="66.1" cy="57" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 96.154 30.06)" class="st1" cx="96.2" cy="30.1" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 62.624 38.48)" class="st1" cx="62.6" cy="38.5" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 47.76 51.803)" class="st1" cx="47.8" cy="51.8" rx="4.6" ry="4.8"/>
                        <path d="M95.8 15c-2 1.8-4.9 1.6-6.6-.3-1.7-1.9-1.5-4.9.5-6.6.2-.2.4-.3.6-.5 2.4 1.4 4.8 2.9 7.1 4.5-.2 1.1-.8 2.1-1.6 2.9z"/>
                        <ellipse transform="rotate(48.146 77.84 24.84)" class="st1" cx="77.8" cy="24.8" rx="4.6" ry="4.8"/>
                        <path d="M63.8 24.6c-2 1.8-4.9 1.6-6.6-.3-1.7-1.9-1.5-4.9.5-6.6 2-1.8 4.9-1.6 6.6.3 1.7 1.9 1.5 4.9-.5 6.6z"/>
                        <path d="M49 37.9c-2 1.8-4.9 1.6-6.6-.3-1.7-1.9-1.5-4.9.5-6.6 2-1.8 4.9-1.6 6.6.3 1.6 1.9 1.4 4.9-.5 6.6z"/>
                        <ellipse transform="rotate(48.126 75.974 7.544)" class="st1" cx="76" cy="7.5" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.133 42.438 15.96)" class="st1" cx="42.4" cy="16" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.14 27.574 29.28)" class="st1" cx="27.6" cy="29.3" rx="4.6" ry="4.8"/>
                        <path d="M60.7 5.8c-2 1.8-4.9 1.6-6.6-.3-.7-.8-1.1-1.7-1.1-2.7C55.6 1.7 58.1.9 60.5.3c.4-.1.9-.2 1.3-.3 1 1.9.6 4.3-1.1 5.8z"/>
                        <path d="M87 119.7l-.1-.1c-1.7-1.9-1.5-4.9.5-6.6 2-1.8 4.9-1.6 6.6.3.4.5.7 1 .9 1.5-2.6 1.8-5.2 3.4-7.9 4.9z"/>
                        <path d="M73.3 125.7c.6-.4 1.3-.6 1.9-.6-.6.2-1.3.4-1.9.6z"/>
                        <ellipse transform="rotate(48.126 72.11 111.19)" class="st1" cx="72.1" cy="111.2" rx="4.6" ry="4.8"/>
                        <path d="M60.3 127.9c-.2.1-.3.3-.5.4-1.8.1-3.5.2-5.3.1-.3-.2-.6-.5-.9-.8-1.7-1.9-1.5-4.9.5-6.6 2-1.8 4.9-1.6 6.6.3 1.8 1.9 1.6 4.9-.4 6.6z"/>
                        <ellipse transform="rotate(48.133 40.163 120.846)" class="st1" cx="40.2" cy="120.9" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 70.244 93.892)" class="st1" cx="70.2" cy="93.9" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 55.38 107.217)" class="st1" cx="55.4" cy="107.2" rx="4.6" ry="4.8"/>
                        <path d="M18.6 112.4l.2-.2c2-1.8 4.9-1.6 6.6.3 1.5 1.7 1.5 4.1.2 5.9-2.4-1.8-4.7-3.8-7-6z"/>
                        <ellipse transform="rotate(48.133 51.927 88.666)" class="st1" cx="51.9" cy="88.7" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.133 37.066 101.985)" class="st1" cx="37.1" cy="102" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 19.98 98.338)" class="st1" cx="20" cy="98.3" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 50.062 71.377)" class="st1" cx="50.1" cy="71.4" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.133 35.197 84.693)" class="st1" cx="35.2" cy="84.7" rx="4.6" ry="4.8"/>
                        <path d="M2.7 88.5c.9.2 1.8.7 2.5 1.4 1.4 1.5 1.5 3.8.5 5.5-1.2-2.3-2.2-4.6-3-6.9z"/>
                        <ellipse transform="rotate(48.14 31.745 66.15)" class="st1" cx="31.7" cy="66.2" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 16.885 79.467)" class="st1" cx="16.9" cy="79.5" rx="4.6" ry="4.8"/>
                        <path d="M2.9 79.3c-.7.6-1.4 1-2.2 1.1-.5-3.1-.7-6.2-.6-9.3 1.2 0 2.4.5 3.3 1.5 1.6 1.9 1.4 4.9-.5 6.7z"/>
                        <ellipse transform="rotate(48.118 29.878 48.857)" class="st1" cx="29.9" cy="48.9" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.14 15.013 62.177)" class="st1" cx="15" cy="62.2" rx="4.6" ry="4.8"/>
                        <path d="M14.6 47.1c-2 1.8-4.9 1.6-6.6-.3-.4-.4-.7-1-.9-1.5 1.1-2.1 2.3-4.2 3.6-6.3 1.6-.3 3.2.2 4.4 1.4 1.7 2 1.5 4.9-.5 6.7z"/>
                      </g>
                    </g>
                  </g>
                </svg>

                <svg id="c6" xmlns="http://www.w3.org/2000/svg" width="16" height="31" viewBox="0 0 50.9 98">
                  
                  <g>
                    <path class="c6" d="M28.1 0l22.8 4-24.4 94L0 93.3z"/>
                    <g class="c6g">
                      <circle class="st1" cx="4.2" cy="87.7" r="2.1"/>
                      <path class="st1" d="M8 68.7c1 .5 1.5 1.7 1 2.7-.5 1-1.7 1.5-2.7 1h-.1l1.2-3.9c.2.1.5.1.6.2z"/>
                      <path class="st1" d="M9.9 60.4c.8.6 1.1 1.6.7 2.5-.3.7-1 1.2-1.8 1.2l1.1-3.7z"/>
                      <path class="st1" d="M12.2 52.9c.2.5.2 1-.1 1.5-.1.3-.4.6-.6.8l.7-2.3z"/>
                      <path class="st1" d="M6.5 77.3c1 .5 1.5 1.7 1 2.7-.5 1-1.7 1.5-2.7 1-.4-.2-.7-.5-.9-.8l.9-3c.5-.2 1.2-.2 1.7.1z"/>
                      <circle class="st1" cx="12.7" cy="84.1" r="2.1"/>
                      <circle class="st1" cx="15.7" cy="67" r="2.1"/>
                      <circle class="st1" cx="11.1" cy="92.6" r="2.1"/>
                      <circle class="st1" cx="17.2" cy="58.5" r="2.1"/>
                      <circle class="st1" cx="18.7" cy="50" r="2.1"/>
                      <circle class="st1" cx="14.2" cy="75.6" r="2.1"/>
                      <circle class="st1" cx="19.8" cy="90.5" r="2.1"/>
                      <circle class="st1" cx="22.9" cy="73.4" r="2.1"/>
                      <circle class="st1" cx="24.4" cy="64.9" r="2.1"/>
                      <circle class="st1" cx="25.9" cy="56.3" r="2.1"/>
                      <circle class="st1" cx="21.3" cy="81.9" r="2.1"/>
                      <path class="st1" d="M29.2 85c.2.1.5.3.6.4l-.9 3.4c-.5.1-1 .1-1.4-.1-1-.5-1.5-1.7-1-2.7.4-1 1.6-1.5 2.7-1z"/>
                      <circle class="st1" cx="31.4" cy="69.8" r="2.1"/>
                      <path class="st1" d="M27.7 93.5l-1 3.9c-.2 0-.5-.1-.7-.2-1-.5-1.5-1.7-1-2.7.4-1 1.6-1.4 2.7-1z"/>
                      <circle class="st1" cx="32.9" cy="61.3" r="2.1"/>
                      <circle class="st1" cx="34.4" cy="52.7" r="2.1"/>
                      <path class="st1" d="M30.7 76.5c.6.3.9.7 1.1 1.3l-.5 2.1c-.6.6-1.5.7-2.3.4-1-.5-1.5-1.7-1-2.7.4-1.1 1.7-1.6 2.7-1.1z"/>
                      <circle class="st1" cx="21.7" cy="33.1" r="2.1"/>
                      <path class="st1" d="M25.6 14.1c1 .5 1.5 1.7 1 2.7-.5 1-1.7 1.5-2.7 1-.4-.2-.7-.5-.9-.8l.9-2.9c.5-.2 1.1-.3 1.7 0z"/>
                      <circle class="st1" cx="20.2" cy="41.6" r="2.1"/>
                      <path class="st1" d="M27.1 5.6c1 .5 1.5 1.7 1 2.7-.5 1-1.7 1.5-2.7 1 0 0-.1 0-.1-.1l1.2-3.9.6.3z"/>
                      <path class="st1" d="M29.4.2c-.4.5-1 .8-1.6.8l.3-1 1.3.2z"/>
                      <circle class="st1" cx="23.2" cy="24.5" r="2.1"/>
                      <circle class="st1" cx="28.9" cy="39.4" r="2.1"/>
                      <circle class="st1" cx="31.9" cy="22.3" r="2.1"/>
                      <circle class="st1" cx="27.4" cy="47.9" r="2.1"/>
                      <circle class="st1" cx="33.4" cy="13.8" r="2.1"/>
                      <circle class="st1" cx="34.9" cy="5.3" r="2.1"/>
                      <circle class="st1" cx="30.4" cy="30.9" r="2.1"/>
                      <circle class="st1" cx="37.4" cy="35.8" r="2.1"/>
                      <circle class="st1" cx="40.4" cy="18.8" r="2.1"/>
                      <circle class="st1" cx="35.9" cy="44.4" r="2.1"/>
                      <circle class="st1" cx="41.9" cy="10.2" r="2.1"/>
                      <path class="st1" d="M45 3c-.6.7-1.6 1-2.4.6-.5-.2-.9-.7-1.1-1.2L45 3z"/>
                      <circle class="st1" cx="38.9" cy="27.3" r="2.1"/>
                      <path class="st1" d="M45.1 26.5c-.7-.6-1-1.6-.6-2.5.3-.7.9-1.1 1.6-1.2l-1 3.7z"/>
                      <path class="st1" d="M47.2 18.3c-.1 0-.1-.1-.2-.1-1-.5-1.5-1.7-1-2.7.4-.9 1.4-1.4 2.3-1.2l-1.1 4z"/>
                      <path class="st1" d="M50.2 6c.1 0 .1.1.2.1l-1 3.8c-.3 0-.6-.1-.9-.2-1-.5-1.5-1.7-1-2.7.4-1.1 1.7-1.5 2.7-1z"/>
                      <path class="st1" d="M43 34.5c-.3-.6-.4-1.2-.1-1.9.2-.4.5-.7.8-.9l-.7 2.8z"/>
                    </g>
                  </g>
                </svg>

                <svg id="c7" xmlns="http://www.w3.org/2000/svg" width="15" height="21" viewBox="0 0 72.6 98">
                    <path class="c7" d="M51.3 46.7L30 0C4.2 11.8-7.1 42.2 4.6 68c11.8 25.8 42.2 37.1 68 25.4L51.3 46.7z"/>
                </svg>

                <svg id="c8" xmlns="http://www.w3.org/2000/svg" width="25" height="26" viewBox="0 0 94.2 98">
                  <path class="c8" d="M94.2 0L0 47.8 94.2 98z"/>
                </svg>

                <svg id="c9" xmlns="http://www.w3.org/2000/svg" width="36" height="33" viewBox="0 0 98 89">
                  <path class="c9" d="M-.023 78.41L9.417-.02l88.56 10.66-9.442 78.43z"/>
                </svg>

                <svg id="c10" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 98 98">
                  <g>
                    <path class="c10" d="M.8 40.5C5.4 13.9 30.9-3.9 57.5.7c26.7 4.7 44.4 30.1 39.8 56.7-4.7 26.7-30.1 44.4-56.7 39.8C13.9 92.5-3.9 67.1.8 40.5z"/>
                  </g>
                </svg>

                <svg id="c1x" xmlns="http://www.w3.org/2000/svg" width="28" height="31" viewBox="0 0 91.6 98">
                  
                  <g>
                    <path class="c1" d="M91.6 98L0 0l82.1 23.5z"/>
                    <g class="c1g">
                      <path d="M22.2 8.4c.7 1.8 2.7 2.6 4.5 1.9 1-.4 1.7-1.2 2-2.1L22 6.3c-.1.7-.1 1.4.2 2.1z"/>
                      <path d="M11.7 12.5c.2 0 .4-.1.6-.2 1.8-.7 2.6-2.7 1.9-4.5-.7-1.8-2.7-2.6-4.5-1.9-1 .4-1.8 1.3-2 2.3l4 4.3z"/>
                      <path d="M59 16.9c.9 1.4 2.7 2.1 4.3 1.4.1 0 .2-.1.3-.1L59 16.9z"/>
                      <circle cx="33.2" cy="19.1" r="3.4"/>
                      <path d="M21.6 23.1c.7-.9.9-2.2.4-3.3-.7-1.8-2.7-2.6-4.5-1.9-.2.1-.4.2-.5.3l4.6 4.9z"/>
                      <path d="M44.4 18.4c.7 1.8 2.7 2.6 4.5 1.9 1.8-.7 2.6-2.7 1.9-4.5-.3-.8-.9-1.4-1.6-1.7l-1.4-.4c-.5 0-1 0-1.5.2-1.7.8-2.6 2.8-1.9 4.5z"/>
                      <circle cx="71.9" cy="25.4" r="3.4"/>
                      <circle cx="43.1" cy="29.4" r="3.4"/>
                      <path d="M31.4 33.6c.8-.9 1-2.3.5-3.5-.7-1.8-2.7-2.6-4.5-1.9-.3.1-.5.2-.7.4l4.7 5z"/>
                      <path d="M54.3 28.7c.7 1.8 2.7 2.6 4.5 1.9 1.8-.7 2.6-2.7 1.9-4.5-.7-1.8-2.7-2.6-4.5-1.9-1.7.7-2.6 2.7-1.9 4.5z"/>
                      <circle cx="65.4" cy="39.4" r="3.4"/>
                      <path d="M40 42.8c0-.2-.1-.5-.2-.7-.4-1.1-1.3-1.8-2.4-2l2.6 2.7z"/>
                      <circle cx="79.7" cy="37.4" r="3.4"/>
                      <path d="M47.8 42.7c.7 1.8 2.7 2.6 4.5 1.9 1.8-.7 2.6-2.7 1.9-4.5-.7-1.8-2.7-2.6-4.5-1.9-1.8.7-2.6 2.7-1.9 4.5z"/>
                      <circle cx="75.5" cy="51.8" r="3.4"/>
                      <path d="M58 55.1c.7 1.8 2.7 2.6 4.5 1.9 1.8-.7 2.6-2.7 1.9-4.5-.7-1.8-2.7-2.6-4.5-1.9-1.8.7-2.6 2.7-1.9 4.5z"/>
                      <circle cx="69" cy="65.8" r="3.4"/>
                      <circle cx="83.4" cy="63.8" r="3.4"/>
                      <circle cx="78.9" cy="76" r="3.4"/>
                      <path d="M83.6 89.3l1.6 1.8c.9.5 1.9.5 2.9.1 1.8-.7 2.6-2.7 1.9-4.5-.7-1.8-2.7-2.6-4.5-1.9-1.8.8-2.7 2.8-1.9 4.5z"/>
                    </g>
                  </g>
                </svg>

                <svg id="c2x" xmlns="http://www.w3.org/2000/svg" width="27" height="20" viewBox="0 0 98 73.5">
                 
                  <g>
                    <path class="c2" d="M98 25.3L14.9 73.5 0 47.3 83.6 0z"/>
                    <g class="c2p">
                      <path d="M98 25.3l-4.2 2.4-.3-10.3z"/>
                      <path d="M87.9 31.1L82 34.6l-.9-33.2L83.6 0l3.6 6.4z"/>
                      <path d="M76.1 38l-5.9 3.4-.9-33.3 5.9-3.3z"/>
                      <path d="M64.3 44.8l-5.9 3.4-.9-33.4 5.9-3.4z"/>
                      <path d="M52.5 51.7l-5.9 3.4-.9-33.6 5.9-3.4z"/>
                      <path d="M40.7 58.5l-5.9 3.4-.9-33.7 5.9-3.4z"/>
                      <path d="M28.9 65.3L23 68.8l-.9-34 5.9-3.3z"/>
                      <path d="M17.1 72.2l-2.2 1.3-4-7-.6-25 5.9-3.3z"/>
                      <path d="M0 47.3l4.3-2.4.3 10.6z"/>
                    </g>
                  </g>
                </svg>

                <svg id="c3x" xmlns="http://www.w3.org/2000/svg" width="25" height="30" viewBox="0 0 81.6 98">
                
                  <g>
                    <path class="c3" d="M53.1 53.1L81.6 8.3C56.8-7.4 24-.1 8.3 24.7-7.4 49.5-.1 82.3 24.7 98l28.4-44.9z"/>
                    <g class="c3g">
                      <path d="M47.8.3L44.2 4l-1-3c1.5-.3 3-.6 4.6-.7z"/>
                      <path d="M45.8 8.7l16 2.2L58.1.2C56.9.1 55.6 0 54.4 0l-8.6 8.7z"/>
                      <path d="M63.4 15.7L52.1 27.2l-4.7-13.7z"/>
                      <path d="M53.7 31.9l11.9 1.6 2.5-4-3.1-9z"/>
                      <path d="M58.2 45.1l-2.9-8.4 7.6 1z"/>
                      <path d="M51.5 55.7l-9.9-1.3 3.7 11z"/>
                      <path d="M39.9 49.6l11.3-11.5 4 11.7-1 1.7z"/>
                      <path d="M49.6 33.3l-16-2.2 4.7 13.7z"/>
                      <path d="M32 26.4l11.3-11.5L48 28.5z"/>
                      <path d="M41.7 10.1l-16-2.2 4.7 13.7z"/>
                      <path d="M38.9 1.9l1.2 3.4-7.8-1.1c2.1-.8 4.4-1.6 6.6-2.3z"/>
                      <path d="M74.3 19.7l-5-.7 1.9 5.6z"/>
                      <path d="M67.7 14.2l8.7-8.9c1.4.7 2.9 1.5 4.3 2.3l.4 1.4-4.1 6.5-9.3-1.3z"/>
                      <path d="M63.1.9L66 9.4l5.9-6c-2.8-1.1-5.8-1.9-8.8-2.5z"/>
                      <path d="M11 20.8l15.5 2.1L22.1 10c-1.7 1.2-3.3 2.5-4.8 3.9l-3.8 3.8c-.9 1-1.7 2-2.5 3.1z"/>
                      <path d="M28.2 27.7L16.8 39.2l-4.6-13.7z"/>
                      <path d="M18.5 43.9l16 2.2-4.7-13.6z"/>
                      <path d="M36.1 50.9L24.8 62.4l-4.7-13.7z"/>
                      <path d="M26.4 67.1l16 2.2-4.7-13.6z"/>
                      <path d="M32.6 85.5L28 71.9l12.2 1.7z"/>
                      <path d="M28.8 91.6l-14.3-2c2.9 3 6.1 5.8 9.8 8.1l1.5-1.6 3-4.5z"/>
                      <path d="M12.6 84.8l11.3-11.5L28.6 87z"/>
                      <path d="M22.3 68.5l-16-2.1L11 80z"/>
                      <path d="M4.7 61.6L16 50.1l4.7 13.7z"/>
                      <path d="M14.4 45.3L.9 43.5c-.3 1.6-.5 3.3-.7 4.9l2.9 8.4 11.3-11.5z"/>
                      <path d="M5.6 29.5l2.6-2.6 4.7 13.7-11-1.5c.9-3.3 2.1-6.5 3.7-9.6z"/>
                    </g>
                  </g>
                </svg>

                <svg id="c4x" xmlns="http://www.w3.org/2000/svg" width="31" height="36" viewBox="0 0 84 98">
               
                  <g>
                    <path class="c4" d="M66.6 98L0 19.8 84 0z"/>
                    <g class="c4g">
                      <path d="M9.1 17.7c.3.3.5.8.7 1.2.5 1.7-.5 3.4-2.2 3.9-1.7.5-3.4-.5-3.9-2.2-.2-.6-.2-1.1 0-1.7l5.4-1.2z"/>
                      <path d="M22.4 14.5c.1.2.2.5.3.7.5 1.7-.5 3.4-2.2 3.9-1.7.5-3.4-.5-3.9-2.2-.1-.4-.1-.7-.1-1.1l5.9-1.3z"/>
                      <path d="M35.5 11.4c0 .1 0 .1.1.2.5 1.7-.5 3.4-2.2 3.9-1.6.5-3.4-.5-3.8-2.2 0-.2-.1-.3-.1-.5l6-1.4z"/>
                      <path d="M48.6 8.4c.2 1.5-.7 3.1-2.2 3.5-1.6.5-3.3-.5-3.8-2.1l6-1.4z"/>
                      <path d="M61.5 5.3c0 1.3-.9 2.5-2.3 2.9-1.4.4-2.9-.3-3.6-1.5l5.9-1.4z"/>
                      <path d="M74.3 2.3c-.3 1.1-1.1 2-2.2 2.3-1.2.3-2.5-.1-3.3-1l5.5-1.3z"/>
                      <path d="M83.8 1c-.6-.1-1.1-.3-1.6-.6L84 0l-.2 1z"/>
                      <circle cx="15" cy="26.4" r="3.1"/>
                      <circle cx="27.9" cy="22.7" r="3.1"/>
                      <circle cx="40.8" cy="19.1" r="3.1"/>
                      <circle cx="53.7" cy="15.4" r="3.1"/>
                      <circle cx="66.6" cy="11.8" r="3.1"/>
                      <path d="M78.6 5.1c1.7-.5 3.4.5 3.9 2.2.1.2.1.4.1.6l-.3 1.6c-.4.8-1.1 1.4-2 1.7-1.7.5-3.4-.5-3.9-2.2-.4-1.7.6-3.4 2.2-3.9z"/>
                      <path d="M10.6 32.3c1.6-.3 3.2.6 3.6 2.2.2.7.1 1.3-.1 1.9l-3.5-4.1z"/>
                      <circle cx="24.1" cy="31.8" r="3.1"/>
                      <circle cx="37" cy="28.1" r="3.1"/>
                      <circle cx="49.9" cy="24.5" r="3.1"/>
                      <circle cx="62.8" cy="20.8" r="3.1"/>
                      <circle cx="75.7" cy="17.2" r="3.1"/>
                      <path d="M18.6 39c1.7-.5 3.4.5 3.9 2.2.4 1.4-.2 2.8-1.3 3.5l-4-4.7c.3-.5.8-.8 1.4-1z"/>
                      <circle cx="32.3" cy="38.4" r="3.1"/>
                      <circle cx="45.2" cy="34.7" r="3.1"/>
                      <circle cx="58.1" cy="31.1" r="3.1"/>
                      <circle cx="71" cy="27.4" r="3.1"/>
                      <circle cx="28.5" cy="47.4" r="3.1"/>
                      <circle cx="41.4" cy="43.7" r="3.1"/>
                      <circle cx="54.3" cy="40.1" r="3.1"/>
                      <circle cx="67.2" cy="36.4" r="3.1"/>
                      <path d="M77.8 34.9c-.3-.4-.6-.8-.7-1.3-.4-1.5.3-3 1.6-3.7l-.9 5z"/>
                      <circle cx="36.8" cy="54" r="3.1"/>
                      <circle cx="49.6" cy="50.3" r="3.1"/>
                      <circle cx="62.5" cy="46.7" r="3.1"/>
                      <path d="M74.6 40c.8-.2 1.6-.1 2.3.2l-1 5.9c-1.5.2-3-.7-3.4-2.3-.6-1.6.4-3.3 2.1-3.8z"/>
                      <path d="M34.4 60.2c.7.4 1.2 1 1.5 1.8l-1.5-1.8z"/>
                      <circle cx="45.8" cy="59.3" r="3.1"/>
                      <circle cx="58.7" cy="55.7" r="3.1"/>
                      <path d="M70.8 49c1.7-.5 3.4.5 3.9 2.2.1.3.1.6.1 1l-.2.8c-.3 1-1.1 1.7-2.1 2-1.7.5-3.4-.5-3.9-2.2-.5-1.6.5-3.3 2.2-3.8z"/>
                      <path d="M40.3 66.6c1.7-.5 3.4.5 3.9 2.2.3.9.1 1.8-.4 2.5l-3.9-4.6c.2 0 .3-.1.4-.1z"/>
                      <circle cx="54.1" cy="66" r="3.1"/>
                      <circle cx="67" cy="62.3" r="3.1"/>
                      <path d="M49.4 71.9c1.7-.5 3.4.5 3.9 2.2.5 1.7-.5 3.4-2.2 3.9-.5.1-1 .2-1.5 0l-2.5-2.9c-.1-1.4.9-2.7 2.3-3.2z"/>
                      <circle cx="63.1" cy="71.3" r="3.1"/>
                      <circle cx="58.5" cy="81.6" r="3.1"/>
                      <path d="M70.5 74.9c.1 0 .1 0 .2-.1l-1 5.7c-.6-.4-1.1-1-1.4-1.8-.4-1.6.5-3.3 2.2-3.8z"/>
                      <path d="M66.7 83.9c.8-.2 1.7-.1 2.4.3L68 90c-1.5.2-3.1-.7-3.5-2.2-.4-1.7.5-3.4 2.2-3.9z"/>
                      <path d="M63.3 94.1c1.2.1 2.3 1 2.6 2.3.1.3.1.7.1 1l-2.7-3.3z"/>
                    </g>
                  </g>
                </svg>

                <svg id="c5x" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26" height="24" viewBox="0 0 129.4 128.5">
                
                  <g>
                    <defs>
                      <path id="XMLID_2_" d="M40.5 125.6C19.8 102.5 21.7 67 44.8 46.3c23.1-20.7 58.6-18.8 79.3 4.3l-83.6 75z"/>
                    </defs>
                    <use xlink:href="#XMLID_2_" overflow="visible" fill-rule="evenodd" clip-rule="evenodd" fill="#EF5032"/>
                    <clipPath id="XMLID_51_">
                      <use xlink:href="#XMLID_2_" overflow="visible"/>
                    </clipPath>
                    <g class="c5">
                      <g class="c5g">
                        <path d="M117.7 91.9c-1.7-1.9-1.5-4.9.5-6.6 1.3-1.1 2.9-1.5 4.4-1.1-1.4 2.6-3.1 5.2-4.9 7.7z"/>
                        <path d="M104.9 106.5c-.8-.2-1.5-.7-2-1.3-1.7-1.9-1.5-4.9.5-6.6 2-1.8 4.9-1.6 6.6.3.4.5.7 1 .9 1.6-1.9 2-3.9 4.1-6 6z"/>
                        <ellipse transform="rotate(48.126 102.99 83.52)" class="st1" cx="103" cy="83.5" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.133 88.127 96.845)" class="st1" cx="88.1" cy="96.8" rx="4.6" ry="4.8"/>
                        <path d="M129.4 59.6c-1.1-1.3-1.3-3.2-.6-4.7.2 1.5.5 3.1.6 4.7z"/>
                        <path d="M121.3 73.3c-2 1.8-4.9 1.6-6.6-.3-1.7-1.9-1.5-4.9.5-6.6 2-1.8 4.9-1.6 6.6.3 1.7 1.9 1.4 4.9-.5 6.6z"/>
                        <ellipse transform="rotate(48.14 101.116 66.216)" class="st1" cx="101.1" cy="66.2" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.133 86.25 79.53)" class="st1" cx="86.3" cy="79.5" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.133 116.33 52.572)" class="st1" cx="116.3" cy="52.6" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.133 82.803 60.995)" class="st1" cx="82.8" cy="61" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 67.943 74.324)" class="st1" cx="67.9" cy="74.3" rx="4.6" ry="4.8"/>
                        <path d="M116 37.5c-2 1.8-4.9 1.6-6.6-.3-1.7-1.9-1.5-4.9.5-6.6 2-1.8 4.9-1.6 6.6.3 1.6 1.9 1.4 4.8-.5 6.6z"/>
                        <ellipse transform="rotate(48.133 98.02 47.356)" class="st1" cx="98" cy="47.4" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.133 80.933 43.695)" class="st1" cx="80.9" cy="43.7" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.14 66.073 57.023)" class="st1" cx="66.1" cy="57" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 96.154 30.06)" class="st1" cx="96.2" cy="30.1" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 62.624 38.48)" class="st1" cx="62.6" cy="38.5" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 47.76 51.803)" class="st1" cx="47.8" cy="51.8" rx="4.6" ry="4.8"/>
                        <path d="M95.8 15c-2 1.8-4.9 1.6-6.6-.3-1.7-1.9-1.5-4.9.5-6.6.2-.2.4-.3.6-.5 2.4 1.4 4.8 2.9 7.1 4.5-.2 1.1-.8 2.1-1.6 2.9z"/>
                        <ellipse transform="rotate(48.146 77.84 24.84)" class="st1" cx="77.8" cy="24.8" rx="4.6" ry="4.8"/>
                        <path d="M63.8 24.6c-2 1.8-4.9 1.6-6.6-.3-1.7-1.9-1.5-4.9.5-6.6 2-1.8 4.9-1.6 6.6.3 1.7 1.9 1.5 4.9-.5 6.6z"/>
                        <path d="M49 37.9c-2 1.8-4.9 1.6-6.6-.3-1.7-1.9-1.5-4.9.5-6.6 2-1.8 4.9-1.6 6.6.3 1.6 1.9 1.4 4.9-.5 6.6z"/>
                        <ellipse transform="rotate(48.126 75.974 7.544)" class="st1" cx="76" cy="7.5" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.133 42.438 15.96)" class="st1" cx="42.4" cy="16" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.14 27.574 29.28)" class="st1" cx="27.6" cy="29.3" rx="4.6" ry="4.8"/>
                        <path d="M60.7 5.8c-2 1.8-4.9 1.6-6.6-.3-.7-.8-1.1-1.7-1.1-2.7C55.6 1.7 58.1.9 60.5.3c.4-.1.9-.2 1.3-.3 1 1.9.6 4.3-1.1 5.8z"/>
                        <path d="M87 119.7l-.1-.1c-1.7-1.9-1.5-4.9.5-6.6 2-1.8 4.9-1.6 6.6.3.4.5.7 1 .9 1.5-2.6 1.8-5.2 3.4-7.9 4.9z"/>
                        <path d="M73.3 125.7c.6-.4 1.3-.6 1.9-.6-.6.2-1.3.4-1.9.6z"/>
                        <ellipse transform="rotate(48.126 72.11 111.19)" class="st1" cx="72.1" cy="111.2" rx="4.6" ry="4.8"/>
                        <path d="M60.3 127.9c-.2.1-.3.3-.5.4-1.8.1-3.5.2-5.3.1-.3-.2-.6-.5-.9-.8-1.7-1.9-1.5-4.9.5-6.6 2-1.8 4.9-1.6 6.6.3 1.8 1.9 1.6 4.9-.4 6.6z"/>
                        <ellipse transform="rotate(48.133 40.163 120.846)" class="st1" cx="40.2" cy="120.9" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 70.244 93.892)" class="st1" cx="70.2" cy="93.9" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 55.38 107.217)" class="st1" cx="55.4" cy="107.2" rx="4.6" ry="4.8"/>
                        <path d="M18.6 112.4l.2-.2c2-1.8 4.9-1.6 6.6.3 1.5 1.7 1.5 4.1.2 5.9-2.4-1.8-4.7-3.8-7-6z"/>
                        <ellipse transform="rotate(48.133 51.927 88.666)" class="st1" cx="51.9" cy="88.7" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.133 37.066 101.985)" class="st1" cx="37.1" cy="102" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 19.98 98.338)" class="st1" cx="20" cy="98.3" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 50.062 71.377)" class="st1" cx="50.1" cy="71.4" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.133 35.197 84.693)" class="st1" cx="35.2" cy="84.7" rx="4.6" ry="4.8"/>
                        <path d="M2.7 88.5c.9.2 1.8.7 2.5 1.4 1.4 1.5 1.5 3.8.5 5.5-1.2-2.3-2.2-4.6-3-6.9z"/>
                        <ellipse transform="rotate(48.14 31.745 66.15)" class="st1" cx="31.7" cy="66.2" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.126 16.885 79.467)" class="st1" cx="16.9" cy="79.5" rx="4.6" ry="4.8"/>
                        <path d="M2.9 79.3c-.7.6-1.4 1-2.2 1.1-.5-3.1-.7-6.2-.6-9.3 1.2 0 2.4.5 3.3 1.5 1.6 1.9 1.4 4.9-.5 6.7z"/>
                        <ellipse transform="rotate(48.118 29.878 48.857)" class="st1" cx="29.9" cy="48.9" rx="4.6" ry="4.8"/>
                        <ellipse transform="rotate(48.14 15.013 62.177)" class="st1" cx="15" cy="62.2" rx="4.6" ry="4.8"/>
                        <path d="M14.6 47.1c-2 1.8-4.9 1.6-6.6-.3-.4-.4-.7-1-.9-1.5 1.1-2.1 2.3-4.2 3.6-6.3 1.6-.3 3.2.2 4.4 1.4 1.7 2 1.5 4.9-.5 6.7z"/>
                      </g>
                    </g>
                  </g>
                </svg>

                <svg id="c6x" xmlns="http://www.w3.org/2000/svg" width="16" height="31" viewBox="0 0 50.9 98">
                  
                  <g>
                    <path class="c6" d="M28.1 0l22.8 4-24.4 94L0 93.3z"/>
                    <g class="c6g">
                      <circle class="st1" cx="4.2" cy="87.7" r="2.1"/>
                      <path class="st1" d="M8 68.7c1 .5 1.5 1.7 1 2.7-.5 1-1.7 1.5-2.7 1h-.1l1.2-3.9c.2.1.5.1.6.2z"/>
                      <path class="st1" d="M9.9 60.4c.8.6 1.1 1.6.7 2.5-.3.7-1 1.2-1.8 1.2l1.1-3.7z"/>
                      <path class="st1" d="M12.2 52.9c.2.5.2 1-.1 1.5-.1.3-.4.6-.6.8l.7-2.3z"/>
                      <path class="st1" d="M6.5 77.3c1 .5 1.5 1.7 1 2.7-.5 1-1.7 1.5-2.7 1-.4-.2-.7-.5-.9-.8l.9-3c.5-.2 1.2-.2 1.7.1z"/>
                      <circle class="st1" cx="12.7" cy="84.1" r="2.1"/>
                      <circle class="st1" cx="15.7" cy="67" r="2.1"/>
                      <circle class="st1" cx="11.1" cy="92.6" r="2.1"/>
                      <circle class="st1" cx="17.2" cy="58.5" r="2.1"/>
                      <circle class="st1" cx="18.7" cy="50" r="2.1"/>
                      <circle class="st1" cx="14.2" cy="75.6" r="2.1"/>
                      <circle class="st1" cx="19.8" cy="90.5" r="2.1"/>
                      <circle class="st1" cx="22.9" cy="73.4" r="2.1"/>
                      <circle class="st1" cx="24.4" cy="64.9" r="2.1"/>
                      <circle class="st1" cx="25.9" cy="56.3" r="2.1"/>
                      <circle class="st1" cx="21.3" cy="81.9" r="2.1"/>
                      <path class="st1" d="M29.2 85c.2.1.5.3.6.4l-.9 3.4c-.5.1-1 .1-1.4-.1-1-.5-1.5-1.7-1-2.7.4-1 1.6-1.5 2.7-1z"/>
                      <circle class="st1" cx="31.4" cy="69.8" r="2.1"/>
                      <path class="st1" d="M27.7 93.5l-1 3.9c-.2 0-.5-.1-.7-.2-1-.5-1.5-1.7-1-2.7.4-1 1.6-1.4 2.7-1z"/>
                      <circle class="st1" cx="32.9" cy="61.3" r="2.1"/>
                      <circle class="st1" cx="34.4" cy="52.7" r="2.1"/>
                      <path class="st1" d="M30.7 76.5c.6.3.9.7 1.1 1.3l-.5 2.1c-.6.6-1.5.7-2.3.4-1-.5-1.5-1.7-1-2.7.4-1.1 1.7-1.6 2.7-1.1z"/>
                      <circle class="st1" cx="21.7" cy="33.1" r="2.1"/>
                      <path class="st1" d="M25.6 14.1c1 .5 1.5 1.7 1 2.7-.5 1-1.7 1.5-2.7 1-.4-.2-.7-.5-.9-.8l.9-2.9c.5-.2 1.1-.3 1.7 0z"/>
                      <circle class="st1" cx="20.2" cy="41.6" r="2.1"/>
                      <path class="st1" d="M27.1 5.6c1 .5 1.5 1.7 1 2.7-.5 1-1.7 1.5-2.7 1 0 0-.1 0-.1-.1l1.2-3.9.6.3z"/>
                      <path class="st1" d="M29.4.2c-.4.5-1 .8-1.6.8l.3-1 1.3.2z"/>
                      <circle class="st1" cx="23.2" cy="24.5" r="2.1"/>
                      <circle class="st1" cx="28.9" cy="39.4" r="2.1"/>
                      <circle class="st1" cx="31.9" cy="22.3" r="2.1"/>
                      <circle class="st1" cx="27.4" cy="47.9" r="2.1"/>
                      <circle class="st1" cx="33.4" cy="13.8" r="2.1"/>
                      <circle class="st1" cx="34.9" cy="5.3" r="2.1"/>
                      <circle class="st1" cx="30.4" cy="30.9" r="2.1"/>
                      <circle class="st1" cx="37.4" cy="35.8" r="2.1"/>
                      <circle class="st1" cx="40.4" cy="18.8" r="2.1"/>
                      <circle class="st1" cx="35.9" cy="44.4" r="2.1"/>
                      <circle class="st1" cx="41.9" cy="10.2" r="2.1"/>
                      <path class="st1" d="M45 3c-.6.7-1.6 1-2.4.6-.5-.2-.9-.7-1.1-1.2L45 3z"/>
                      <circle class="st1" cx="38.9" cy="27.3" r="2.1"/>
                      <path class="st1" d="M45.1 26.5c-.7-.6-1-1.6-.6-2.5.3-.7.9-1.1 1.6-1.2l-1 3.7z"/>
                      <path class="st1" d="M47.2 18.3c-.1 0-.1-.1-.2-.1-1-.5-1.5-1.7-1-2.7.4-.9 1.4-1.4 2.3-1.2l-1.1 4z"/>
                      <path class="st1" d="M50.2 6c.1 0 .1.1.2.1l-1 3.8c-.3 0-.6-.1-.9-.2-1-.5-1.5-1.7-1-2.7.4-1.1 1.7-1.5 2.7-1z"/>
                      <path class="st1" d="M43 34.5c-.3-.6-.4-1.2-.1-1.9.2-.4.5-.7.8-.9l-.7 2.8z"/>
                    </g>
                  </g>
                </svg>

                <svg id="c7x" xmlns="http://www.w3.org/2000/svg" width="15" height="21" viewBox="0 0 72.6 98">
                    <path class="c7" d="M51.3 46.7L30 0C4.2 11.8-7.1 42.2 4.6 68c11.8 25.8 42.2 37.1 68 25.4L51.3 46.7z"/>
                </svg>

                <svg id="c8x" xmlns="http://www.w3.org/2000/svg" width="25" height="26" viewBox="0 0 94.2 98">
                  <path class="c8" d="M94.2 0L0 47.8 94.2 98z"/>
                </svg>

                <svg id="c9x" xmlns="http://www.w3.org/2000/svg" width="36" height="33" viewBox="0 0 98 89">
                  <path class="c9" d="M-.023 78.41L9.417-.02l88.56 10.66-9.442 78.43z"/>
                </svg>

                <svg id="c10x" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 98 98">
                  <g>
                    <path class="c10" d="M.8 40.5C5.4 13.9 30.9-3.9 57.5.7c26.7 4.7 44.4 30.1 39.8 56.7-4.7 26.7-30.1 44.4-56.7 39.8C13.9 92.5-3.9 67.1.8 40.5z"/>
                  </g>
                </svg>

                <svg id="c1x2" xmlns="http://www.w3.org/2000/svg" width="28" height="31" viewBox="0 0 91.6 98">
                  
                  <g>
                    <path class="c1" d="M91.6 98L0 0l82.1 23.5z"/>
                    <g class="c1g">
                      <path d="M22.2 8.4c.7 1.8 2.7 2.6 4.5 1.9 1-.4 1.7-1.2 2-2.1L22 6.3c-.1.7-.1 1.4.2 2.1z"/>
                      <path d="M11.7 12.5c.2 0 .4-.1.6-.2 1.8-.7 2.6-2.7 1.9-4.5-.7-1.8-2.7-2.6-4.5-1.9-1 .4-1.8 1.3-2 2.3l4 4.3z"/>
                      <path d="M59 16.9c.9 1.4 2.7 2.1 4.3 1.4.1 0 .2-.1.3-.1L59 16.9z"/>
                      <circle cx="33.2" cy="19.1" r="3.4"/>
                      <path d="M21.6 23.1c.7-.9.9-2.2.4-3.3-.7-1.8-2.7-2.6-4.5-1.9-.2.1-.4.2-.5.3l4.6 4.9z"/>
                      <path d="M44.4 18.4c.7 1.8 2.7 2.6 4.5 1.9 1.8-.7 2.6-2.7 1.9-4.5-.3-.8-.9-1.4-1.6-1.7l-1.4-.4c-.5 0-1 0-1.5.2-1.7.8-2.6 2.8-1.9 4.5z"/>
                      <circle cx="71.9" cy="25.4" r="3.4"/>
                      <circle cx="43.1" cy="29.4" r="3.4"/>
                      <path d="M31.4 33.6c.8-.9 1-2.3.5-3.5-.7-1.8-2.7-2.6-4.5-1.9-.3.1-.5.2-.7.4l4.7 5z"/>
                      <path d="M54.3 28.7c.7 1.8 2.7 2.6 4.5 1.9 1.8-.7 2.6-2.7 1.9-4.5-.7-1.8-2.7-2.6-4.5-1.9-1.7.7-2.6 2.7-1.9 4.5z"/>
                      <circle cx="65.4" cy="39.4" r="3.4"/>
                      <path d="M40 42.8c0-.2-.1-.5-.2-.7-.4-1.1-1.3-1.8-2.4-2l2.6 2.7z"/>
                      <circle cx="79.7" cy="37.4" r="3.4"/>
                      <path d="M47.8 42.7c.7 1.8 2.7 2.6 4.5 1.9 1.8-.7 2.6-2.7 1.9-4.5-.7-1.8-2.7-2.6-4.5-1.9-1.8.7-2.6 2.7-1.9 4.5z"/>
                      <circle cx="75.5" cy="51.8" r="3.4"/>
                      <path d="M58 55.1c.7 1.8 2.7 2.6 4.5 1.9 1.8-.7 2.6-2.7 1.9-4.5-.7-1.8-2.7-2.6-4.5-1.9-1.8.7-2.6 2.7-1.9 4.5z"/>
                      <circle cx="69" cy="65.8" r="3.4"/>
                      <circle cx="83.4" cy="63.8" r="3.4"/>
                      <circle cx="78.9" cy="76" r="3.4"/>
                      <path d="M83.6 89.3l1.6 1.8c.9.5 1.9.5 2.9.1 1.8-.7 2.6-2.7 1.9-4.5-.7-1.8-2.7-2.6-4.5-1.9-1.8.8-2.7 2.8-1.9 4.5z"/>
                    </g>
                  </g>
                </svg>

                <svg id="c2x2" xmlns="http://www.w3.org/2000/svg" width="27" height="20" viewBox="0 0 98 73.5">
                 
                  <g>
                    <path class="c2" d="M98 25.3L14.9 73.5 0 47.3 83.6 0z"/>
                    <g class="c2p">
                      <path d="M98 25.3l-4.2 2.4-.3-10.3z"/>
                      <path d="M87.9 31.1L82 34.6l-.9-33.2L83.6 0l3.6 6.4z"/>
                      <path d="M76.1 38l-5.9 3.4-.9-33.3 5.9-3.3z"/>
                      <path d="M64.3 44.8l-5.9 3.4-.9-33.4 5.9-3.4z"/>
                      <path d="M52.5 51.7l-5.9 3.4-.9-33.6 5.9-3.4z"/>
                      <path d="M40.7 58.5l-5.9 3.4-.9-33.7 5.9-3.4z"/>
                      <path d="M28.9 65.3L23 68.8l-.9-34 5.9-3.3z"/>
                      <path d="M17.1 72.2l-2.2 1.3-4-7-.6-25 5.9-3.3z"/>
                      <path d="M0 47.3l4.3-2.4.3 10.6z"/>
                    </g>
                  </g>
                </svg>

                <svg id="c3x2" xmlns="http://www.w3.org/2000/svg" width="25" height="30" viewBox="0 0 81.6 98">
                
                  <g>
                    <path class="c3" d="M53.1 53.1L81.6 8.3C56.8-7.4 24-.1 8.3 24.7-7.4 49.5-.1 82.3 24.7 98l28.4-44.9z"/>
                    <g class="c3g">
                      <path d="M47.8.3L44.2 4l-1-3c1.5-.3 3-.6 4.6-.7z"/>
                      <path d="M45.8 8.7l16 2.2L58.1.2C56.9.1 55.6 0 54.4 0l-8.6 8.7z"/>
                      <path d="M63.4 15.7L52.1 27.2l-4.7-13.7z"/>
                      <path d="M53.7 31.9l11.9 1.6 2.5-4-3.1-9z"/>
                      <path d="M58.2 45.1l-2.9-8.4 7.6 1z"/>
                      <path d="M51.5 55.7l-9.9-1.3 3.7 11z"/>
                      <path d="M39.9 49.6l11.3-11.5 4 11.7-1 1.7z"/>
                      <path d="M49.6 33.3l-16-2.2 4.7 13.7z"/>
                      <path d="M32 26.4l11.3-11.5L48 28.5z"/>
                      <path d="M41.7 10.1l-16-2.2 4.7 13.7z"/>
                      <path d="M38.9 1.9l1.2 3.4-7.8-1.1c2.1-.8 4.4-1.6 6.6-2.3z"/>
                      <path d="M74.3 19.7l-5-.7 1.9 5.6z"/>
                      <path d="M67.7 14.2l8.7-8.9c1.4.7 2.9 1.5 4.3 2.3l.4 1.4-4.1 6.5-9.3-1.3z"/>
                      <path d="M63.1.9L66 9.4l5.9-6c-2.8-1.1-5.8-1.9-8.8-2.5z"/>
                      <path d="M11 20.8l15.5 2.1L22.1 10c-1.7 1.2-3.3 2.5-4.8 3.9l-3.8 3.8c-.9 1-1.7 2-2.5 3.1z"/>
                      <path d="M28.2 27.7L16.8 39.2l-4.6-13.7z"/>
                      <path d="M18.5 43.9l16 2.2-4.7-13.6z"/>
                      <path d="M36.1 50.9L24.8 62.4l-4.7-13.7z"/>
                      <path d="M26.4 67.1l16 2.2-4.7-13.6z"/>
                      <path d="M32.6 85.5L28 71.9l12.2 1.7z"/>
                      <path d="M28.8 91.6l-14.3-2c2.9 3 6.1 5.8 9.8 8.1l1.5-1.6 3-4.5z"/>
                      <path d="M12.6 84.8l11.3-11.5L28.6 87z"/>
                      <path d="M22.3 68.5l-16-2.1L11 80z"/>
                      <path d="M4.7 61.6L16 50.1l4.7 13.7z"/>
                      <path d="M14.4 45.3L.9 43.5c-.3 1.6-.5 3.3-.7 4.9l2.9 8.4 11.3-11.5z"/>
                      <path d="M5.6 29.5l2.6-2.6 4.7 13.7-11-1.5c.9-3.3 2.1-6.5 3.7-9.6z"/>
                    </g>
                  </g>
                </svg>

                <svg id="c4x2" xmlns="http://www.w3.org/2000/svg" width="31" height="36" viewBox="0 0 84 98">
               
                  <g>
                    <path class="c4" d="M66.6 98L0 19.8 84 0z"/>
                    <g class="c4g">
                      <path d="M9.1 17.7c.3.3.5.8.7 1.2.5 1.7-.5 3.4-2.2 3.9-1.7.5-3.4-.5-3.9-2.2-.2-.6-.2-1.1 0-1.7l5.4-1.2z"/>
                      <path d="M22.4 14.5c.1.2.2.5.3.7.5 1.7-.5 3.4-2.2 3.9-1.7.5-3.4-.5-3.9-2.2-.1-.4-.1-.7-.1-1.1l5.9-1.3z"/>
                      <path d="M35.5 11.4c0 .1 0 .1.1.2.5 1.7-.5 3.4-2.2 3.9-1.6.5-3.4-.5-3.8-2.2 0-.2-.1-.3-.1-.5l6-1.4z"/>
                      <path d="M48.6 8.4c.2 1.5-.7 3.1-2.2 3.5-1.6.5-3.3-.5-3.8-2.1l6-1.4z"/>
                      <path d="M61.5 5.3c0 1.3-.9 2.5-2.3 2.9-1.4.4-2.9-.3-3.6-1.5l5.9-1.4z"/>
                      <path d="M74.3 2.3c-.3 1.1-1.1 2-2.2 2.3-1.2.3-2.5-.1-3.3-1l5.5-1.3z"/>
                      <path d="M83.8 1c-.6-.1-1.1-.3-1.6-.6L84 0l-.2 1z"/>
                      <circle cx="15" cy="26.4" r="3.1"/>
                      <circle cx="27.9" cy="22.7" r="3.1"/>
                      <circle cx="40.8" cy="19.1" r="3.1"/>
                      <circle cx="53.7" cy="15.4" r="3.1"/>
                      <circle cx="66.6" cy="11.8" r="3.1"/>
                      <path d="M78.6 5.1c1.7-.5 3.4.5 3.9 2.2.1.2.1.4.1.6l-.3 1.6c-.4.8-1.1 1.4-2 1.7-1.7.5-3.4-.5-3.9-2.2-.4-1.7.6-3.4 2.2-3.9z"/>
                      <path d="M10.6 32.3c1.6-.3 3.2.6 3.6 2.2.2.7.1 1.3-.1 1.9l-3.5-4.1z"/>
                      <circle cx="24.1" cy="31.8" r="3.1"/>
                      <circle cx="37" cy="28.1" r="3.1"/>
                      <circle cx="49.9" cy="24.5" r="3.1"/>
                      <circle cx="62.8" cy="20.8" r="3.1"/>
                      <circle cx="75.7" cy="17.2" r="3.1"/>
                      <path d="M18.6 39c1.7-.5 3.4.5 3.9 2.2.4 1.4-.2 2.8-1.3 3.5l-4-4.7c.3-.5.8-.8 1.4-1z"/>
                      <circle cx="32.3" cy="38.4" r="3.1"/>
                      <circle cx="45.2" cy="34.7" r="3.1"/>
                      <circle cx="58.1" cy="31.1" r="3.1"/>
                      <circle cx="71" cy="27.4" r="3.1"/>
                      <circle cx="28.5" cy="47.4" r="3.1"/>
                      <circle cx="41.4" cy="43.7" r="3.1"/>
                      <circle cx="54.3" cy="40.1" r="3.1"/>
                      <circle cx="67.2" cy="36.4" r="3.1"/>
                      <path d="M77.8 34.9c-.3-.4-.6-.8-.7-1.3-.4-1.5.3-3 1.6-3.7l-.9 5z"/>
                      <circle cx="36.8" cy="54" r="3.1"/>
                      <circle cx="49.6" cy="50.3" r="3.1"/>
                      <circle cx="62.5" cy="46.7" r="3.1"/>
                      <path d="M74.6 40c.8-.2 1.6-.1 2.3.2l-1 5.9c-1.5.2-3-.7-3.4-2.3-.6-1.6.4-3.3 2.1-3.8z"/>
                      <path d="M34.4 60.2c.7.4 1.2 1 1.5 1.8l-1.5-1.8z"/>
                      <circle cx="45.8" cy="59.3" r="3.1"/>
                      <circle cx="58.7" cy="55.7" r="3.1"/>
                      <path d="M70.8 49c1.7-.5 3.4.5 3.9 2.2.1.3.1.6.1 1l-.2.8c-.3 1-1.1 1.7-2.1 2-1.7.5-3.4-.5-3.9-2.2-.5-1.6.5-3.3 2.2-3.8z"/>
                      <path d="M40.3 66.6c1.7-.5 3.4.5 3.9 2.2.3.9.1 1.8-.4 2.5l-3.9-4.6c.2 0 .3-.1.4-.1z"/>
                      <circle cx="54.1" cy="66" r="3.1"/>
                      <circle cx="67" cy="62.3" r="3.1"/>
                      <path d="M49.4 71.9c1.7-.5 3.4.5 3.9 2.2.5 1.7-.5 3.4-2.2 3.9-.5.1-1 .2-1.5 0l-2.5-2.9c-.1-1.4.9-2.7 2.3-3.2z"/>
                      <circle cx="63.1" cy="71.3" r="3.1"/>
                      <circle cx="58.5" cy="81.6" r="3.1"/>
                      <path d="M70.5 74.9c.1 0 .1 0 .2-.1l-1 5.7c-.6-.4-1.1-1-1.4-1.8-.4-1.6.5-3.3 2.2-3.8z"/>
                      <path d="M66.7 83.9c.8-.2 1.7-.1 2.4.3L68 90c-1.5.2-3.1-.7-3.5-2.2-.4-1.7.5-3.4 2.2-3.9z"/>
                      <path d="M63.3 94.1c1.2.1 2.3 1 2.6 2.3.1.3.1.7.1 1l-2.7-3.3z"/>
                    </g>
                  </g>
                </svg>
		    </div>
		</a>
        
        <script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.19.1_92cf05aba6ca4ea5cbc62b5a7cb924e3_min.js"></script>
        <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js"></script> -->


        <script type="text/javascript">

        
             function init() {

                var tl1 = new TimelineMax('repeat:-1');

                tl1
                .add('confettiIn')
                .to("#c1", 2, {top: 350, rotation: 520, ease: Power0.easeNone}, 'confettiIn')
                .to("#c2", 3, {top: 270, rotation: 420, ease: Power0.easeNone}, 'confettiIn+=1')
                .to("#c3", 5, {top: 450, rotation: 520, ease: Power0.easeNone}, 'confettiIn')
                .to("#c4", 4, {top: 270, rotation: 360, ease: Power0.easeNone}, 'confettiIn')
                .to("#c5", 5, {top: 320, rotation: 650, ease: Power0.easeNone}, 'confettiIn+=1')
                .to("#c6", 3, {top: 400, rotation: 360, ease: Power0.easeNone}, 'confettiIn')
                .to("#c7", 4, {top: 270, rotation: 420, ease: Power0.easeNone}, 'confettiIn+=0.5')
                .to("#c8", 5, {top: 270, rotation: 360, ease: Power0.easeNone}, 'confettiIn')
                .to("#c9", 6, {top: 270, rotation: 700, ease: Power0.easeNone}, 'confettiIn')
                .to("#c10", 5, {top: 270, rotation: 360, ease: Power0.easeNone}, 'confettiIn')
                ;
             
                var tl2 = new TimelineMax('repeat:-1');

                tl2
                .add('confettin2')
                .to("#c1x", 4, {top: 350, rotation: 520, ease: Power0.easeNone}, 'confettin2')
                .to("#c2x", 5, {top: 270, rotation: 420, ease: Power0.easeNone}, 'confettin2+=0.5')
                .to("#c3x", 4, {top: 450, rotation: 520, ease: Power0.easeNone}, 'confettin2+=1')
                .to("#c4x", 6, {top: 270, rotation: 360, ease: Power0.easeNone}, 'confettin2+=2')
                .to("#c5x", 6, {top: 320, rotation: 650, ease: Power0.easeNone}, 'confettin2+=0.3')
                .to("#c6x", 3, {top: 400, rotation: 360, ease: Power0.easeNone}, 'confettin2+=1')
                .to("#c7x", 5, {top: 270, rotation: 420, ease: Power0.easeNone}, 'confettin2+=1')
                .to("#c8x", 4, {top: 270, rotation: 360, ease: Power0.easeNone}, 'confettin2+=1.5')
                .to("#c9x", 5, {top: 300, rotation: 360, ease: Power0.easeNone}, 'confettin2')
                .to("#c10x", 5, {top: 270, rotation: 360, ease: Power0.easeNone}, 'confettin2+=1');

                var tl3 = new TimelineMax('repeat:-1');

                tl2
                .add('confettin3')
                .to("#c1x2", 6, {top: 350, rotation: 520, ease: Power0.easeNone}, 'confettin3+=1')
                .to("#c2x2", 7, {top: 270, rotation: 650, ease: Power0.easeNone}, 'confettin3+=0.5')
                .to("#c3x2", 5, {top: 450, rotation: 520, ease: Power0.easeNone}, 'confettin3+=1')
                .to("#c4x2", 4, {top: 270, rotation: 360, ease: Power0.easeNone}, 'confettin3+=0.5')
                .to("#c5x2", 5, {top: 320, rotation: 650, ease: Power0.easeNone}, 'confettin3+=1')
                ;

                var tl4 = new TimelineMax();

                tl4
                .add('sale-in')
                .to("#ny", 0.3, {scale: 1.3, autoAlpha: 1, ease: Sine.easeIn}, 'sale-in')
                .to("#ny", 0.3, {scale: 1, autoAlpha: 1, ease: Bounce.easeOut}, 'sale-in+=0.3')
                .to("#nysale", 0.3, {scale: 1.6, autoAlpha: 1, ease: Sine.easeIn}, 'sale-in+=0.6')
                .to("#nysale", 0.3, {scale: 1, autoAlpha: 1, ease: Bounce.easeOut}, 'sale-in+=0.9')
                .to("#ny", 0.3, {scale: 0, autoAlpha: 0, ease: Sine.easeIn}, 'sale-in+=1.3')
                .to("#nysale", 0.3, {scale: 0, autoAlpha: 0, ease: Sine.easeIn}, 'sale-in+=1.4')
                .to("#logo", 0.3, {scale: 1, autoAlpha: 1, ease: Sine.easeIn}, 'sale-in+=1.4')
                ;

                var tl5 = new TimelineMax({onComplete:replayAnimation});

                tl5
                .add('prices-in')
                .to("#ic", 0.3, {scale: 1.3, ease: Sine.easeIn}, 'sale-in+=1.7')
                .to("#ic", 0.3, {scale: 0.8, ease: Bounce.easeOut}, 'sale-in+=2')
                .to("#i1", 0.3, {scale: 1.3, ease: Sine.easeIn}, 'sale-in+=2')
                .to("#i1", 0.3, {scale: 1, ease: Bounce.easeOut}, 'sale-in+=2.3')
                .to("#ca", 1, {autoAlpha: 1, ease: Bounce.easeOut}, 'sale-in+=2.3')
                .to("#pp", 0.1, {left: 100, autoAlpha: 0, ease: Sine.easeIn}, 'sale-in2.7')
                .to("#pd", 0.1, {left: 100, autoAlpha: 0, ease: Sine.easeIn}, 'sale-in2.9')
                .to("#p1", 0.1, {left: 100, autoAlpha: 0, ease: Sine.easeIn}, 'sale-in3.2')
                .to("#p2", 0.2, {left: 0, autoAlpha: 1, ease: Sine.easeIn}, 'sale-in2.8')
                .to("#pd2", 0.2, {left: 0, autoAlpha: 1, ease: Sine.easeOut}, 'sale-in3.3')
                .to("#from", 0.2, {left: 20, autoAlpha: 1, ease: Sine.easeOut}, 'sale-in3.4')
                .to("#pp2", 0.2, {left: 50, autoAlpha: 1, ease: Sine.easeOut}, 'sale-in3.4')
                ;

                 function replayAnimation(){

                  setTimeout(function(){ 

                  tl1.restart();
                  tl2.restart();
                  tl3.restart();
                  tl4.restart();
                  tl5.restart();


                   }, 1000);
                
                }

            }
    
            window.onload = init;

        </script>

	</body>
</html>
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console