123

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.

            
              <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.13.2/TweenMax.min.js"></script>
    <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
    <script type="text/javascript">
    var clickTag = "https://www.google.com";
    </script>
    <script type="text/javascript">
    function bannerPlay() {
        var MTL = new TimelineLite({
            paused: false
        });
        var bg = document.getElementById('bgImage');
        var arrow = document.getElementById('arrow');
        var aC1 = document.getElementById('aC1');
        var aC2 = document.getElementById('aC2');
        var aC3 = document.getElementById('aC3');
        var c1 = document.getElementById('c1');
        var c2 = document.getElementById('c2');
        var c3 = document.getElementById('c3');
        var c4 = document.getElementById('c4');
        var c5 = document.getElementById('c5');
        var cta = document.getElementById('cta');
        var model1 = document.getElementById('model1');
        var model2 = document.getElementById('model2');
        var model3 = document.getElementById('model3');
        var box1 = document.getElementById('box1');
        
        HTMLElement.prototype.centre = function(container, tf) {
            var w = container.clientWidth,
                h = container.clientHeight;
            this.style.position = 'absolute';
            this.style.left = (w - this.offsetWidth) / 2 + 'px';
            includeH = tf;
            if (includeH == true) {
                this.style.top = (h - this.offsetHeight) / 2 + container.offsetTop + 'px';
                includeH = false;
            }
        } 

         c1.centre(stage, true);
         c2.centre(stage, true);
         c3.centre(stage, true);
         c4.centre(stage, true);

        //MOVEMENT HANDLERS
        var slowPan = function(obj, dur, val) {
                TweenMax.to(obj, dur, {
                    left: val,
                    ease: Linear.easeInOut
                });
            }
            //COPY HANDLERS
        function copyReveal(copyVal) {
            TweenLite.from(copyVal, .5, {
                delay: .25,
                x: "+=150"
            });
            TweenLite.to(copyVal, .5, {
                delay: .25,
                opacity: 1
            });
        }

        function copyHide(copyVal) {
            TweenLite.to(copyVal, .5, {
                delay: 0,
                x: "-=150"
            });
            TweenLite.to(copyVal, .5, {
                delay: -.25,
                opacity: 0
            });
        }

        function shifter(obj, dur, dist) {
                TweenLite.to(obj, dur, {
                    x: dist,
                    ease: Linear.easeOut
                });
            }
            //STATIC
        function objRevealStatic(obj) {
            TweenLite.from(obj, .75, {
                right: "-=250"
            });
            TweenLite.to(obj, .5, {
                delay: -.25,
                opacity: 1
            });
        }

        function objHideStatic(obj) {
                TweenLite.to(obj, .75, {
                    x: "-=250"
                });
                TweenLite.to(obj, .5, {
                    delay: .25,
                    opacity: 0
                });
            }
            //DYNAMIC
        function objReveal(obj, dur, val, del) {
            TweenLite.from(obj, dur, {
                x: val1
            });
            TweenLite.to(obj, dur, {
                delay: del,
                opacity: val2
            });
        }

        function objHide(obj, dur, dur2, val, del) {
            TweenLite.to(obj, dur, {
                x: val
            });
            TweenLite.to(obj, dur, {
                delay: del,
                opacity: 0
            });
        }

        //RELATIVE
        function objRevealRelative(obj, dur, val, del) {
            TweenLite.from(obj, dur, {
                left: val
            });
            TweenLite.to(obj, dur, {
                delay: del,
                opacity: 1
            });
        }

        function objHideRelative(obj, dur, val, del) {
            TweenLite.to(obj, dur, {
                x: val
            });
            TweenLite.to(obj, dur, {
                delay: del,
                opacity: 0
            });
        }


        function colorChange(obj,  col) {
            /*TweenLite.to(obj, dur, {
                color: col
            });*/
				var fillClass = obj;
				for (var i = 0; i < fillClass.length; ++i) {
					var item = fillClass[i]
					item.style.fill = col;
				}
			
        }

        //SHRINK/GROW
        function popOut(obj, dur) {
            TweenLite.to(obj, dur, {
                scale: 1.25
            });
            TweenLite.to(obj, dur, {
                delay: .75,
                scale: 1
            });
        }


        MTL.add(function() {
                // slowPan(bg, 14, "-=550")
                
            }, 0);
        MTL.add(function(){
        	// objRevealRelative(cta, .5, "-=150", 0 );
        	// cta.style.visibility = "visible";
        	// cta.className += ' visible'
        }, 1)

		var mtlTS = MTL.timeScale();
		MTL.timeScale(.65);

		MTL.add([function(){
			slowPan(bg, 14, "-=550")
            objRevealRelative(logo, .25, "-=100", 0)
        }, function() {
        }
        ], 0, "sequence", 1)
        
        MTL.add([function(){
            // shifter(bg, .5, "-=150");
            copyReveal(c1);
            objRevealStatic(model1);
            }, function(){
            colorChange(document.getElementsByClassName('hl1'), "#FFFFFF" );
            popOut(aC1, .25);
            }
            ], .25, "sequence", .5);

        MTL.add([function(){
                objRevealRelative(arrow, 1, "-=250", 0 );
            }
			], .3, "sequence", .5);

		MTL.add([function(){
			copyHide(c1);
			colorChange(document.getElementsByClassName('hl1'), "#FFDD4D" );
			objHideStatic(model1);			
			}, function(){
			// shifter(bg, .5, "-=150");
			copyReveal(c2);
			colorChange(document.getElementsByClassName('hl2'), "#FFFFFF" );
			popOut(aC2, .25)
			objRevealStatic(model2);

			}], 2.25, "sequence", .25);

		MTL.add([function(){
			copyHide(c2);
			colorChange(document.getElementsByClassName('hl2'), "#FFDD4D" );
			objHide(model2, .75, .5, "-=125", -.1);
			}, function(){
			// shifter(bg, .5, "-=150");
			copyReveal(c3);
			colorChange(document.getElementsByClassName('hl3'), "#FFFFFF" );
			popOut(aC3, .25)
			objRevealStatic(model3);

			}], 4.25, "sequence", .25);

		MTL.add([function(){
			copyHide(c3);
			colorChange(document.getElementsByClassName('hl3'), "#FFDD4D" );
			objHideStatic(model3);
			}, function(){
			// shifter(bg, .5, "-=150");
			copyReveal(cta);
            copyReveal(c4);
            copyReveal(box1);
			}], 6.25, "sequence", .25);


		
		MTL.resume();
    }
    </script>
    <style type="text/css">
    html,
    body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: #000000;
    }
    #banner {
        width: 728px;
        height: 90px;
        overflow: hidden;
        background-color: #fff;
        margin-top: 0;
        position: absolute;
        /*visibility:hidden;*/
        
        z-index: 0;
        border: 1px solid #00b1a9;
        cursor: pointer;
    }
    /*    #banner:hover #cta {
        background-color: #00b1a9;
        color: #fff;
    }*/
    
    #banner:hover .icon-effect {
        opacity: 1;
        top: -30%;
        left: -30%;
    }
    /* Active state */
    
    #banner:active .icon-effect {
        opacity: 0;
    }
    #stage {
        width: 726px;
        height: 88px;
        overflow: hidden;
        margin: 0;
        position: absolute;
        /*visibility:hidden;*/
        
        z-index: 0;
    }
    #logo {
        background: url(http://ola.ampagency.com/assets/2015/Hasbro/Playskool/PSG/psLogo.png);
        width: 94px;
        height: 36px;
        background-size: cover;
        overflow: hidden;
        left: 10%;
        top: 15px;
        margin-left: -47px;
        position: absolute;
        z-index: 40;
        transform: scale(1.3);
    }
    #cta {
        opacity: 0;
        width: 93px;
        height: 38px;
        overflow: hidden;
        margin-top: 10px;
        right: 80px;
        /*background-color:#fff;*/
        
        position: absolute;
        z-index: 0;
        /*border: 1px solid #00b1a9;*/
        /*color: #00b1a9;*/
        
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
        font-size: 16px;
        z-index: 30;
    }
    #cta p {
        /*font-family: 'Montserrat', sans-serif;*/
        
        position: relative;
        margin: 0;
        padding: 10px 0 0 0;
    }
    .button {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        padding: 0;
        border: 1px solid #1663b0;
        border-radius: 8px;
        background: #1a74cf;
        background: -webkit-gradient(linear, left top, left bottom, from(#1a74cf), to(#1a74cf));
        background: -moz-linear-gradient(top, #1a74cf, #1a74cf);
        background: linear-gradient(to bottom, #1a74cf, #1a74cf);
        font: normal normal bold 20px arial;
        color: #ffffff;
        text-decoration: none;
    }
    /*     .button:hover,
.button:focus {
    border: 1px solid #1a74cf;
    background: #1f8bf8;
    background: -webkit-gradient(linear, left top, left bottom, from(#1f8bf8), to(#1f8bf8));
    background: -moz-linear-gradient(top, #1f8bf8, #1f8bf8);
    background: linear-gradient(to bottom, #1f8bf8, #1f8bf8);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #10467c;
    background: -webkit-gradient(linear, left top, left bottom, from(#10467c), to(#1a74cf));
    background: -moz-linear-gradient(top, #10467c, #1a74cf);
    background: linear-gradient(to bottom, #10467c, #1a74cf);
} */
    
    .button .icon-effect {
        position: absolute;
        top: -110%;
        left: -210%;
        width: 200%;
        height: 200%;
        opacity: 0;
        background: rgba(255, 255, 255, 0.2);
        background: -moz-linear-gradient( left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 0.0) 100%);
        background: -webkit-linear-gradient( top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 0.0) 100%);
        background: -webkit-gradient( linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0.2)), color-stop(90%, rgba(255, 255, 255, 0.8)), color-stop(100%, rgba(255, 255, 255, 0.0)));
        background: -o-linear-gradient( top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 0.0) 100%);
        background: -ms-linear-gradient( top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.5) 90%, 6 rgba(255, 255, 255, 0.0) 100%);
        background: linear-gradient( top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 0.0) 100%);
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        transform: rotate(30deg);
        -webkit-transition-property: left, top, opacity;
        -moz-transition-property: left, top, opacity;
        -ms-transition-property: left, top, opacity;
        -o-transition-property: left, top, opacity;
        transition-property: left, top, opacity;
        -webkit-transition-duration: 0.5s, 0.5s, 0.1s;
        -moz-transition-duration: 0.5s, 0.5s, 0.1s;
        -ms-transition-duration: 0.5s, 0.5s, 0.1s;
        -o-transition-duration: 0.5s, 0.5s, 0.1s;
        transition-duration: 0.5s, 0.5s, 0.1s;
        -webkit-transition-timing-function: ease;
        -moz-transition-timing-function: ease;
        -ms-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
    }
    /*#cta:hover{
			cursor: pointer;
			background-color: #00b1a9;
			color: #fff;
		}*/
    
    .unselectableText {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
    }
    #bgImage {
        background-image: url(http://ola.ampagency.com/assets/2015/Hasbro/Playskool/PSG/bgPattern2.jpg);
        width: 2400px;
        height: 600px;
        background-repeat: repeat;
        position: absolute;
        z-index: 0;
    }
    #c1 {
        opacity:0;
        width: 73px;
        height: 43px;
        z-index: 60;
        position: absolute;
        line-height: 7px;
        /*text-align: center;*/
        /*margin-top: 80px;*/
        margin-left: -130px;

    }
    #c2 {
        opacity:0;
        width: 84px;
        height: 43px;
        z-index: 60;
        position: absolute;
        line-height: 7px;
        text-align: center;
        /*margin-top: 80px;*/
        margin-left: -130px;
    }
    #c3 {
        opacity:0;
        width: 48px;
        height: 43px;
        z-index: 60;
        position: absolute;
        line-height: 7px;
        text-align: center;
        /*margin-top: 70px;*/
        margin-left: -130px;
    }
    #c4 {
        opacity:0;
        width: 133px;
        height: 55px;
        z-index: 60;
        position: absolute;
        line-height: 7px;
        text-align: center;
        /*margin-top: 80px;*/
        margin-left: -113px;
    }
    #bg-exit {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        cursor: pointer;
        opacity: 0;
    }
    #lockup {
        width: 728px;
        height: 27px;
        background-color: #fff;
        position: absolute;
        display: block;
        bottom: 0;
        z-index: 10;
    }
    #legal {
        font-family: Arial;
        color: #000;
        font-size: 6px;
        font-weight: bold;
        text-align: center;
        position: absolute;
        margin: 60px 0 0 25px;
        z-index: 60;
        width: 100px;
    }
    .visible {
    	visibility: visible !important;
    	-webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }
    #model1 {
    	opacity: 0;
    	background: url(http://ola.ampagency.com/assets/2015/Hasbro/Playskool/PSG/model1.png);
    	background-size: cover;
    	width: 204px;
    	height: 301px;
    	position: absolute;
    	z-index: 55;
    	display: block;
    	right: 225px;
        top: -150px;
        transform: scale(.7);
    }

    #model2 {
    	opacity: 0;
    	background: url(http://ola.ampagency.com/assets/2015/Hasbro/Playskool/PSG/model2b.png);
    	background-size: cover;
    	width: 249px;
    	height: 254px;
    	position: absolute;
    	z-index: 55;
    	display: block;
        right: 225px;
        top: -125px;
        transform: scale(1) rotate(-30deg);
    }
	#model3 {
		opacity: 0;
    	background: url(http://ola.ampagency.com/assets/2015/Hasbro/Playskool/PSG/model3a.png);
    	background-size: cover;
    	width: 138px;
    	height: 90px;
    	position: absolute;
    	z-index: 55;
    	display: block;
        right: 275px;
        top: 0;
        transform: scale(1);
    }
	#box1 {
		opacity: 0;
    	background: url(http://ola.ampagency.com/assets/2015/Hasbro/Playskool/PSG/box1.png);
    	background-size: cover;
    	width: 76px;
    	height: 95px;
    	position: absolute;
    	z-index: 55;
    	display: block;
        right: 275px;
        margin-top: -5px;
    }
    #arrow {
        opacity: 0;
        width: 276px;
        height: 52px;
        position: absolute;
        display: block;
        bottom: 5px;
        right: 30px;
        z-index: 50;
        margin: 0 0 0 0;
        transform: scale(1);
    }

    #aC1 {
    	width: 32px;
    	height: 15px;
    	position: absolute;
    	display: block;
    	z-index: 60;
    	margin: 30px 0 0 135px;
    }

    #aC2 {
    	width: 36px;
    	height: 15px;
    	position: absolute;
    	display: block;
    	z-index: 60;
    	margin: 30px 0 0 183px;
    }

    #aC3 {
    	width: 18px;
    	height: 15px;
    	position: absolute;
    	display: block;
    	z-index: 60;
    	margin: 20px 0 0 239px;
    }


	

    </style>

