css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

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

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <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>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console