Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

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

+ add another resource

JavaScript

Babel includes JSX processing.

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

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

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

Auto-Updating Preview

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

Format on Save

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

Editor Settings

Code Indentation

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

Visit your global Editor Settings.

HTML

              
                <!--old thing this one. if no animation is being shown, refresh page-->

<link href="//fonts.googleapis.com/css?family=Oswald:300,400,700" rel="stylesheet" type="text/css">


<div class="conteudo gradientBG2 gradient">

		<div id="loading">
		<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="129px" height="220px" viewBox="0 0 129 220" enable-background="new 0 0 129 220" xml:space="preserve"><radialGradient id="sombra_1_" cx="60.459" cy="251.4766" r="32.0005" gradientTransform="matrix(1.7396 0 0 0.3594 -40.5052 109.1273)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#000000;stop-opacity:0.4"/><stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.6"/></radialGradient><ellipse class="svg_linha" id="sombra" opacity="0.1" fill="url(#sombra_1_)" cx="64.667" cy="199.5" rx="55.667" ry="11.5"/>
		<path class="svg_linha" id="meia" fill="#353334" d="M60.563,187c0,2.762-2.29,5-5.114,5h-1.022c-2.824,0-5.114-2.238-5.114-5l0,0c0-2.762,0.072-8.374,2.896-8.374l3.24,3.374C58.273,182,60.563,184.238,60.563,187L60.563,187z"/>
		<path class="svg_linha" id="calca" fill="#3D3938" d="M35.667,142c0,0,2.969,16.133,6.75,28.917c2.413,8.157,6.112,15.616,6.896,15.896c3.656,1.3,11.752-1.25,11.752-1.25c-0.106-0.25-1.809-3.669-1.481-10.979C59.894,167.671,62,161,62,161s0.833-1.915,2-1.208s0.75,28.958,3.334,28.958s11.624,0.751,14.916,0.75C84.125,192,87.5,142,87.5,142H35.667z"/><g id="pe_baixo"><g><g>
		<path class="svg_linha" fill="#84471F" d="M60.566,187.335c-0.444,0-0.846,0.038-0.893,0.085c-0.046,0.046-2.221,0.046-4.832,0c-2.611-0.047-5.053-0.085-5.426-0.085s-1.146,2.206-1.719,4.902s-0.523,5.489,0.109,6.208c0.633,0.718,2.531,1.305,4.219,1.305c1.687,0,4.35-0.723,5.917-1.605c1.567-0.882,2.98-3.676,3.141-6.207C61.244,189.406,61.011,187.335,60.566,187.335z"/></g></g></g>
		<path class="svg_linha" id="sombra_camiseta" fill="#333232" d="M35.208,134.084C33.667,133.917,35,145.781,35,145.781s20.441,3.898,24.939,1.434S89.461,148.885,91,149c0.104,0.008-0.613-2.366-0.583-6C90.488,134.504,91,120,91,120H40C40,120,36.75,134.251,35.208,134.084z"/>
		<path class="svg_linha" id="camiseta" fill="#585353" d="M35.208,133.084C33.667,132.917,35,144.781,35,144.781s20.441,3.898,24.939,1.434S89.461,147.885,91,148c0.104,0.008-0.613-2.366-0.583-6C90.488,133.504,91,119,91,119H40C40,119,36.75,133.251,35.208,133.084z"/><g id="cima_pe">
		<path class="svg_linha" fill="#84471F" d="M66.938,188.719c-0.034,1.495,0.584,3.904,1.374,5.353l1.252,2.295C70.354,197.814,72.35,199,74,199h0.625c1.65,0,3.789-1.095,4.754-2.434l1.867-2.59c0.965-1.339,1.754-3.695,1.754-5.236s-0.523-4.047-1.164-5.567l-0.172-0.408C81.023,181.244,79.15,180,77.5,180H73c-1.65,0-3.604,1.207-4.342,2.684l-0.316,0.633C67.604,184.793,66.972,187.224,66.938,188.719z"/></g><g id="sola_pe">
		<path class="svg_linha" fill="#A9753C" d="M66.938,190.719c-0.034,1.495,0.584,3.904,1.374,5.353l1.252,2.295C70.354,199.814,72.35,201,74,201h0.625c1.65,0,3.789-1.095,4.754-2.434l1.867-2.59c0.965-1.339,1.754-3.695,1.754-5.236s-0.523-4.047-1.164-5.567l-0.172-0.408C81.023,183.244,79.15,182,77.5,182H73c-1.65,0-3.604,1.207-4.342,2.684l-0.316,0.633C67.604,186.793,66.972,189.224,66.938,190.719z"/></g>
		<polygon class="svg_linha" id="baixo" fill="#905C34" points="18.25,128 30.125,137 100,137 111.375,128 "/><g id="mao_r">
		<path class="svg_linha" fill="#FFD8BE" d="M104.928,136.906c-2.894-0.773-4.323-2.419-3.178-3.656c1.146-1.237,3.188-2.456,4.537-2.707c1.35-0.252,3.13-0.776,3.958-1.164c0.828-0.389,1.421-0.858,1.317-1.043s-0.398-1.092-0.656-2.016s-0.482-2.513-0.5-3.531s-0.214-2.604-0.438-3.523s1.45,0.908,3.719,4.063s2.409,7.815,0.313,10.359S107.82,137.68,104.928,136.906z"/></g><g id="mao_l">
		<path class="svg_linha" fill="#FFD8BE" d="M24.553,136.906c2.893-0.773,4.323-2.419,3.177-3.656s-3.188-2.456-4.537-2.707c-1.349-0.252-3.13-0.776-3.958-1.164c-0.828-0.389-1.42-0.858-1.317-1.043s0.398-1.092,0.656-2.016s0.483-2.513,0.5-3.531s0.214-2.604,0.438-3.523s-1.45,0.908-3.719,4.063s-2.409,7.815-0.313,10.359S21.66,137.68,24.553,136.906z"/></g>
		<polygon class="svg_linha" id="frente" fill="#FDD46A" points="18,128 111.375,128 104.5,8 25,8 "/>
		<polygon class="svg_linha" id="frente_fundo_1_" fill="#CC9E3C" points="34,14.375 98,14.375 100,116.99 30.667,118.667 "/>
		<polygon class="svg_linha" id="frente_fundo" fill="#FCBE43" points="35,16 97,16 99,117 31.667,118.667 "/>
		<polygon class="svg_linha" id="madeira_1_" fill="#CC9E3C" points="44.833,119 98,15 92,15 32.667,119 "/>
		<polygon class="svg_linha" id="madeira" fill="#FBD661" points="42.583,119.75 98,14.021 90,14.021 29.813,119.75 "/></svg>
		
		
		<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="129px" height="220px" viewBox="0 0 129 220" enable-background="new 0 0 129 220" xml:space="preserve"><radialGradient id="sombra_2_" cx="55.9492" cy="251.4766" r="32.0005" gradientTransform="matrix(1.6562 0 0 0.3594 -29.4144 109.1273)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#000000;stop-opacity:0.4"/><stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0.6"/></radialGradient><ellipse id="sombra_1_" opacity="0.1" fill="url(#sombra_2_)" cx="63.25" cy="199.5" rx="53" ry="11.5"/><path id="meia_1_" fill="#353334" d="M64.605,187c0,2.762,2.289,5,5.113,5h1.023c2.824,0,5.113-2.238,5.113-5l0,0c0-2.762-0.072-8.374-2.896-8.374L69.719,182C66.895,182,64.605,184.238,64.605,187L64.605,187z"/><path id="calca_1_" fill="#3D3938" d="M89.501,142c0,0-2.969,16.133-6.749,28.917c-2.413,8.157-6.112,15.616-6.896,15.896c-3.656,1.3-11.752-1.25-11.752-1.25c0.105-0.25,1.809-3.669,1.48-10.979C65.274,167.671,63.168,161,63.168,161s-0.833-1.915-2-1.208s-0.75,28.958-3.334,28.958s-11.624,0.751-14.916,0.75c-1.875,2.5-5.25-47.5-5.25-47.5H89.501z"/><g id="pe_baixo_1_"><g><path fill="#893B00" d="M64.602,187.335c0.444,0,0.847,0.038,0.893,0.085c0.046,0.046,2.221,0.046,4.832,0c2.611-0.047,5.053-0.085,5.426-0.085s1.146,2.206,1.719,4.902s0.523,5.489-0.109,6.208c-0.633,0.718-2.531,1.305-4.219,1.305s-4.351-0.723-5.917-1.605c-1.566-0.882-2.98-3.676-3.141-6.207C63.924,189.406,64.157,187.335,64.602,187.335z"/></g></g><path id="sombra_camiseta_1_" fill="#333232" d="M35.209,134.084C33.667,133.917,35,145.781,35,145.781s20.441,3.898,24.939,1.434s30.9,0.378,32.439,0.493c0.032,0.003-0.152-0.103-0.42-0.36c-0.221-0.214-0.5-0.532-0.759-0.981c-0.424-0.735-0.796-1.819-0.783-3.366C90.488,134.504,91,120,91,120H40C40,120,36.75,134.251,35.209,134.084z"/><path id="camiseta_1_" fill="#585353" d="M35.209,133.084C33.667,132.917,35,144.781,35,144.781s20.441,3.898,24.939,1.434s30.896,0.92,32.436,1.035c0.104,0.008-1.988-1.616-1.958-5.25C90.488,133.504,91,119,91,119H40C40,119,36.75,133.251,35.209,133.084z"/><g id="cima_pe_1_"><path fill="#893B00" d="M58.23,188.719c0.034,1.495-0.584,3.904-1.374,5.353l-1.252,2.295c-0.79,1.448-2.787,2.634-4.437,2.634h-0.625c-1.65,0-3.79-1.095-4.754-2.434l-1.866-2.59c-0.965-1.339-1.754-3.695-1.754-5.236s0.524-4.047,1.164-5.567l0.172-0.408c0.64-1.521,2.514-2.765,4.164-2.765h4.5c1.65,0,3.604,1.207,4.342,2.684l0.316,0.633C57.564,184.793,58.196,187.224,58.23,188.719z"/></g><g id="sola_pe_1_"><path fill="#A9753C" d="M58.23,190.719c0.034,1.495-0.584,3.904-1.374,5.353l-1.252,2.295c-0.79,1.448-2.787,2.634-4.437,2.634h-0.625c-1.65,0-3.79-1.095-4.754-2.434l-1.866-2.59c-0.965-1.339-1.754-3.695-1.754-5.236s0.524-4.047,1.164-5.567l0.172-0.408c0.64-1.521,2.514-2.765,4.164-2.765h4.5c1.65,0,3.604,1.207,4.342,2.684l0.316,0.633C57.564,186.793,58.196,189.224,58.23,190.719z"/></g><polygon id="baixo_1_" fill="#905C34" points="18.25,130 30.125,139 100,139 111.375,130 "/><g id="mao_r_1_"><path fill="#FFD8BE" d="M104.928,138.906c-2.894-0.773-4.323-2.419-3.178-3.656c1.146-1.237,3.188-2.456,4.537-2.707c1.35-0.252,3.13-0.776,3.958-1.164c0.828-0.389,1.421-0.858,1.317-1.043s-0.398-1.092-0.656-2.016s-0.482-2.513-0.5-3.531s-0.214-2.604-0.438-3.523s1.45,0.908,3.719,4.063s2.409,7.815,0.313,10.359S107.82,139.68,104.928,138.906z"/></g><g id="mao_l_1_"><path fill="#FFD8BE" d="M24.553,138.906c2.893-0.773,4.323-2.419,3.177-3.656s-3.188-2.456-4.537-2.707c-1.349-0.252-3.13-0.776-3.958-1.164c-0.828-0.389-1.42-0.858-1.317-1.043s0.398-1.092,0.656-2.016s0.483-2.513,0.5-3.531s0.214-2.604,0.438-3.523s-1.45,0.908-3.719,4.063s-2.409,7.815-0.313,10.359S21.66,139.68,24.553,138.906z"/></g><polygon id="frente_1_" fill="#FDD46A" points="18,130 111.375,130 104.5,10 25,10 "/><polygon id="frente_fundo_6_" fill="#CC9E3C" points="34,16.375 98,16.375 100,118.99 30.666,120.667 "/><polygon id="frente_fundo_2_" fill="#FCBE43" points="35,18 97,18 99,119 31.666,120.667 "/><polygon id="madeira_6_" fill="#CC9E3C" points="44.833,121 98,17 92,17 32.666,121 "/><polygon id="madeira_2_" fill="#FBD661" points="42.584,121.75 98,16.021 90,16.021 29.813,121.75 "/></svg>
		
		<svg version="1.1" id="Layer_3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="118px" height="75px" viewBox="0 0 118 75" enable-background="new 0 0 118 75" xml:space="preserve"><polygon  fill="#72939C" points="107.373,73.333 1.24,73.5 17.159,8.314 24.286,1 107.373,8.314 115.5,66.019 ">        </polygon><polygon fill="#96ADB2" points="115.5,66.019 5.25,69.75 24.286,1 114.5,1 "/><g><g>
		<path class="letrinhas" fill="#585353" d="M32.898,54.341c-0.488,0.013-0.943-0.066-1.363-0.236s-0.784-0.402-1.092-0.699c-0.307-0.296-0.552-0.648-0.734-1.056c-0.182-0.407-0.278-0.839-0.289-1.295l-0.002-0.024c-0.011-0.456,0.064-0.892,0.227-1.309c0.161-0.415,0.391-0.78,0.686-1.097c0.297-0.315,0.656-0.568,1.08-0.759c0.424-0.191,0.891-0.293,1.403-0.306c0.671-0.017,1.235,0.102,1.688,0.354c0.455,0.253,0.827,0.596,1.119,1.029l-1.52,1.189c-0.165-0.213-0.342-0.377-0.528-0.492c-0.187-0.114-0.421-0.169-0.7-0.162c-0.184,0.005-0.354,0.047-0.507,0.127c-0.155,0.08-0.286,0.187-0.395,0.321s-0.192,0.289-0.253,0.463c-0.06,0.174-0.087,0.36-0.082,0.561v0.023c0.006,0.208,0.043,0.401,0.111,0.58s0.16,0.332,0.275,0.461c0.115,0.13,0.254,0.23,0.416,0.303s0.338,0.105,0.531,0.101c0.271-0.007,0.499-0.073,0.685-0.197c0.185-0.125,0.366-0.293,0.546-0.505l1.551,1.064c-0.293,0.455-0.664,0.825-1.113,1.108C34.189,54.172,33.609,54.324,32.898,54.341z"/>
		<path class="letrinhas" fill="#585353" d="M38.451,54.191c-0.312,0.008-0.601-0.029-0.867-0.11c-0.266-0.081-0.499-0.204-0.699-0.367s-0.359-0.367-0.477-0.612c-0.119-0.245-0.182-0.532-0.189-0.859l-0.001-0.023c-0.009-0.336,0.046-0.633,0.163-0.893c0.118-0.259,0.285-0.476,0.501-0.648c0.216-0.174,0.479-0.309,0.788-0.404s0.656-0.148,1.04-0.157c0.304-0.008,0.595,0.012,0.872,0.057s0.508,0.097,0.693,0.156l-0.002-0.108c-0.008-0.336-0.121-0.593-0.338-0.771c-0.217-0.18-0.545-0.262-0.984-0.251c-0.344,0.009-0.654,0.048-0.934,0.118c-0.277,0.071-0.559,0.166-0.845,0.285l-0.509-1.596c0.365-0.161,0.752-0.293,1.162-0.395c0.408-0.103,0.894-0.16,1.453-0.175c0.584-0.014,1.08,0.042,1.487,0.168c0.407,0.125,0.741,0.313,1.004,0.563c0.254,0.233,0.439,0.52,0.556,0.856c0.117,0.336,0.181,0.732,0.191,1.188l0.094,3.731L40.355,54l-0.018-0.672c-0.217,0.254-0.479,0.459-0.782,0.614S38.883,54.18,38.451,54.191z M39.232,52.743c0.335-0.008,0.604-0.11,0.808-0.309c0.204-0.195,0.301-0.458,0.293-0.786l-0.008-0.301c-0.113-0.045-0.248-0.081-0.405-0.109c-0.156-0.027-0.318-0.04-0.486-0.036c-0.336,0.009-0.592,0.089-0.769,0.242c-0.176,0.151-0.262,0.349-0.255,0.589v0.023c0.006,0.225,0.086,0.396,0.24,0.516C38.807,52.692,39,52.749,39.232,52.743z"/>
		<path class="letrinhas" fill="#585353" d="M43.613,47.424l2.291-0.057l0.031,1.309c0.174-0.445,0.417-0.803,0.73-1.075s0.742-0.403,1.287-0.392l0.059,2.398l-0.191,0.004c-0.6,0.016-1.055,0.202-1.367,0.563c-0.311,0.359-0.457,0.916-0.438,1.668l0.049,2.015l-2.291,0.057L43.613,47.424z"/>
		<path class="letrinhas" fill="#585353" d="M48.748,47.296l2.291-0.057l0.031,1.309c0.174-0.445,0.417-0.803,0.73-1.075c0.313-0.271,0.742-0.402,1.287-0.392l0.059,2.398l-0.191,0.005c-0.6,0.015-1.055,0.202-1.367,0.563c-0.311,0.359-0.457,0.916-0.438,1.668l0.049,2.015l-2.291,0.057L48.748,47.296z"/>
		<path class="letrinhas" fill="#585353" d="M57.262,53.736c-0.512,0.013-0.981-0.058-1.41-0.212c-0.428-0.153-0.799-0.371-1.113-0.657c-0.316-0.284-0.564-0.632-0.747-1.042c-0.183-0.412-0.28-0.87-0.292-1.374l-0.001-0.024c-0.012-0.472,0.058-0.916,0.207-1.332c0.149-0.414,0.366-0.78,0.651-1.096c0.284-0.314,0.624-0.565,1.02-0.752c0.396-0.186,0.833-0.284,1.313-0.296c0.561-0.014,1.049,0.069,1.465,0.252c0.417,0.181,0.764,0.431,1.039,0.748c0.276,0.317,0.485,0.688,0.628,1.112c0.143,0.425,0.22,0.876,0.231,1.356c0.002,0.072,0.004,0.148,0.006,0.228c0.002,0.08,0,0.161-0.006,0.241l-4.343,0.107c0.097,0.358,0.27,0.622,0.519,0.793c0.248,0.169,0.551,0.249,0.912,0.24c0.271-0.007,0.521-0.065,0.746-0.174c0.225-0.109,0.45-0.283,0.677-0.521l1.286,1.012c-0.303,0.408-0.681,0.737-1.135,0.988C58.461,53.585,57.91,53.719,57.262,53.736z M58.1,49.777c-0.049-0.358-0.176-0.642-0.381-0.849c-0.205-0.206-0.464-0.306-0.775-0.298c-0.305,0.007-0.55,0.12-0.736,0.336s-0.309,0.506-0.363,0.866L58.1,49.777z"/>
		<path class="letrinhas" fill="#585353" d="M64.541,55.342c-0.633,0.017-1.217-0.034-1.75-0.148c-0.536-0.115-1.043-0.285-1.521-0.514l0.694-1.529c0.356,0.183,0.717,0.324,1.079,0.422c0.362,0.1,0.764,0.144,1.204,0.133c0.576-0.015,1-0.161,1.273-0.44c0.272-0.278,0.402-0.678,0.39-1.198l-0.007-0.252c-0.225,0.27-0.49,0.505-0.799,0.704c-0.307,0.2-0.699,0.306-1.18,0.317c-0.4,0.011-0.775-0.05-1.127-0.182c-0.352-0.131-0.66-0.323-0.927-0.577c-0.267-0.253-0.479-0.563-0.642-0.932c-0.16-0.368-0.247-0.784-0.258-1.248l-0.002-0.024c-0.011-0.464,0.055-0.886,0.197-1.265c0.143-0.38,0.339-0.703,0.588-0.97c0.249-0.266,0.543-0.474,0.879-0.621c0.336-0.148,0.691-0.228,1.068-0.237c0.488-0.012,0.891,0.066,1.206,0.234c0.316,0.168,0.603,0.378,0.856,0.627l-0.02-0.769l2.279-0.057l0.123,4.931c0.014,0.6-0.041,1.111-0.166,1.534c-0.126,0.424-0.328,0.783-0.609,1.079c-0.289,0.303-0.664,0.537-1.123,0.705C65.79,55.234,65.22,55.326,64.541,55.342z M64.566,51.069c0.383-0.01,0.696-0.138,0.938-0.384c0.242-0.245,0.359-0.549,0.351-0.909l-0.001-0.024c-0.009-0.359-0.141-0.653-0.395-0.884s-0.572-0.34-0.955-0.33c-0.393,0.01-0.71,0.137-0.951,0.383c-0.242,0.247-0.359,0.55-0.35,0.91v0.023c0.01,0.36,0.141,0.655,0.395,0.885S64.174,51.079,64.566,51.069z"/>
		<path class="letrinhas" fill="#585353" d="M71.273,53.375c-0.312,0.008-0.602-0.029-0.867-0.11c-0.266-0.082-0.5-0.204-0.699-0.367c-0.2-0.163-0.359-0.367-0.477-0.612c-0.119-0.245-0.182-0.532-0.189-0.859l-0.002-0.023c-0.008-0.336,0.047-0.633,0.164-0.893c0.118-0.26,0.284-0.476,0.5-0.649c0.216-0.173,0.479-0.308,0.789-0.403c0.31-0.096,0.656-0.148,1.039-0.157c0.305-0.008,0.596,0.011,0.873,0.056c0.276,0.045,0.508,0.098,0.693,0.157l-0.002-0.108c-0.009-0.336-0.122-0.593-0.338-0.771c-0.217-0.18-0.545-0.262-0.984-0.251c-0.344,0.009-0.655,0.048-0.934,0.118c-0.278,0.071-0.56,0.166-0.846,0.285l-0.508-1.596c0.365-0.161,0.751-0.293,1.161-0.395c0.409-0.103,0.894-0.16,1.454-0.175c0.584-0.014,1.079,0.042,1.486,0.168c0.408,0.125,0.742,0.313,1.004,0.563c0.254,0.234,0.439,0.521,0.557,0.857c0.116,0.336,0.18,0.732,0.191,1.188l0.093,3.731l-2.256,0.056l-0.017-0.672c-0.218,0.254-0.479,0.459-0.783,0.614C72.073,53.281,71.705,53.364,71.273,53.375z M72.054,51.926c0.336-0.009,0.605-0.111,0.808-0.309c0.203-0.195,0.301-0.458,0.293-0.786l-0.008-0.301c-0.113-0.045-0.248-0.081-0.404-0.11c-0.156-0.027-0.318-0.039-0.486-0.035c-0.336,0.008-0.593,0.089-0.77,0.242c-0.176,0.151-0.262,0.348-0.255,0.588l0.001,0.023c0.005,0.225,0.086,0.396,0.24,0.517C71.628,51.875,71.821,51.932,72.054,51.926z"/>
		<path class="letrinhas" fill="#585353" d="M76.435,46.608l2.292-0.057l0.021,0.912c0.1-0.139,0.211-0.273,0.334-0.404s0.263-0.247,0.418-0.347c0.156-0.101,0.328-0.183,0.516-0.247c0.188-0.065,0.396-0.1,0.626-0.105c0.7-0.018,1.25,0.181,1.65,0.595c0.399,0.414,0.61,0.993,0.628,1.736l0.105,4.247l-2.291,0.058l-0.088-3.515c-0.008-0.36-0.098-0.63-0.268-0.811c-0.171-0.18-0.391-0.267-0.658-0.26c-0.277,0.007-0.502,0.104-0.675,0.293s-0.255,0.463-0.246,0.823l0.087,3.515l-2.291,0.057L76.435,46.608z"/>
		<path class="letrinhas" fill="#585353" d="M86.833,52.987c-0.384,0.01-0.752-0.058-1.104-0.206c-0.352-0.147-0.66-0.361-0.928-0.643c-0.268-0.282-0.484-0.628-0.65-1.04s-0.256-0.879-0.269-1.398l-0.001-0.024c-0.014-0.527,0.051-1.003,0.192-1.427c0.142-0.423,0.339-0.783,0.596-1.083c0.257-0.298,0.554-0.53,0.893-0.694s0.7-0.251,1.083-0.261c0.486-0.012,0.888,0.071,1.204,0.252c0.315,0.181,0.583,0.392,0.806,0.634l-0.076-3.059l2.291-0.057l0.219,8.757l-2.292,0.057l-0.009-0.864c-0.218,0.278-0.476,0.521-0.774,0.728C87.714,52.866,87.32,52.975,86.833,52.987z M87.475,51.064c0.184-0.005,0.354-0.045,0.511-0.121s0.294-0.182,0.411-0.316c0.115-0.135,0.205-0.293,0.269-0.476c0.063-0.182,0.092-0.381,0.087-0.597l-0.001-0.023c-0.005-0.217-0.044-0.411-0.116-0.585c-0.072-0.175-0.17-0.326-0.291-0.456c-0.123-0.129-0.266-0.227-0.427-0.295s-0.333-0.1-0.516-0.095c-0.184,0.005-0.354,0.044-0.512,0.12s-0.294,0.18-0.41,0.311S86.271,48.818,86.205,49c-0.068,0.183-0.099,0.381-0.094,0.598l0.001,0.023c0.005,0.216,0.046,0.413,0.122,0.591c0.076,0.179,0.176,0.333,0.299,0.462s0.264,0.227,0.425,0.295S87.291,51.069,87.475,51.064z"/>
		<path class="letrinhas" fill="#585353" d="M95.625,52.781c-0.52,0.014-0.999-0.063-1.439-0.229c-0.44-0.165-0.824-0.397-1.151-0.697s-0.585-0.652-0.771-1.055c-0.187-0.404-0.285-0.837-0.297-1.302v-0.023c-0.012-0.465,0.066-0.904,0.236-1.32s0.411-0.782,0.724-1.098c0.312-0.316,0.686-0.569,1.121-0.762c0.436-0.19,0.913-0.292,1.433-0.305s1,0.064,1.44,0.233c0.44,0.17,0.825,0.402,1.151,0.698c0.328,0.296,0.585,0.646,0.771,1.049c0.187,0.403,0.285,0.838,0.297,1.302l0.001,0.023c0.012,0.464-0.068,0.904-0.238,1.321c-0.169,0.415-0.41,0.781-0.723,1.098c-0.312,0.315-0.686,0.569-1.121,0.76C96.623,52.667,96.146,52.768,95.625,52.781z M95.602,50.837c0.207-0.005,0.395-0.048,0.561-0.128c0.167-0.079,0.305-0.185,0.418-0.318c0.113-0.135,0.199-0.29,0.259-0.466s0.087-0.359,0.083-0.55l-0.001-0.024c-0.005-0.198-0.044-0.384-0.116-0.556c-0.072-0.173-0.172-0.324-0.299-0.452s-0.275-0.229-0.445-0.305c-0.17-0.074-0.355-0.11-0.556-0.105c-0.208,0.006-0.396,0.049-0.562,0.128s-0.305,0.187-0.417,0.32s-0.199,0.289-0.259,0.465s-0.088,0.359-0.082,0.55v0.023c0.005,0.198,0.044,0.384,0.116,0.557c0.072,0.174,0.172,0.323,0.3,0.451c0.127,0.128,0.275,0.229,0.445,0.305C95.217,50.808,95.401,50.842,95.602,50.837z"/></g></g><g><g>
		<path class="letrinhas" fill="#FDFDFA" d="M33.898,53.341c-0.488,0.013-0.943-0.066-1.363-0.236s-0.784-0.402-1.092-0.699c-0.307-0.296-0.552-0.648-0.734-1.056c-0.182-0.407-0.278-0.839-0.289-1.295l-0.002-0.024c-0.011-0.456,0.064-0.892,0.227-1.309c0.161-0.415,0.391-0.78,0.686-1.097c0.297-0.315,0.656-0.568,1.08-0.759c0.424-0.191,0.891-0.293,1.403-0.306c0.671-0.017,1.235,0.102,1.688,0.354c0.455,0.253,0.827,0.596,1.119,1.029l-1.52,1.189c-0.165-0.213-0.342-0.377-0.528-0.492c-0.187-0.114-0.421-0.169-0.7-0.162c-0.184,0.005-0.354,0.047-0.507,0.127c-0.155,0.08-0.286,0.187-0.395,0.321s-0.192,0.289-0.253,0.463c-0.06,0.174-0.087,0.36-0.082,0.561v0.023c0.006,0.208,0.043,0.401,0.111,0.58s0.16,0.332,0.275,0.461c0.115,0.13,0.254,0.23,0.416,0.303s0.338,0.105,0.531,0.101c0.271-0.007,0.499-0.073,0.685-0.197c0.185-0.125,0.366-0.293,0.546-0.505l1.551,1.064c-0.293,0.455-0.664,0.825-1.113,1.108C35.189,53.172,34.609,53.324,33.898,53.341z"/>
		<path class="letrinhas" fill="#FDFDFA" d="M39.451,53.191c-0.312,0.008-0.601-0.029-0.867-0.11c-0.266-0.081-0.499-0.204-0.699-0.367s-0.359-0.367-0.477-0.612c-0.119-0.245-0.182-0.532-0.189-0.859l-0.001-0.023c-0.009-0.336,0.046-0.633,0.163-0.893c0.118-0.259,0.285-0.476,0.501-0.648c0.216-0.174,0.479-0.309,0.788-0.404s0.656-0.148,1.04-0.157c0.304-0.008,0.595,0.012,0.872,0.057s0.508,0.097,0.693,0.156l-0.002-0.108c-0.008-0.336-0.121-0.593-0.338-0.771c-0.217-0.18-0.545-0.262-0.984-0.251c-0.344,0.009-0.654,0.048-0.934,0.118c-0.277,0.071-0.559,0.166-0.845,0.285l-0.509-1.596c0.365-0.161,0.752-0.293,1.162-0.395c0.408-0.103,0.894-0.16,1.453-0.175c0.584-0.014,1.08,0.042,1.487,0.168c0.407,0.125,0.741,0.313,1.004,0.563c0.254,0.233,0.439,0.52,0.556,0.856c0.117,0.336,0.181,0.732,0.191,1.188l0.094,3.731L41.355,53l-0.018-0.672c-0.217,0.254-0.479,0.459-0.782,0.614S39.883,53.18,39.451,53.191z M40.232,51.743c0.335-0.008,0.604-0.11,0.808-0.309c0.204-0.195,0.301-0.458,0.293-0.786l-0.008-0.301c-0.113-0.045-0.248-0.081-0.405-0.109c-0.156-0.027-0.318-0.04-0.486-0.036c-0.336,0.009-0.592,0.089-0.769,0.242c-0.176,0.151-0.262,0.349-0.255,0.589v0.023c0.006,0.225,0.086,0.396,0.24,0.516C39.807,51.692,40,51.749,40.232,51.743z"/>
		<path class="letrinhas" fill="#FDFDFA" d="M44.613,46.424l2.291-0.057l0.031,1.309c0.174-0.445,0.417-0.803,0.73-1.075s0.742-0.403,1.287-0.392l0.059,2.398l-0.191,0.004c-0.6,0.016-1.055,0.202-1.367,0.563c-0.311,0.359-0.457,0.916-0.438,1.668l0.049,2.015l-2.291,0.057L44.613,46.424z"/>
		<path class="letrinhas" fill="#FDFDFA" d="M49.748,46.296l2.291-0.057l0.031,1.309c0.174-0.445,0.417-0.803,0.73-1.075c0.313-0.271,0.742-0.402,1.287-0.392l0.059,2.398l-0.191,0.005c-0.6,0.015-1.055,0.202-1.367,0.563c-0.311,0.359-0.457,0.916-0.438,1.668l0.049,2.015l-2.291,0.057L49.748,46.296z"/>
		<path class="letrinhas" fill="#FDFDFA" d="M58.262,52.736c-0.512,0.013-0.981-0.058-1.41-0.212c-0.428-0.153-0.799-0.371-1.113-0.657c-0.316-0.284-0.564-0.632-0.747-1.042c-0.183-0.412-0.28-0.87-0.292-1.374l-0.001-0.024c-0.012-0.472,0.058-0.916,0.207-1.332c0.149-0.414,0.366-0.78,0.651-1.096c0.284-0.314,0.624-0.565,1.02-0.752c0.396-0.186,0.833-0.284,1.313-0.296c0.561-0.014,1.049,0.069,1.465,0.252c0.417,0.181,0.764,0.431,1.039,0.748c0.276,0.317,0.485,0.688,0.628,1.112c0.143,0.425,0.22,0.876,0.231,1.356c0.002,0.072,0.004,0.148,0.006,0.228c0.002,0.08,0,0.161-0.006,0.241l-4.343,0.107c0.097,0.358,0.27,0.622,0.519,0.793c0.248,0.169,0.551,0.249,0.912,0.24c0.271-0.007,0.521-0.065,0.746-0.174c0.225-0.109,0.45-0.283,0.677-0.521l1.286,1.012c-0.303,0.408-0.681,0.737-1.135,0.988C59.461,52.585,58.91,52.719,58.262,52.736z M59.1,48.777c-0.049-0.358-0.176-0.642-0.381-0.849c-0.205-0.206-0.464-0.306-0.775-0.298c-0.305,0.007-0.55,0.12-0.736,0.336s-0.309,0.506-0.363,0.866L59.1,48.777z"/>
		<path class="letrinhas" fill="#FDFDFA" d="M65.541,54.342c-0.633,0.017-1.217-0.034-1.75-0.148c-0.536-0.115-1.043-0.285-1.521-0.514l0.694-1.529c0.356,0.183,0.717,0.324,1.079,0.422c0.362,0.1,0.764,0.144,1.204,0.133c0.576-0.015,1-0.161,1.273-0.44c0.272-0.278,0.402-0.678,0.39-1.198l-0.007-0.252c-0.225,0.27-0.49,0.505-0.799,0.704c-0.307,0.2-0.699,0.306-1.18,0.317c-0.4,0.011-0.775-0.05-1.127-0.182c-0.352-0.131-0.66-0.323-0.927-0.577c-0.267-0.253-0.479-0.563-0.642-0.932c-0.16-0.368-0.247-0.784-0.258-1.248l-0.002-0.024c-0.011-0.464,0.055-0.886,0.197-1.265c0.143-0.38,0.339-0.703,0.588-0.97c0.249-0.266,0.543-0.474,0.879-0.621c0.336-0.148,0.691-0.228,1.068-0.237c0.488-0.012,0.891,0.066,1.206,0.234c0.316,0.168,0.603,0.378,0.856,0.627l-0.02-0.769l2.279-0.057l0.123,4.931c0.014,0.6-0.041,1.111-0.166,1.534c-0.126,0.424-0.328,0.783-0.609,1.079c-0.289,0.303-0.664,0.537-1.123,0.705C66.79,54.234,66.22,54.326,65.541,54.342z M65.566,50.069c0.383-0.01,0.696-0.138,0.938-0.384c0.242-0.245,0.359-0.549,0.351-0.909l-0.001-0.024c-0.009-0.359-0.141-0.653-0.395-0.884s-0.572-0.34-0.955-0.33c-0.393,0.01-0.71,0.137-0.951,0.383c-0.242,0.247-0.359,0.55-0.35,0.91v0.023c0.01,0.36,0.141,0.655,0.395,0.885S65.174,50.079,65.566,50.069z"/>
		<path class="letrinhas" fill="#FDFDFA" d="M72.273,52.375c-0.312,0.008-0.602-0.029-0.867-0.11c-0.266-0.082-0.5-0.204-0.699-0.367c-0.2-0.163-0.359-0.367-0.477-0.612c-0.119-0.245-0.182-0.532-0.189-0.859l-0.002-0.023c-0.008-0.336,0.047-0.633,0.164-0.893c0.118-0.26,0.284-0.476,0.5-0.649c0.216-0.173,0.479-0.308,0.789-0.403c0.31-0.096,0.656-0.148,1.039-0.157c0.305-0.008,0.596,0.011,0.873,0.056c0.276,0.045,0.508,0.098,0.693,0.157l-0.002-0.108c-0.009-0.336-0.122-0.593-0.338-0.771c-0.217-0.18-0.545-0.262-0.984-0.251c-0.344,0.009-0.655,0.048-0.934,0.118c-0.278,0.071-0.56,0.166-0.846,0.285l-0.508-1.596c0.365-0.161,0.751-0.293,1.161-0.395c0.409-0.103,0.894-0.16,1.454-0.175c0.584-0.014,1.079,0.042,1.486,0.168c0.408,0.125,0.742,0.313,1.004,0.563c0.254,0.234,0.439,0.521,0.557,0.857c0.116,0.336,0.18,0.732,0.191,1.188l0.093,3.731l-2.256,0.056l-0.017-0.672c-0.218,0.254-0.479,0.459-0.783,0.614C73.073,52.281,72.705,52.364,72.273,52.375z M73.054,50.926c0.336-0.009,0.605-0.111,0.808-0.309c0.203-0.195,0.301-0.458,0.293-0.786l-0.008-0.301c-0.113-0.045-0.248-0.081-0.404-0.11c-0.156-0.027-0.318-0.039-0.486-0.035c-0.336,0.008-0.593,0.089-0.77,0.242c-0.176,0.151-0.262,0.348-0.255,0.588l0.001,0.023c0.005,0.225,0.086,0.396,0.24,0.517C72.628,50.875,72.821,50.932,73.054,50.926z"/>
		<path class="letrinhas" class="letrinhas" fill="#FDFDFA" d="M77.435,45.608l2.292-0.057l0.021,0.912c0.1-0.139,0.211-0.273,0.334-0.404s0.263-0.247,0.418-0.347c0.156-0.101,0.328-0.183,0.516-0.247c0.188-0.065,0.396-0.1,0.626-0.105c0.7-0.018,1.25,0.181,1.65,0.595c0.399,0.414,0.61,0.993,0.628,1.736l0.105,4.247l-2.291,0.058l-0.088-3.515c-0.008-0.36-0.098-0.63-0.268-0.811c-0.171-0.18-0.391-0.267-0.658-0.26c-0.277,0.007-0.502,0.104-0.675,0.293s-0.255,0.463-0.246,0.823l0.087,3.515l-2.291,0.057L77.435,45.608z"/>
		<path class="letrinhas" fill="#FDFDFA" d="M87.833,51.987c-0.384,0.01-0.752-0.058-1.104-0.206c-0.352-0.147-0.66-0.361-0.928-0.643c-0.268-0.282-0.484-0.628-0.65-1.04s-0.256-0.879-0.269-1.398l-0.001-0.024c-0.014-0.527,0.051-1.003,0.192-1.427c0.142-0.423,0.339-0.783,0.596-1.083c0.257-0.298,0.554-0.53,0.893-0.694s0.7-0.251,1.083-0.261c0.486-0.012,0.888,0.071,1.204,0.252c0.315,0.181,0.583,0.392,0.806,0.634l-0.076-3.059l2.291-0.057l0.219,8.757l-2.292,0.057l-0.009-0.864c-0.218,0.278-0.476,0.521-0.774,0.728C88.714,51.866,88.32,51.975,87.833,51.987z M88.475,50.064c0.184-0.005,0.354-0.045,0.511-0.121s0.294-0.182,0.411-0.316c0.115-0.135,0.205-0.293,0.269-0.476c0.063-0.182,0.092-0.381,0.087-0.597l-0.001-0.023c-0.005-0.217-0.044-0.411-0.116-0.585c-0.072-0.175-0.17-0.326-0.291-0.456c-0.123-0.129-0.266-0.227-0.427-0.295s-0.333-0.1-0.516-0.095c-0.184,0.005-0.354,0.044-0.512,0.12s-0.294,0.18-0.41,0.311S87.271,47.818,87.205,48c-0.068,0.183-0.099,0.381-0.094,0.598l0.001,0.023c0.005,0.216,0.046,0.413,0.122,0.591c0.076,0.179,0.176,0.333,0.299,0.462s0.264,0.227,0.425,0.295S88.291,50.069,88.475,50.064z"/>
		<path class="letrinhas" fill="#FDFDFA" d="M96.625,51.781c-0.52,0.014-0.999-0.063-1.439-0.229c-0.44-0.165-0.824-0.397-1.151-0.697s-0.585-0.652-0.771-1.055c-0.187-0.404-0.285-0.837-0.297-1.302v-0.023c-0.012-0.465,0.066-0.904,0.236-1.32s0.411-0.782,0.724-1.098c0.312-0.316,0.686-0.569,1.121-0.762c0.436-0.19,0.913-0.292,1.433-0.305s1,0.064,1.44,0.233c0.44,0.17,0.825,0.402,1.151,0.698c0.328,0.296,0.585,0.646,0.771,1.049c0.187,0.403,0.285,0.838,0.297,1.302l0.001,0.023c0.012,0.464-0.068,0.904-0.238,1.321c-0.169,0.415-0.41,0.781-0.723,1.098c-0.312,0.315-0.686,0.569-1.121,0.76C97.623,51.667,97.146,51.768,96.625,51.781z M96.602,49.837c0.207-0.005,0.395-0.048,0.561-0.128c0.167-0.079,0.305-0.185,0.418-0.318c0.113-0.135,0.199-0.29,0.259-0.466s0.087-0.359,0.083-0.55l-0.001-0.024c-0.005-0.198-0.044-0.384-0.116-0.556c-0.072-0.173-0.172-0.324-0.299-0.452s-0.275-0.229-0.445-0.305c-0.17-0.074-0.355-0.11-0.556-0.105c-0.208,0.006-0.396,0.049-0.562,0.128s-0.305,0.187-0.417,0.32s-0.199,0.289-0.259,0.465s-0.088,0.359-0.082,0.55v0.023c0.005,0.198,0.044,0.384,0.116,0.557c0.072,0.174,0.172,0.323,0.3,0.451c0.127,0.128,0.275,0.229,0.445,0.305C96.217,49.808,96.401,49.842,96.602,49.837z"/></g>
		</svg>
		
			<div class="numL3">
				<p class="l3numeros2"><span class="numerosL3">100</span>%</p>
				<p class="l3numeros"><span class="numerosL3">100</span>%</p>
			</div>
		</div>
	</div>
              
            
!

CSS

              
                


.gradientBG2{
background-color: #585353;
background: rgb(76,117,154); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0Yzc1OWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjQ1NDc2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  rgba(76,117,154,1) 0%, rgba(36,84,118,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(76,117,154,1)), color-stop(100%,rgba(36,84,118,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(76,117,154,1) 0%,rgba(36,84,118,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(76,117,154,1) 0%,rgba(36,84,118,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(76,117,154,1) 0%,rgba(36,84,118,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(76,117,154,1) 0%,rgba(36,84,118,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c759a', endColorstr='#245476',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.conteudo{
position:fixed;
width:100%;
height:100%;
}
/***loading***/
#loading{
width:129px;
height:200px;
position:absolute;
left:50%;
margin-left:-65px;
top:50%;
margin-top:-100px;
height:50%;
width:100%;
-webkit-transition: all 1s ease-in ;
-moz-transition: all 1s ease-in ;
-o-transition: all 1s ease-in ;
transition: all 1s ease-in ;
}
#Layer_1{
position:absolute;

}
#Layer_2{
position:absolute;
display:none;
}
#Layer_3{
position:absolute;
margin-left:140px;
margin-top:-30px;
}
.numL3{
margin-top:-3px;
margin-left:3px;
}
.l3numeros{
font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
font-size:27px;
color:#fdfdfa;
position:absolute;
margin-left:165px;
margin-top:-21px;
/* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
/* IE 5-7 */filter: alpha(opacity=0);
/* Netscape */-moz-opacity: 0;
/* Safari 1.x */-khtml-opacity: 0;
/* Good browsers */opacity: 0;
}
.l3numeros2{
font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
font-size:28px;
color:#585353;
position:absolute;
margin-left:165px;
margin-top:-21px;
/* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
/* IE 5-7 */filter: alpha(opacity=0);
/* Netscape */-moz-opacity: 0;
/* Safari 1.x */-khtml-opacity: 0;
/* Good browsers */opacity: 0;
}
.letrinhas{
/* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
/* IE 5-7 */filter: alpha(opacity=0);
/* Netscape */-moz-opacity: 0;
/* Safari 1.x */-khtml-opacity: 0;
/* Good browsers */opacity: 0;
}
.svg_linha{

}
.blur{
filter: blur(136px); -webkit-filter: blur(136px); -moz-filter: blur(136px);
-o-filter: blur(136px); -ms-filter: blur(136px);
filter: url(blur.svg#blur);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='136');
opacity:0;
-webkit-transition: all 1.5s ease-in ;
-moz-transition: all 1.5s ease-in ;
-o-transition: all 1.5s ease-in ;
transition: all 1.5s ease-in ;
}


              
            
!

JS

              
                

//seta animações
	var svgbalao = new TimelineMax({paused:false, repeat:0});
		svgbalao.from("#Layer_3",0.5, {css: {opacity: "0"}}, 0.1)	    	  
		.from("#Layer_3",0.5, {css: {height: "0", width:"0"}},0.4)   		
		.to("#Layer_3",0.5, {css: {opacity: "1"}}, 0.6)	    	  
		.to(".l3numeros2",2, {css: {opacity: "1"}}, 1.8)	    	  
		.to(".l3numeros",0.2, {css: {opacity: "1"}}, 3.5)	    	  
		.to(".l3numeros",0.3, {css: {marginTop:"-23px", marginLeft:"169px"}}, 4)	    	  
		  .to("#Layer_3",1, {css: {height: "75", width:"118"}}, 1);		
		  
	var svgsurgir = new TimelineMax({paused:false, repeat:0, delay:0.1});
		svgsurgir.from("#Layer_1",0.1, {css: {display: "none"}}, 0.1)	    	  
		.to("#Layer_1",0, {css: {display: "block", opacity: "0"}},0)  
		.to("#Layer_1",2, {css: {opacity: "1"}},1)  
		.from(".svg_linha",1, {stroke:"white", strokeWidth:"1",  strokeDasharray: "100", fill:"none"},2)	  
		.to(".svg_linha",2, {stroke:"white", strokeWidth:"1", strokeDasharray: "1",fill:"none"},1)
		.to(".letrinhas",2, {css: {opacity: "1"}}, 2)	 ;	
		  
	var svgcarregando = new TimelineMax({paused:true, repeat:-1, delay:3});
		svgcarregando.from("#Layer_1",0, {css: {display: "none"}}, 0.3)	    	     	  
		.from("#Layer_2",0, {css: {display: "block"}}, 0.3)	    	  
		.to("#Layer_2",0.3, {css: {display: "none"}}, 0.3)		
		  .to("#Layer_1",0.3, {css: {display: "block"}}, 0.3);	
		  
	var svgfim = new TimelineMax({paused:true, repeat:0, delay:12.79});
		svgfim.from("#loading",1, {css: {display: "block"}}, 0.1)
		  .to("#loading",0.1, {css:{className:'+=blur'}},1)	
		  .to("#loading",0.1, {css: {display: "none"}}, 2);
	
	
	$('document').ready(function() {
		svgbalao.play();
		svgsurgir.play();		
		svgcarregando.play();
		svgfim.play();
		window.setTimeout(function () {
			svgbalao.stop();
			svgsurgir.stop();		
			svgcarregando.stop();
			svgfim.stop();
		}, 16000)
	});

//contador
$(function() {
    function count($this){
        var current = parseInt($this.html(), 10);
        $this.html(++current);
        if(current !== $this.data('count')){
            setTimeout(function(){count($this)}, 150);
        }
    }        
  $(".numerosL3").each(function() {
      $(this).data('count', parseInt($(this).html(), 10));
      count($(this));
      $(this).html('10');
  });
});
              
            
!
999px

Console