</head>

<body>
    <a href="javascript:window.open(window.clickTag)">
        <div id="banner">
            <div id="bg-exit"></div>
            <div id="stage">
                <div id="logo"></div>
                <div id="bgImage"></div>
                <div id="c1" class="copy">
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="67.8px" height="29.8px" viewBox="0 0 67.8 29.8" enable-background="new 0 0 67.8 29.8" xml:space="preserve">
                        <defs>
                        </defs>
                        <g>
                            <path d="M6.7,18.5c0,3,0,6.5,0.3,9.1c-2.4,0.9-6.2,1.5-6.2,1.5c0-4,0.1-11.2,0-18.2C0.7,7.5,0.5,2.9,0,1c2.2-0.6,4.1-0.7,5.4-0.7
							c6.6,0,10.9,1.9,10.9,8.9C16.3,13.1,12.7,17.7,6.7,18.5z M6.4,5.3c0,1.1,0.1,2.8,0.2,4c0,1,0.1,2.9,0.1,4c2.5-0.3,3.6-1.9,3.6-4.3
							C10.2,6.4,9.7,5.3,6.4,5.3z" />
                            <path d="M30.6,29.5c-1.8-0.3-3.5-0.3-5-0.4c-2.8-0.2-5.7-0.2-7.9-0.3c0.3-3.8,0.6-13.1,0.3-20.7c-0.1-2.3,0-4.8-0.3-7.2
							c2.5,0,4.2-0.3,6.4-0.6c0.1,3.4,0,19,0,23.9c2.1,0,4.4,0,7.7-0.2C31.3,26.3,31.1,27.1,30.6,29.5z" />
                            <path d="M45.6,29.8c-0.3-2.2-0.9-4.7-1.2-6.2c0-0.1-0.1-0.4-0.1-0.5c-1.1,0.1-4.3,0.2-5.3,0.2c-0.3,1.6-0.9,4.7-1.1,6.5
							c-2.3-0.9-4-1.6-5.8-2c0.6-2.3,4-14.3,5.4-22.8C37.7,3.7,38,1.8,38,0.6c1.6-0.2,4.1-0.3,5.8-0.6c0.4,2,7.1,25.9,7.7,28.4
							C49.7,28.8,47.6,29.2,45.6,29.8z M41.3,9.1c-0.3,1.3-1.3,8.5-1.5,9.5c0.5,0,3.1,0,3.5,0C43.1,17.5,41.6,10.4,41.3,9.1z" />
                            <path d="M61.6,16.6c0,2,0.3,9,0.1,12.3c-2.2-0.1-4.3-0.2-6.8-0.2c0.4-3.2,0.6-8,0.7-11.6C54.2,14,50,5.8,48.1,2.1
							c2.7-0.5,4.2-1,6.6-2c0.6,2.4,2.6,8,3.7,10.7c0.8-2.4,2.3-7.6,2.9-10.8c2.7,1.1,4,1.6,6.5,2.1C65.7,6.8,62.6,14.1,61.6,16.6z" />
                        </g>
                    </svg>
                </div>
                <div id="c2" class="copy">
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="79.9px" height="30.4px" viewBox="0 0 79.9 30.4" enable-background="new 0 0 79.9 30.4" xml:space="preserve">
                        <defs>
                        </defs>
                        <g>
                            <path d="M0.6,30.4c0-2.5,0.1-3.3,0-5.6c4.5,0,6.6-0.9,6.6-2.6c0-2.1-1.6-4-3.2-6.1C1.9,13.6,0,10.9,0,8c0-4.7,3-7.4,12.6-7.6
		c-0.1,1.8-0.3,3.1,0,5.1C8.2,5.6,5.9,5.8,5.9,7.5c0,1.8,1.5,3.6,3,5.6c1.9,2.6,3.9,5.5,3.9,8.5C12.8,26.9,10.5,29.5,0.6,30.4z" />
                            <path d="M29.9,6.6c-1.4,0-3.6-0.2-5.1-0.3c0.2,3,0.5,10.3,0.6,15.5c0,2.5,0.1,4.3,0,7.7c-2.4-0.2-4.1-0.3-6.6-0.3
		c0.3-3.1,0.5-7.4,0.6-11.3c0.1-4.3,0-9.2,0-12.1c-0.3,0-0.7,0-1.1,0c-1.1,0-2.3,0-4.6,0c0.7-1.9,0.9-3.6,0.9-5.3
		c2,0.3,2.8,0.3,3.6,0.4c4.3,0.3,10.1,0.3,12.6,0.3C30.3,3,30.1,4.8,29.9,6.6z" />
                            <path d="M40,29.7c-4.4,0-9.3-4.8-9.3-15c0-10.8,3.1-14,9.4-14c4.8,0,10,3.1,10,13.9C50.2,25.1,43.9,29.7,40,29.7z M39.7,5.7
		c-1.8,0-2.8,2.1-2.8,8.7c0,6.3,1.4,10,3.7,10c1.8,0,3.4-4.7,3.4-9.8C44,7.1,41.9,5.7,39.7,5.7z" />
                            <path d="M74.3,29.6c-1.6,0.2-3,0.5-5,0.6c-0.6-3.5-3.1-12.7-3.9-17.7c-0.9,4.6-3.6,14-4.3,17.5c-2.2-0.4-3.4-0.7-5.2-0.7
		C54.9,24.6,51.6,7,50.6,2.1c2-0.5,3.3-0.9,6.1-2.1c0.6,3.4,1.7,12.9,2.5,18.4c1-5.3,3.6-15,3.9-17c1.8,0,2.5,0.1,4.6-0.1
		c0.5,3,2.8,11.8,3.7,16.6C72,13.2,73.5,4.5,74,0.7c2.5,0.8,3.5,1,5.9,1.2C78.2,10,75.5,23.6,74.3,29.6z" />
                        </g>
                    </svg>

                </div>
                <div id="c3" class="copy">
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="47.8px" height="30.3px" viewBox="0 0 47.8 30.3" enable-background="new 0 0 47.8 30.3" xml:space="preserve">
                        <defs>
                        </defs>
                        <g>
                            <path d="M16.9,28.7c-2,1.2-5.1,1.6-6.2,1.6C4.8,30.3,0,27,0,15.5C0,3.4,7.3,1.9,16.3,1.7c0.3,1.9,0.4,2.9,0.9,5.2
		C11.1,6.5,6,7.4,6,15.6c0,7.2,2,9.6,5.4,9.6c0.1,0,0.1,0,0.1,0c-0.1-1.5-0.1-5.3-0.2-7.1c-0.6-0.1-1.4-0.3-2.1-0.4c0-2,0-2.8,0-4.9
		c3.2,0.3,5.3,0.6,8.3,0.7C17.3,16.2,16.9,23.2,16.9,28.7z" />
                            <path d="M28.9,30.3c-4.4,0-9.3-4.8-9.3-15c0-10.8,3.1-14,9.4-14c4.8,0,10,3.1,10,13.9C39,25.8,32.7,30.3,28.9,30.3z M28.6,6.3
		c-1.8,0-2.8,2.1-2.8,8.7c0,6.3,1.4,10,3.7,10c1.8,0,3.4-4.7,3.4-9.8C32.9,7.8,30.7,6.3,28.6,6.3z" />
                            <path d="M46.7,22.1c-2.3-0.8-3.1-0.9-5.1-1.1c-0.1-4.7-0.4-12.8-0.9-18.9c1.8-0.5,3.3-0.9,6.5-2.2C46.9,5.9,47,17.7,46.7,22.1z
		 M44.5,30.3c-1.9,0-3.6-1.3-3.6-3.1c0-1.8,1.5-3.1,3.6-3.1c1.9,0,3.4,1.3,3.4,3.1C47.8,28.9,46.6,30.3,44.5,30.3z" />
                        </g>
                    </svg>

                </div>
                <div id="c4" class="copy">
                    <svg version="1.1"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
                         x="0px" y="0px" width="133px" height="55.3px" viewBox="0 0 133 55.3" enable-background="new 0 0 133 55.3" xml:space="preserve"
                        >
                    <defs>
                    </defs>
                    <g>
                        <path d="M11.4,4.7c-1,0-2.5-0.1-3.5-0.2c0.1,2.1,0.3,7.2,0.4,10.9c0,1.8,0.1,3,0,5.4c-1.7-0.1-2.9-0.2-4.6-0.2
                            c0.2-2.2,0.3-5.1,0.4-7.9c0.1-3,0-6.4,0-8.4c-0.2,0-0.5,0-0.8,0c-0.8,0-1.6,0-3.2,0c0.5-1.3,0.7-2.5,0.7-3.7c1.4,0.2,2,0.2,2.5,0.3
                            c3,0.2,7,0.2,8.8,0.2C11.6,2.1,11.5,3.4,11.4,4.7z"/>
                        <path d="M19.9,21.1c-0.2-1.6-0.6-3.3-0.8-4.3c0-0.1-0.1-0.3-0.1-0.4c-0.8,0.1-3,0.1-3.7,0.2c-0.2,1.1-0.6,3.3-0.8,4.6
                            c-1.6-0.7-2.8-1.1-4-1.4c0.4-1.6,2.8-10,3.8-15.9c0.2-0.9,0.4-2.2,0.4-3.1c1.1-0.1,2.9-0.2,4-0.4c0.3,1.4,5,18.1,5.4,19.9
                            C22.8,20.4,21.3,20.7,19.9,21.1z M16.9,6.6c-0.2,0.9-0.9,6-1,6.6c0.3,0,2.1,0,2.5,0C18.2,12.5,17.1,7.5,16.9,6.6z"/>
                        <path d="M33.7,20.9c-1.1-2.6-2.8-6.7-4-9.1c-0.1,0.1-0.5,0.7-0.5,0.8c0,2.5,0,5.3,0.1,7.6c-1.6,0-2.7,0.2-4.5,0.3
                            C24.8,17.8,25.1,8,25,0.8c1.7,0,2.5-0.1,4.2-0.2c0,1.7-0.1,4.8-0.1,7C30.5,5.4,32.5,2,33.5,0c1.4,1,2,1.3,3.6,2.1
                            c-1.4,1.8-2.9,4.1-4.5,6.6c1.1,2.5,2.9,6.3,5,9.9C36.2,19.4,35.4,19.8,33.7,20.9z"/>
                        <path d="M48.2,20.8c-1.2-0.2-2.8-0.2-3.9-0.2c-2-0.1-4.2-0.2-6.1-0.2c0-2,0.3-5.8,0.3-8.9c0.1-3.9,0-8.6-0.1-10.7
                            c1.5-0.1,3.4-0.2,4.1-0.2c1,0,4.3,0.1,6.1,0.1c-0.4,1.4-0.5,2.5-0.7,3.8c-1.5-0.2-3.5-0.3-4.6-0.3c-0.2,0-0.6,0-0.8,0
                            c0,1.5,0,2.6,0,4.1c0.5,0,1.4,0.1,1.8,0c0.2,0,1.6-0.2,3.1-0.2c0,1.2-0.1,2.3-0.1,3.7c-1.3,0-1.9-0.2-3.2-0.3
                            c-0.6-0.1-1.3-0.1-1.7-0.2c-0.1,1.6,0,3.9,0,5.7c0.4,0,0.7,0,1,0c0.3,0,3.2,0.2,5.1,0.1C48.7,18.2,48.5,19.3,48.2,20.8z"/>
                        <path d="M65.5,4.7c-1,0-2.5-0.1-3.5-0.2c0.1,2.1,0.3,7.2,0.4,10.9c0,1.8,0.1,3,0,5.4c-1.7-0.1-2.9-0.2-4.6-0.2
                            c0.2-2.2,0.3-5.1,0.4-7.9c0.1-3,0-6.4,0-8.4c-0.2,0-0.5,0-0.8,0c-0.8,0-1.6,0-3.2,0c0.5-1.3,0.7-2.5,0.7-3.7c1.4,0.2,2,0.2,2.5,0.3
                            c3,0.2,7,0.2,8.8,0.2C65.8,2.1,65.6,3.4,65.5,4.7z"/>
                        <path d="M74.5,20c0.1-1.1,0.2-2.6,0.2-3.5c0-1.5,0.1-2.7,0-3.8c-0.8,0-2.5,0-3.3,0c0,1.8,0,5.4-0.2,8c-1.6-0.5-3.1-0.6-4.3-0.9
                            c0.1-2,0.2-4.1,0.2-5.5c0-3.7,0-7-0.1-9.6C67,3.6,67,1.9,66.8,0.6c1.9,0.2,3.1,0.2,4.9,0c-0.2,1.6-0.3,6.5-0.3,8.6
                            c0.8,0,2.6,0,3.3,0c0-0.1,0-0.3,0-0.4c-0.1-1.1-0.1-5-0.1-5.4c0-0.4,0-1.6-0.2-2.4c1.2-0.1,2.9-0.1,4.4-0.2v18.8
                            C77.4,19.6,76.4,19.7,74.5,20z"/>
                        <path d="M90.4,20.8c-1.2-0.2-2.8-0.2-3.9-0.2c-2-0.1-4.2-0.2-6.1-0.2c0-2,0.3-5.8,0.3-8.9c0.1-3.9,0-8.6-0.1-10.7
                            c1.5-0.1,3.4-0.2,4.1-0.2c1,0,4.3,0.1,6.1,0.1c-0.4,1.4-0.5,2.5-0.7,3.8c-1.5-0.2-3.5-0.3-4.6-0.3c-0.2,0-0.6,0-0.8,0
                            c0,1.5,0,2.6,0,4.1c0.5,0,1.4,0.1,1.8,0C87,8.1,88.3,8,89.8,8c0,1.2-0.1,2.3-0.1,3.7c-1.3,0-1.9-0.2-3.2-0.3
                            c-0.6-0.1-1.3-0.1-1.7-0.2c-0.1,1.6,0,3.9,0,5.7c0.4,0,0.7,0,1,0c0.3,0,3.2,0.2,5.1,0.1C90.8,18.2,90.6,19.3,90.4,20.8z"/>
                        <path d="M101.4,4.2c0,0.4,0.1,1,0.1,1.5c0,1,0.1,2.2,0,3.2c0.5,0,1.3-0.1,1.7-0.1c0.6,0,2.6,0.1,2.6,0.1s-0.5,2-0.5,3.5
                            c-1.2-0.1-1.8-0.2-2.3-0.2c-0.5,0-1,0-1.4-0.1c0,0.4,0,1,0,1.5c0,2.3-0.2,4.4-0.1,7.1c-1.6-0.3-3.1-0.5-4.6-0.6
                            c0.1-3.2,0.4-8.8,0.4-13.9c0-1.8-0.1-2.6-0.2-5.4c2.6,0,6.6,0,8.6-0.1c0,1.4,0,2.1,0.1,3.6C104,4.3,102.5,4.2,101.4,4.2z"/>
                        <path d="M119.2,15.6c0,5.1-3.7,5.2-5.7,5.2c-1.4,0-3.5-0.5-4.3-1.3c-1.1-1.1-1.6-2-1.6-3.7c0-0.7,0-6.1-0.1-10
                            c-0.1-1.7-0.1-3.1-0.1-5.2c1.8,0.1,2.7,0,4.5-0.2c-0.1,2.9,0,14.5,0,15.2c0,1.2,0.5,1.6,1.8,1.6c0.7,0,1.3-0.3,1.3-1.1
                            c0-0.6,0.1-5.4,0-9c-0.1-2.1,0-4.4-0.4-6.3c1.9-0.1,2.9-0.2,4.5-0.3c0.2,3.2,0.1,4.7,0.1,7.1C119.2,10.7,119.2,15.1,119.2,15.6z"/>
                        <path d="M129.5,20.2c-0.5-1.7-3.1-7.4-4.6-10.3c0,0.2,0,1.8,0,2c0,2.7,0.1,7.8,0.1,8.7c-1.4-0.3-2.6-0.5-4.2-0.6
                            c0.2-2,0.5-6.6,0.5-10.2c0-3.2-0.2-7.1-0.2-9c1.3,0,2.3-0.1,3.7-0.3c0.3,1.6,3,7.4,4.6,10.7c0-1.6,0-5.4-0.1-6.9
                            c0-0.9-0.1-1.9-0.3-3.2c1.6-0.1,2.6-0.2,4.1-0.5v19.9C131.4,20.3,130.6,20.3,129.5,20.2z"/>
                        <path d="M31.5,54.8c-1.1,0.1-2.1,0.3-3.5,0.4c-0.5-2.5-2.1-8.9-2.7-12.4c-0.6,3.2-2.5,9.8-3,12.2c-1.6-0.3-2.4-0.5-3.7-0.5
                            c-0.6-3.3-2.9-15.6-3.6-19.1c1.4-0.3,2.3-0.6,4.3-1.4c0.4,2.4,1.2,9,1.7,12.9c0.7-3.7,2.5-10.5,2.7-11.9c1.2,0,1.7,0.1,3.2-0.1
                            c0.3,2.1,2,8.3,2.6,11.6c0.4-3.3,1.4-9.4,1.8-12c1.8,0.5,2.4,0.7,4.1,0.8C34.2,41.1,32.3,50.6,31.5,54.8z"/>
                        <path d="M40.6,55.1c-1.9-0.4-2.6-0.5-4.1-0.5c0.1-3.4,0-14.5-0.2-20.2c1.8,0.3,2.8,0.4,4.5,0.5C40.7,37.5,40.5,47.5,40.6,55.1z"/>
                        <path d="M52.8,38.7c-1,0-2.5-0.1-3.5-0.2c0.1,2.1,0.3,7.2,0.4,10.9c0,1.8,0.1,3,0,5.4c-1.7-0.1-2.9-0.2-4.6-0.2
                            c0.2-2.2,0.3-5.1,0.4-7.9c0.1-3,0-6.4,0-8.4c-0.2,0-0.5,0-0.8,0c-0.8,0-1.6,0-3.2,0c0.5-1.3,0.7-2.5,0.7-3.7c1.4,0.2,2,0.2,2.5,0.3
                            c3,0.2,7,0.2,8.8,0.2C53.1,36.2,52.9,37.5,52.8,38.7z"/>
                        <path d="M61.8,54c0.1-1.1,0.2-2.6,0.2-3.5c0-1.5,0.1-2.7,0-3.8c-0.8,0-2.5,0-3.3,0c0,1.8,0,5.4-0.2,8c-1.6-0.5-3.1-0.6-4.3-0.9
                            c0.1-2,0.2-4.1,0.2-5.5c0-3.7,0-7-0.1-9.6c-0.1-1.1-0.1-2.8-0.3-4.1c1.9,0.1,3.1,0.1,4.9,0c-0.2,1.6-0.3,6.5-0.3,8.6
                            c0.8,0,2.6,0,3.3,0c0-0.1,0-0.3,0-0.4c-0.1-1.1-0.1-5-0.1-5.4c0-0.4,0-1.6-0.2-2.4c1.2-0.1,2.9-0.1,4.4-0.2v18.8
                            C64.7,53.7,63.6,53.8,61.8,54z"/>
                        <path d="M81,46c0,1.4,0.2,6.3,0.1,8.6c-1.5-0.1-3-0.1-4.8-0.1c0.3-2.3,0.4-5.6,0.5-8.1c-1-2.3-3.9-7.9-5.2-10.5
                            c1.9-0.4,2.9-0.7,4.6-1.4c0.5,1.7,1.8,5.6,2.6,7.5c0.5-1.7,1.6-5.3,2-7.6c1.9,0.8,2.8,1.1,4.5,1.5C83.9,39.1,81.7,44.2,81,46z"/>
                        <path d="M91.9,54.9c-3.1,0-6.5-3.3-6.5-10.5c0-7.6,2.2-9.8,6.6-9.8c3.4,0,7,2.2,7,9.7C99,51.7,94.6,54.9,91.9,54.9z M91.7,38.1
                            c-1.3,0-2,1.4-2,6.1c0,4.4,1,7,2.6,7c1.3,0,2.4-3.3,2.4-6.8C94.7,39.1,93.3,38.1,91.7,38.1z"/>
                        <path d="M112.1,49.6c0,5.1-3.7,5.2-5.7,5.2c-1.4,0-3.5-0.5-4.3-1.3c-1.1-1.1-1.6-2-1.6-3.7c0-0.7,0-6.1-0.1-10
                            c-0.1-1.7-0.1-3.1-0.1-5.2c1.8,0.1,2.7,0,4.5-0.2c-0.1,2.9,0,14.5,0,15.2c0,1.2,0.5,1.6,1.8,1.6c0.7,0,1.3-0.3,1.3-1.1
                            c0-0.6,0.1-5.4,0-9c-0.1-2.1,0-4.4-0.4-6.3c1.9-0.1,2.9-0.2,4.5-0.3c0.2,3.2,0.1,4.7,0.1,7.1C112.1,44.8,112.1,49.2,112.1,49.6z"/>
                        <path d="M117.9,49.2c-1.6-0.5-2.2-0.6-3.5-0.8c-0.1-3.3-0.3-9-0.6-13.2c1.3-0.4,2.3-0.6,4.6-1.5C118,37.8,118.1,46.1,117.9,49.2z
                             M116.3,54.9c-1.3,0-2.5-0.9-2.5-2.2c0-1.3,1.1-2.1,2.5-2.1c1.4,0,2.4,0.9,2.4,2.2C118.6,53.8,117.8,54.9,116.3,54.9z"/>
                    </g>
                    </svg>    
                </div>
				<div id="model1"></div>
				<div id="model2"></div>
				<div id="model3"></div>
				<div id="box1"></div>
                <div id="cta" class="button">
                    <div class="icon-effect"></div>
                    <p>Shop Now</p>
                </div>
                <div id="legal">
                    <p>© 2015 Hasbro. All rights reserved.</p>
                </div>
					<div id="arrow">
						<div id="aC1">
							<svg version="1.1"
								 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
								 x="0px" y="0px" width="32.9px" height="15.9px" viewBox="0 0 32.9 15.9" enable-background="new 0 0 32.9 15.9"
								 xml:space="preserve">
							<defs>
							</defs>
							<g>
								<path class="hl1" fill="#FFDD47" d="M3.5,7.9C3.2,9.2,3,10.7,2.9,11.8C1.8,12,0,11.9,0,11.9c0.3-1.7,0.9-4.7,1.4-7.7C1.7,2.8,1.9,0.9,1.9,0
									c1,0,1.9,0,2.5,0.1c3,0.6,4.8,1.7,4.2,4.7C8.2,6.5,6.3,8.1,3.5,7.9z M4.4,2.4C4.3,2.8,4.3,3.5,4.2,4.1C4.1,4.5,4,5.3,3.9,5.8
									c1.1,0.1,1.8-0.5,2-1.5C6,3.2,5.9,2.6,4.4,2.4z"/>
								<path class="hl1" fill="#FFDD47" d="M14.1,14.5c-0.8-0.2-1.6-0.4-2.2-0.5c-1.2-0.3-2.6-0.5-3.6-0.7c0.4-1.6,1.2-5.5,1.5-8.7
									c0.1-1,0.3-2,0.3-3.1c1.1,0.2,1.9,0.1,3,0.2c-0.2,1.4-1.2,8.1-1.6,10.1c1,0.1,2,0.3,3.5,0.4C14.6,13.2,14.4,13.5,14.1,14.5z"/>
								<path class="hl1" fill="#FFDD47" d="M21.5,15.6c0-1-0.2-2-0.2-2.7c0-0.1,0-0.2,0-0.2c-0.5,0-2-0.2-2.4-0.2c-0.2,0.7-0.6,1.9-0.8,2.7
									c-1-0.5-1.7-0.9-2.5-1.2C15.8,13,18,8.1,19,4.6c0.2-0.6,0.4-1.3,0.5-1.9c0.7,0,1.9,0.1,2.7,0.1c0.1,0.9,1.9,11.4,2.1,12.5
									C23.4,15.3,22.5,15.4,21.5,15.6z M20.6,6.5c-0.2,0.6-1,3.6-1.1,3.9c0.2,0,1.4,0.1,1.6,0.2C21,10.2,20.6,7.1,20.6,6.5z"/>
								<path class="hl1" fill="#FFDD47" d="M29.5,10.6c-0.1,0.8-0.2,3.9-0.4,5.3c-1-0.1-2-0.2-3.1-0.3c0.3-1.4,0.6-3.4,0.7-4.9
									c-0.5-1.4-2.1-5.1-2.9-6.7c1.3-0.1,1.9-0.3,3.1-0.6c0.2,1.1,0.9,3.5,1.3,4.7c0.4-1,1.3-3.1,1.7-4.5c1.2,0.6,1.8,0.8,2.9,1.2
									C31.8,6.6,30.1,9.6,29.5,10.6z"/>
							</g>
							</svg>	
						</div>
						<div id="aC2">
							<svg  version="1.1"
								 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
								 x="0px" y="0px" width="36.6px" height="16.3px" viewBox="0 0 36.6 16.3" enable-background="new 0 0 36.6 16.3"
								 xml:space="preserve">
							<defs>
							</defs>
							<g>
								<path class="hl2" fill="#FFDD47" d="M0.5,16.3c0-1.1,0-1.4-0.1-2.4c2.1-0.1,3-0.5,3-1.2c0-0.9-0.8-1.7-1.6-2.6C0.9,9.1,0,7.9,0,6.7
									c-0.1-2,1.3-3.2,5.7-3.4c0,0.8-0.1,1.3,0.1,2.2c-2,0.1-3.1,0.3-3.1,1c0,0.8,0.7,1.5,1.4,2.4C5.1,9.9,6,11,6,12.3
									C6.1,14.6,5.1,15.7,0.5,16.3z"/>
								<path class="hl2" fill="#FFDD47" d="M14,5.4c-0.6,0-1.6,0-2.3,0c0.2,1.3,0.5,4.4,0.7,6.6c0.1,1.1,0.2,1.9,0.2,3.3c-1.1,0-1.9,0-3,0.1
									c0-1.4,0-3.2-0.1-4.8C9.4,8.7,9.2,6.6,9.1,5.4c-0.2,0-0.3,0-0.5,0.1c-0.5,0-1.1,0.1-2.1,0.1C6.7,4.7,6.8,4,6.8,3.3
									c0.9,0.1,1.3,0.1,1.6,0.1c2,0,4.6-0.2,5.8-0.3C14,3.8,14,4.6,14,5.4z"/>
								<path class="hl2" fill="#FFDD47" d="M19.9,14.7c-2,0.2-4.5-1.5-5-5.9c-0.5-4.6,0.7-6.1,3.6-6.5c2.2-0.3,4.7,0.8,5.3,5.4
									C24.3,12.2,21.7,14.5,19.9,14.7z M18.6,4.5c-0.8,0.1-1.2,1-0.8,3.9c0.3,2.7,1.1,4.2,2.2,4.1c0.8-0.1,1.3-2.2,1.1-4.3
									C20.6,4.9,19.6,4.4,18.6,4.5z"/>
								<path class="hl2" fill="#FFDD47" d="M36.2,12.2c-0.7,0.2-1.3,0.4-2.2,0.7c-0.6-1.4-2.3-5.1-3.1-7.2c0,2-0.6,6.2-0.6,7.7c-1,0-1.6,0-2.4,0.1
									c-0.8-1.9-3.6-9.1-4.4-11.1c0.9-0.4,1.4-0.6,2.6-1.4c0.5,1.4,1.8,5.3,2.5,7.6C28.6,6.3,29,2,29,1.1C29.8,1,30.1,1,31.1,0.7
									C31.5,2,33.3,5.5,34,7.5c-0.1-2.1-0.1-5.8-0.1-7.5c1.2,0.1,1.6,0.1,2.8,0C36.5,3.6,36.3,9.5,36.2,12.2z"/>
							</g>
							</svg>
						</div>
						<div id="aC3">
							<svg version="1.1"
								 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
								 x="0px" y="0px" width="18.2px" height="15.3px" viewBox="0 0 18.2 15.3" enable-background="new 0 0 18.2 15.3"
								 xml:space="preserve">
							<defs>
							</defs>
							<g>
								<path class="hl3" fill="#FFDD47" d="M9.6,13.4c-0.7,0.8-2,1.4-2.5,1.5c-2.6,0.8-5.1,0.2-6.6-4.5c-1.6-5,1.4-6.6,5.3-7.9c0.4,0.7,0.6,1.1,1.1,2
									C4.1,5.2,2,6.3,3.1,9.6c0.9,2.9,2.1,3.6,3.6,3.2c0,0,0.1,0,0.1,0c-0.2-0.6-0.8-2.2-1-2.9c-0.3,0-0.7,0.1-1,0.1
									C4.5,9.2,4.4,8.9,4.1,8c1.4-0.3,2.4-0.5,3.7-0.9C8.1,8.3,8.8,11.2,9.6,13.4z"/>
								<path class="hl3" fill="#FFDD47" d="M15.5,12c-1.9,0.7-4.7-0.4-6.2-4.6c-1.6-4.4-0.8-6.1,2-7.1c2.1-0.8,4.8-0.3,6.4,4
									C19.2,8.5,17.2,11.4,15.5,12z M11.8,2.4c-0.8,0.3-0.9,1.3,0.1,4c0.9,2.5,2.1,3.8,3.1,3.4c0.8-0.3,0.8-2.5,0-4.5
									C13.9,2.3,12.8,2.1,11.8,2.4z"/>
							</g>
							</svg>
						</div>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In  -->
<svg version="1.1"
     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
     x="0px" y="0px" width="276px" height="52.5px" viewBox="0 0 276 52.5" enable-background="new 0 0 276 52.5" xml:space="preserve"
    >
<defs>
</defs>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="26.2718" x2="276" y2="26.2718">
    <stop  offset="3.188500e-002" style="stop-color:#FFFFFF;stop-opacity:0"/>
    <stop  offset="0.3492" style="stop-color:#FFFFFF"/>
</linearGradient>
<path fill="url(#SVGID_1_)" d="M0.6,28.9c9.3-1.5,18.9-2.5,28.7-3c2.7-0.1,5.4-0.2,8-0.2c4.7,0,9.4,0.2,14,0.6
    c19.5,1.7,36.9,7.2,55.3,13.1c5.6,1.8,11.3,3.6,17,5.3c7.5,2.2,14.2,3.8,20.4,4.9c7.2,1.3,14.5,2.2,21.8,2.6
    c3.7,0.2,7.4,0.3,11.1,0.3c21.6,0,44-3.5,66.6-10.3c0,0.1,0,0.1,0,0.1l0,0c0.6,1.7,2.2,2.8,4.3,2.8l0,0c2,0,4.4-1,6.5-2.7
    c9-7.4,16-15.5,20.8-24.2c1.3-2.4,0.8-4,0.3-4.8c-0.5-0.8-1.6-2.1-4.4-2.1c-0.7,0-1.5,0.1-2.3,0.3c-5.8,1.3-11.7,1.9-17.5,1.9
    c-3.4,0-6.8-0.2-10-0.7c-2.6-0.4-4.6,0.3-5.7,1.7c-0.8,1.1-0.9,2.4-0.4,3.8l0,0c0,0.1,0,0.1,0.1,0.3c-19.9,5.4-39.5,8.2-58.4,8.2
    c-3.7,0-7.3-0.1-10.9-0.3c-7.2-0.4-14.4-1.3-21.4-2.5c-6-1.1-12.6-2.7-20-4.8c-5.7-1.7-11.4-3.5-17-5.2C90,8.2,71.6,2.4,51.7,0.6
    C47,0.2,42.1,0,37.3,0c-2.7,0-5.5,0.1-8.2,0.2C19.2,0.7,9.4,1.7,0,3.2"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="0.318" y1="26.2714" x2="273.9968" y2="26.2714">
    <stop  offset="3.188500e-002" style="stop-color:#FFFFFF;stop-opacity:0"/>
    <stop  offset="6.588229e-002" style="stop-color:#FAFCFE;stop-opacity:0.1071"/>
    <stop  offset="0.1051" style="stop-color:#EDF2FA;stop-opacity:0.2308"/>
    <stop  offset="0.147" style="stop-color:#D7E3F5;stop-opacity:0.3628"/>
    <stop  offset="0.1907" style="stop-color:#B8CFEC;stop-opacity:0.5006"/>
    <stop  offset="0.2359" style="stop-color:#91B8E1;stop-opacity:0.6429"/>
    <stop  offset="0.2823" style="stop-color:#5A9DD4;stop-opacity:0.789"/>
    <stop  offset="0.3287" style="stop-color:#0080C4;stop-opacity:0.9354"/>
    <stop  offset="0.3492" style="stop-color:#0075BD"/>
</linearGradient>
<path fill="url(#SVGID_2_)" d="M0.3,27c9.6-1.5,19.2-2.5,28.9-3c7.4-0.4,14.9-0.2,22.3,0.4c25.8,2.3,48.5,11.3,72.7,18.4
    c6.6,1.9,13.3,3.7,20.2,4.9c7.1,1.3,14.3,2.1,21.6,2.5c30,1.7,57.7-3.9,78.8-10.5c0.4,1.2,0.7,2,0.7,2c0.7,2.1,4.3,1.8,7.6-0.8
    c8.8-7.2,15.7-15.3,20.3-23.6c1.7-3-0.5-4.5-4.2-3.7c-9.5,2-19.2,2.5-28.1,1.2c-3-0.4-4.6,0.8-3.9,2.9c0,0,0.3,0.9,0.8,2.3
    c-20.1,5.7-45.1,10-72,8.5c-7.3-0.4-14.5-1.3-21.6-2.5c-6.9-1.2-13.6-2.9-20.2-4.9C100,13.9,77.4,4.9,51.5,2.6
    C44.1,2,36.6,1.8,29.2,2.2c-9.6,0.5-19.3,1.5-28.9,3"/>
<g>
    <g>
        <g>
            <path fill="#244170" d="M71.1,12.3c-0.6-0.2-1.6-0.5-2.2-0.8c-0.3,1.2-1,4.3-1.6,6.5c-0.3,1-0.5,1.8-0.9,3.1
                c-1-0.4-1.8-0.6-2.9-1c0.5-1.3,1.1-3,1.6-4.6c0.6-1.8,1.1-3.8,1.4-5c-0.2,0-0.3-0.1-0.5-0.1c-0.5-0.1-1-0.3-2-0.6
                c0.5-0.7,0.8-1.4,1-2.1c0.8,0.4,1.2,0.5,1.5,0.6c1.8,0.6,4.4,1.4,5.5,1.7C71.7,10.9,71.3,11.6,71.1,12.3z"/>
            <path fill="#244170" d="M73.3,23.3c-1.9-0.6-3.4-3.2-2.1-7.4c1.4-4.4,3.2-5.3,5.9-4.4c2.1,0.7,4,2.7,2.6,7.1
                C78.3,22.9,75,23.9,73.3,23.3z M76.2,13.5c-0.8-0.3-1.5,0.5-2.4,3.2c-0.8,2.6-0.7,4.3,0.3,4.6c0.8,0.3,2.1-1.5,2.8-3.5
                C77.9,14.7,77.2,13.8,76.2,13.5z"/>
            <path fill="#244170" d="M85.3,21.5c-0.2,0.8-1.1,3.7-1.6,5c-0.9-0.4-1.9-0.7-3-1c0.6-1.3,1.3-3.2,1.9-4.6
                c-0.2-1.5-0.9-5.4-1.3-7.2c1.3,0.2,2,0.2,3.2,0.1c0,1.1,0.1,3.6,0.2,4.9c0.7-0.9,2-2.7,2.7-4c1,0.8,1.5,1.2,2.5,1.8
                C88.5,18.1,86.1,20.6,85.3,21.5z"/>
            <path fill="#244170" d="M87.2,28.2c0.4-1,0.5-1.3,0.7-2.3c2,0.6,3,0.6,3.2-0.1c0.3-0.9-0.2-1.9-0.6-2.9c-0.5-1.3-1-2.7-0.6-3.9
                c0.6-1.9,2.3-2.6,6.5-1.3c-0.3,0.7-0.5,1.2-0.7,2.1c-2-0.6-3-0.8-3.2-0.1c-0.2,0.7,0.2,1.7,0.5,2.7c0.5,1.3,1,2.8,0.6,4
                C93,28.5,91.6,29.3,87.2,28.2z"/>
            <path fill="#244170" d="M107.8,24.1c-0.6-0.2-1.5-0.6-2.2-0.8c-0.3,1.2-1.1,4.3-1.7,6.4c-0.3,1-0.5,1.8-1,3.1
                c-1-0.4-1.8-0.7-2.8-1c0.5-1.2,1.1-2.9,1.7-4.5c0.6-1.8,1.2-3.7,1.5-4.9c-0.2,0-0.3-0.1-0.5-0.1c-0.5-0.1-1-0.3-2-0.6
                c0.5-0.7,0.9-1.3,1.1-2.1c0.8,0.4,1.2,0.5,1.5,0.6c1.8,0.7,4.4,1.5,5.5,1.9C108.5,22.7,108.1,23.4,107.8,24.1z"/>
            <path fill="#244170" d="M111.1,34.8c0.2-0.6,0.5-1.5,0.7-2c0.3-0.9,0.5-1.6,0.7-2.3c-0.5-0.1-1.6-0.4-2.1-0.6
                c-0.3,1.1-1,3.2-1.5,4.7c-0.9-0.6-1.8-0.9-2.6-1.3c0.4-1.2,0.9-2.4,1.1-3.2c0.6-2.2,1.2-4.1,1.6-5.6c0.2-0.7,0.4-1.6,0.5-2.5
                c1.2,0.4,1.9,0.7,3.1,0.9c-0.4,0.9-1.3,3.7-1.7,5c0.5,0.2,1.6,0.5,2.1,0.6c0-0.1,0.1-0.2,0.1-0.2c0.2-0.7,0.8-3,0.9-3.2
                c0.1-0.2,0.3-0.9,0.3-1.4c0.8,0.2,1.8,0.5,2.8,0.7l-3.2,11.1C113,35.2,112.3,35,111.1,34.8z"/>
            <path fill="#244170" d="M120.5,38.1c0.1-1,0.1-2,0.2-2.7c0-0.1,0-0.2,0-0.2c-0.5-0.1-1.9-0.4-2.4-0.5c-0.3,0.6-0.9,1.8-1.2,2.6
                c-0.9-0.7-1.6-1.1-2.3-1.5c0.5-0.9,3.3-5.4,4.9-8.8c0.2-0.5,0.6-1.3,0.7-1.8c0.7,0.1,1.8,0.4,2.6,0.4c0,0.9,0.3,11.6,0.3,12.7
                C122.4,38.2,121.5,38.1,120.5,38.1z M120.9,29c-0.3,0.5-1.5,3.4-1.7,3.7c0.2,0,1.4,0.3,1.6,0.4C120.8,32.8,120.9,29.6,120.9,29z"
                />
            <path fill="#244170" d="M131.9,30.6c-0.6-0.2-1.6-0.5-2.2-0.7c-0.2,1.3-0.8,4.3-1.3,6.5c-0.2,1.1-0.4,1.8-0.8,3.2
                c-1-0.3-1.8-0.6-2.9-0.8c0.4-1.3,0.9-3,1.4-4.6c0.5-1.8,0.9-3.8,1.2-5c-0.2,0-0.3-0.1-0.5-0.1c-0.5-0.1-1-0.3-2-0.5
                c0.5-0.7,0.8-1.4,1-2.1c0.9,0.3,1.2,0.4,1.6,0.5c1.9,0.6,4.5,1.2,5.6,1.5C132.5,29.1,132.2,29.9,131.9,30.6z"/>
            <path fill="#244170" d="M176.8,42.2c-1.7,0-3.1-1.4-3-2.7c0-1.2,1.6-2.2,3.2-2.1c1.4,0,2.1,1.3,2.1,2.3
                C179,40.9,178.3,42.3,176.8,42.2z"/>
            <path fill="#244170" d="M230.4,36.2c-1.7,0.4-3.3-0.5-3.7-1.8c-0.3-1.2,1-2.5,2.5-2.9c1.4-0.3,2.4,0.6,2.6,1.6
                C232.2,34.2,231.8,35.8,230.4,36.2z"/>
        </g>
        <g>
            <g>
                <path fill="#FFDD47" d="M69.6,11.6c-0.6-0.2-1.6-0.5-2.2-0.8c-0.3,1.2-1,4.3-1.6,6.5c-0.3,1-0.5,1.8-0.9,3.1
                    c-1-0.4-1.8-0.6-2.9-1c0.5-1.3,1.1-3,1.6-4.6c0.6-1.8,1.1-3.8,1.4-5c-0.2,0-0.3-0.1-0.5-0.1c-0.5-0.1-1-0.3-2-0.6
                    c0.5-0.7,0.8-1.4,1-2.1c0.8,0.4,1.2,0.5,1.5,0.6c1.8,0.6,4.4,1.4,5.5,1.7C70.2,10.1,69.9,10.9,69.6,11.6z"/>
                <path fill="#FFDD47" d="M71.8,22.6c-1.9-0.6-3.4-3.2-2.1-7.4c1.4-4.4,3.2-5.3,5.9-4.4c2.1,0.7,4,2.7,2.6,7.1
                    C76.9,22.2,73.5,23.2,71.8,22.6z M74.8,12.8c-0.8-0.3-1.5,0.5-2.4,3.2c-0.8,2.6-0.7,4.3,0.3,4.6c0.8,0.3,2.1-1.5,2.8-3.5
                    C76.5,14,75.8,13.1,74.8,12.8z"/>
                <path fill="#FFDD47" d="M83.9,20.8c-0.2,0.8-1.1,3.7-1.6,5c-0.9-0.4-1.9-0.7-3-1c0.6-1.3,1.3-3.2,1.9-4.6
                    c-0.2-1.5-0.9-5.4-1.3-7.2c1.3,0.2,2,0.2,3.2,0.1c0,1.1,0.1,3.6,0.2,4.9c0.7-0.9,2-2.7,2.7-4c1,0.8,1.5,1.2,2.5,1.8
                    C87,17.4,84.7,19.9,83.9,20.8z"/>
                <path fill="#FFDD47" d="M85.7,27.5c0.4-1,0.5-1.3,0.7-2.3c2,0.6,3,0.6,3.2-0.1c0.3-0.9-0.2-1.9-0.6-2.9c-0.5-1.3-1-2.7-0.6-3.9
                    c0.6-1.9,2.3-2.6,6.5-1.3c-0.3,0.7-0.5,1.2-0.7,2.1c-2-0.6-3-0.8-3.2-0.1c-0.2,0.7,0.2,1.7,0.5,2.7c0.5,1.3,1,2.8,0.6,4
                    C91.5,27.8,90.2,28.5,85.7,27.5z"/>
                <path fill="#FFDD47" d="M106.4,23.4c-0.6-0.2-1.5-0.6-2.2-0.8c-0.3,1.2-1.1,4.3-1.7,6.4c-0.3,1-0.5,1.8-1,3.1
                    c-1-0.4-1.8-0.7-2.8-1c0.5-1.2,1.1-2.9,1.7-4.5c0.6-1.8,1.2-3.7,1.5-4.9c-0.2,0-0.3-0.1-0.5-0.1c-0.5-0.1-1-0.3-2-0.6
                    c0.5-0.7,0.9-1.3,1.1-2.1c0.8,0.4,1.2,0.5,1.5,0.6c1.8,0.7,4.4,1.5,5.5,1.9C107,21.9,106.7,22.7,106.4,23.4z"/>
                <path fill="#FFDD47" d="M109.6,34.1c0.2-0.6,0.5-1.5,0.7-2c0.3-0.9,0.5-1.6,0.7-2.3c-0.5-0.1-1.6-0.4-2.1-0.6
                    c-0.3,1.1-1,3.2-1.5,4.7c-0.9-0.6-1.8-0.9-2.6-1.3c0.4-1.2,0.9-2.4,1.1-3.2c0.6-2.2,1.2-4.1,1.6-5.6c0.2-0.7,0.4-1.6,0.5-2.5
                    c1.2,0.4,1.9,0.7,3.1,0.9c-0.4,0.9-1.3,3.7-1.7,5c0.5,0.2,1.6,0.5,2.1,0.6c0-0.1,0.1-0.2,0.1-0.2c0.2-0.7,0.8-3,0.9-3.2
                    c0.1-0.2,0.3-0.9,0.3-1.4c0.8,0.2,1.8,0.5,2.8,0.7l-3.2,11.1C111.5,34.4,110.8,34.3,109.6,34.1z"/>
                <path fill="#FFDD47" d="M119.1,37.4c0.1-1,0.1-2,0.2-2.7c0-0.1,0-0.2,0-0.2c-0.5-0.1-1.9-0.4-2.4-0.5c-0.3,0.6-0.9,1.8-1.2,2.6
                    c-0.9-0.7-1.6-1.1-2.3-1.5c0.5-0.9,3.3-5.4,4.9-8.8c0.2-0.5,0.6-1.3,0.7-1.8c0.7,0.1,1.8,0.4,2.6,0.4c0,0.9,0.3,11.6,0.3,12.7
                    C121,37.5,120,37.4,119.1,37.4z M119.4,28.3c-0.3,0.5-1.5,3.4-1.7,3.7c0.2,0,1.4,0.3,1.6,0.4C119.3,32,119.4,28.9,119.4,28.3z"
                    />
                <path fill="#FFDD47" d="M130.5,29.9c-0.6-0.2-1.6-0.5-2.2-0.7c-0.2,1.3-0.8,4.3-1.3,6.5c-0.2,1.1-0.4,1.8-0.8,3.2
                    c-1-0.3-1.8-0.6-2.9-0.8c0.4-1.3,0.9-3,1.4-4.6c0.5-1.8,0.9-3.8,1.2-5c-0.2,0-0.3-0.1-0.5-0.1c-0.5-0.1-1-0.3-2-0.5
                    c0.5-0.7,0.8-1.4,1-2.1c0.9,0.3,1.2,0.4,1.6,0.5c1.9,0.6,4.5,1.2,5.6,1.5C131,28.4,130.7,29.1,130.5,29.9z"/>
                <path fill="#FFDD47" d="M175.4,41.5c-1.7,0-3.1-1.4-3-2.7c0-1.2,1.6-2.2,3.2-2.1c1.4,0,2.1,1.3,2.1,2.3
                    C177.6,40.1,176.9,41.5,175.4,41.5z"/>
                <path fill="#FFDD47" d="M228.9,35.4c-1.7,0.4-3.3-0.5-3.7-1.8c-0.3-1.2,1-2.5,2.5-2.9c1.4-0.3,2.4,0.6,2.6,1.6
                    C230.7,33.5,230.4,35.1,228.9,35.4z"/>
            </g>
        </g>
    </g>
</g>
</svg>



						
					
					</div>                	
                <div id="lockup">
                </div>
            </div>
        </div>
        <script type="text/javascript">

        bannerPlay();
        </script>
    </a>

</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.

Console