Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
b0351f30 by Dan Rempel
Options

BMK 780x90 for internal discussion

1 parent 9e7737af
Inline Side-by-side
Showing 22 changed files with 1046 additions and 0 deletions
<!DOCTYPE html>
<head>
<!--
<script type="text/javascript">
(function() {
var relegateNavigation = '';
var handleClickTagMessage = function(e) {
try {
var eventData = JSON.parse(e.data);
} catch (err) {
return;
}
if (eventData.isInitClickTag) {
if (eventData.clickTags) {
for (var i = 0; i < eventData.clickTags.length; i++) {
var clkTag = eventData.clickTags[i];
window[clkTag.name] = clkTag.url;
}
} else if (eventData.clickTag) {
window.clickTag = eventData.clickTag;
}
relegateNavigation = eventData.relegateNavigation;
}
};
if (open.call) {
window.open = function(open) {
return function(url, name, features) {
if (relegateNavigation === 'parent') {
var message = {'clickTag': url, 'isPostClickTag': true};
parent.postMessage(JSON.stringify(message), '*');
} else {
var args = [url, name];
if (features) {
args.push(features);
}
open.apply(window, args);
}
};
}(window.open);
}
if (window.addEventListener) {
window.addEventListener(
'message', handleClickTagMessage, false);
} else {
window.attachEvent('onmessage', handleClickTagMessage);
}
})();
</script>
-->
<meta charset="utf-8">
<title>HTML5 GSAP Ad</title>
<meta name="ad.size" content="width=728,height=90">
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "http://thecommonwell.ca/wave";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
<!--
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<script type="text/javascript">
window.onload = function() {
eyeBuild.initialize();
}
</script>
-->
<style>
body{
margin: 0;
padding: 0;
width: 1400px;
height: 810px;
/**/
width: 728px;
height: 90px;
line-height: 1.2;
font-size: 27px;
letter-spacing: .4;
color: #CD040B;
/*font-family: "Neue Haas Grotesk", Arial, sans-serif;*/
/*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
font-style: normal;
}
a{
text-decoration: none;
color: inherit;
}
img {
border-style:none;
}
#border{
position: relative;
width: 100%;
height: 100%;
border: 1px solid #55565A;
background-color: #F9F9F9;
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
}
#line-img-group{
position: absolute;
left:-850px;
top:-75px;
width: 1400px;
height: 810px;
}
#line-img-group img {
opacity: 0;
transform: scale(.1,.1);
}
.line{
position: absolute;
height: 5px;
width: 200px;
}
.red{
background: #C41230;/* For browsers that do not support gradients */
background: -webkit-linear-gradient(left,rgba(196,18,48,0),rgba(196,18,48,1)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right,rgba(196,18,48,0),rgba(196,18,48,1)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right,rgba(196,18,48,0),rgba(196,18,48,1)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right,rgba(196,18,48,0),rgba(196,18,48,1)); /* Standard syntax */
}
.yellow{
background: -webkit-linear-gradient(left,rgba(255,207,1,0),rgba(255,207,1,1)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right,rgba(255,207,1,0),rgba(255,207,1,1)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right,rgba(255,207,1,0),rgba(255,207,1,1)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right,rgba(255,207,1,0),rgba(255,207,1,1)); /* Standard syntax */
}
.green{
background: -webkit-linear-gradient(left,rgba(178,187,30,1),rgba(178,187,30,0)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right,rgba(178,187,30,1),rgba(178,187,30,0)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right,rgba(178,187,30,1),rgba(178,187,30,0)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right,rgba(178,187,30,1),rgba(178,187,30,0)); /* Standard syntax */
}
#line-red{
left:600px;
top:144px;
}
#line-yellow{
left:950px;
top:-100px;
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
}
#line-green-mask{
position: absolute;
width: 1000px;
height: 5px;
left:771px;
top:314px;
overflow: hidden;
}
#line-green{
left:650px;
top:0px;
}
#line-green-mask2{
position: absolute;
width: 5px;
height: 500px;
left:767px;
top:314px;
overflow: hidden;
}
#line-green2{
left:-98px;
top:-103px;
-ms-transform: rotate(-90deg); /* IE 9 */
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
transform: rotate(-90deg);
}
#line-yellow2{
left:391px;
top:391px;
}
.thumbnails{
width: 120px;
height: 60px;
position: absolute;
}
#img1{
left:1052px;
top:84px;
transform-origin: 0% 100%;
}
#img2{
left:928px;
top:149px;
transform-origin: 100% 0%;
}
#img3{
left:1053px;
top:254px;
transform-origin: 0% 100%;
}
#img4{
left:928px;
top:319px;
transform-origin: 100% 0%;
}
#img5{
left:771px;
top:331px;
transform-origin: 0% 100%;
}
#img6{
left:648px;
top:396px;
transform-origin: 100% 0%;
}
.txt{
position: absolute;
opacity: 0;
transform: scale(.1,.1);
}
#txt1-people{
left:1070px;
top: 170px;
transform-origin: 0% 0%;
transform: scale(.1,.1);
}
#txt2-offices{
left:940px;
top: 276px;
transform-origin: 100% 100%;
}
#txt3-cultures{
left:1070px;
top: 341px;
transform-origin: 0% 0%;
}
#txt4-connection{
left:330px;
top: 352px;
transform-origin: 100% 0%;
}
#tag{
left:-800px;
top: 35px;
}
#leaf{
left:800px;
top: 35px;
}
#logo-green{
left:-300px;
top: 78px;
}
#logo-yellow{
left:800px;
top: 46px;
}
#logo-red{
left:527px;
top: 56px;
opacity: 0;
}
#tag-logo-group {
position: absolute;
background-color: white;
width: 100%;
height: 100%;
opacity: 0;
}
#tag-logo-group img{
position: absolute;
}
</style>
</head>
<body>
<a id="click-tag" href="javascript:window.open(window.clickTag)">
<!-- <a href="javascript:eyeBuild.doClick(0)" class="cta"> -->
<div id="border">
<div id="line-img-group">
<img id="img1" class="thumbnails" width="120" height="60" src="assets/img1@2x.jpg" alt="Photo: Close up of a group of professionals."/>
<img id="img2" class="thumbnails" width="120" height="60" src="assets/img2@2x.jpg" alt="Photo: Close up of a group of professionals."/>
<img id="img3" class="thumbnails" width="120" height="60" src="assets/img3@2x.jpg" alt="Photo: Portrait of a professional woman."/>
<img id="img4" class="thumbnails" width="120" height="60" src="assets/img4@2x.jpg" alt="Photo: Portrait of a professional man."/>
<img id="img5" class="thumbnails" width="120" height="60" src="assets/img5@2x.jpg" alt="Photo: Portrait of a professional man."/>
<img id="img6" class="thumbnails" width="120" height="60" src="assets/img6@2x.jpg" alt="Photo: Portrait of a professional woman."/>
<img id="txt1-people" class="txt" src="assets/txt1-people.svg" alt="12,000 people."/>
<img id="txt2-offices" class="txt" src="assets/txt2-offices.svg" alt="77 offices."/>
<img id="txt3-cultures" class="txt" src="assets/txt3-cultures.svg" alt="Over 60 nationalities and cultures."/>
<img id="txt4-connection" class="txt" src="assets/txt4-connection.svg" alt="We're your ocnneciton to a world of experience."/>
<div id="line-red" class="line red"></div>
<div id="line-yellow" class="line yellow"></div>
<div id="line-green-mask">
<div id="line-green" class="line green"></div>
</div>
<div id="line-green-mask2">
<div id="line-green2" class="line green"></div>
</div>
<div id="line-yellow2" class="line yellow"></div>
</div>
<div id="tag-logo-group">
<img id="tag" src="assets/tag.svg" alt="It's not who we know but who we are."/>
<img id="leaf" src="assets/leaf.svg" alt="design element"/>
<img id="logo-green" src="assets/logo-green.svg" alt="design element"/>
<img id="logo-yellow" src="assets/logo-yellow.svg" alt="design element"/>
<img id="logo-red" src="assets/logo-red.svg" alt="Baker & McKenzie"/>
</div>
</div>
</a>
<!-- jQuery-->
<script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
var tlLines;
var tlElements;
var tlCamera;
function stage1(){
tlLines = new TimelineMax({});
tlElements = new TimelineMax({});
tlCamera = new TimelineMax({onUpdate:showRedProgress});
var myTimeScale = 1;
tlLines.timeScale(myTimeScale);
tlElements.timeScale(myTimeScale);
tlCamera.timeScale(myTimeScale);
var lineSpeed = 7;
var fadeUpDuration = .5;
//ease:Power1.easeInOut
tlLines.to("#line-red", lineSpeed, {left:1700, ease:Linear.easeNone, delay:0 });
tlLines.to("#line-yellow", lineSpeed+3, {top:800, ease:Linear.easeNone, delay:-6.85 });
tlLines.to("#line-green", lineSpeed, {left:-500, ease:Linear.easeNone, delay:-8.3 });
tlLines.to("#line-green2", lineSpeed, {top:1000, ease:Linear.easeNone, delay:-4.3 });
tlLines.to("#line-yellow2", lineSpeed-2, {left:1000, ease:Linear.easeNone, delay:-8});
///
tlElements.to("#img1", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:1.7 });
tlElements.to("#img2", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:-.2 });
tlElements.to("#txt1-people", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:-.2 });
tlElements.to("#img3", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:1 });
tlElements.to("#txt2-offices", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:-.35 });
tlElements.to("#img4", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:0 });
tlElements.to("#txt3-cultures", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:0 });
tlElements.to("#img5", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:1 });
tlElements.to("#txt4-connection",fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:.1 });
tlElements.to("#img6", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:0 });
tlElements.to("#line-img-group", fadeUpDuration, {opacity:0, delay:2 });
tlElements.to("#tag-logo-group", fadeUpDuration, {opacity:1, delay:-1 });
tlElements.to("#tag", fadeUpDuration, {left:44, delay:0 });
tlElements.to("#leaf", fadeUpDuration, {left:443, delay:-.5 });
tlElements.to("#logo-green", fadeUpDuration, {left:606, delay:0 });
tlElements.to("#logo-yellow", fadeUpDuration, {left:553, delay:-.5 });
tlElements.to("#logo-red", fadeUpDuration, {opacity:1, delay:0 });
///
tlCamera.to("#line-img-group", 12, {
bezier: {
values: [
{x: 0, y: 0 }, // 1-
{x: 0, y: -18 }, // 1b-
{x: 2, y: -39 }, // 2a-
{x: 5, y: -54 }, // 2- 12,000 People
{x: 16, y: -102 }, // 2b-
{x: 41, y: -131 }, // 3a-
{x: 57, y: -154 }, // 3- 77 offices.
{x: 72, y: -189 }, // 3b-
{x: 106, y: -215 }, // 4a-
{x: 149, y: -226 }, // 4- Over 60 nationalities
{x: 200, y: -239 }, // 4b-
{x: 286, y: -235 }, // 5a-
{x: 400, y: -244 }, // 5- elbow
{x: 500, y: -251 }, // 5b-
{x: 650, y: -262 }, // 6a-
{x: 770, y: -268 }, // 6- We're your connection
{x: 880, y: -270 }, // 6b-
{x: 980, y: -272 }, // 7a-
{x: 999, y: -274 } // 7-
],
curviness:1, timeResolution:15, type:"cubic" // thru, soft, quadratic, cubic
}, delay:1.1, ease:Power1.easeInOut
});
TweenMax.delayedCall(5.2,changeTimeScale, [1.1]);
TweenMax.delayedCall(5.5,changeTimeScale, [1.2]);
console.log( "tlLines: " + tlLines.totalDuration() );
console.log( "tlElements: " + tlElements.totalDuration() );
console.log( "tlCamera time: " + tlCamera.totalDuration() );
}
//use a callback
function changeTimeScale(t) {
console.log("changeTimeScale Called", t);
tlCamera.timeScale(t);
}
//use a callback
function showRedProgress() {
/*
console.log( "tlCamera.progress():",
"s:", Math.floor( tlCamera.progress()*tlCamera.totalDuration() ),
"x:", Math.floor( $("#line-img-group").position().left+850 ),
"y:", Math.floor( $("#line-img-group").position().top+100 )
);
if(tlCamera.progress()*tlCamera.totalDuration() > 5)
{
tlCamera.timeScale = 2;
}
*/
}
//---------------------
$(document).ready(function(){
stage1();
});
</script>
</body>
</html>
\ No newline at end of file
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20.75" height="20" viewBox="0 0 20.75 20"><defs><style>.cls-1{fill:url(#radial-gradient);}</style><radialGradient id="radial-gradient" cx="2071.31" cy="755.54" r="17.06" gradientTransform="matrix(1, 0, 0, 1.04, -1.11, -24.69)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f69220"/><stop offset="0.07" stop-color="#ec8325"/><stop offset="0.26" stop-color="#d55e31"/><stop offset="0.44" stop-color="#c2423a"/><stop offset="0.63" stop-color="#b52d41"/><stop offset="0.82" stop-color="#ae2145"/><stop offset="1" stop-color="#ab1d46"/></radialGradient></defs><title>leaf</title><path class="cls-1" d="M2076,774a0.61,0.61,0,0,1,.28-0.74c0.34-.24,5.17-4.05,5.17-4.05l-1.3-.72,0.9-3.59-3.45.28a6.36,6.36,0,0,1-.66-1.56l-2.6,3-0.34,0,1-6.07-1.54.94-0.42,0-1.92-3.61h-0.05l-1.88,3.61-0.42,0-1.54-.94,1,6.07-0.34,0-2.6-3a6.36,6.36,0,0,1-.66,1.56l-3.45-.28,0.9,3.59-1.3.72s4.83,3.81,5.17,4.05a0.61,0.61,0,0,1,.28.74,14.58,14.58,0,0,1-.68,1.5l5.1-.75v3h1v-3l5.1,0.75A14.58,14.58,0,0,1,2076,774Z" transform="translate(-2060.74 -757.78)"/></svg>
\ No newline at end of file
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="99.73" height="11.46" viewBox="0 0 99.73 11.46"><defs><style>.cls-1{fill:url(#linear-gradient);}</style><linearGradient id="linear-gradient" x1="-1383.22" y1="909.55" x2="-1382.95" y2="909.55" gradientTransform="matrix(367.06, 0, 0, -367.06, 507719.39, 333861.14)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#b1ba1e"/></linearGradient></defs><title>logo-green</title><rect class="cls-1" width="99.73" height="11.46"/></svg>
\ No newline at end of file
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="200" height="23.69" viewBox="0 0 200 23.69"><defs><style>.cls-1{fill:#c31230;}.cls-2{fill:#fff;}</style></defs><title>logo-red</title><rect class="cls-1" width="200" height="23.69"/><path class="cls-2" d="M2258.74,789.38a3.65,3.65,0,0,0,3.83,3.22,2.88,2.88,0,0,0,2.93-2.31l-0.66-.16a2.32,2.32,0,0,1-2.38,1.79c-1.2,0-2.11-.72-2.11-2.55s0.8-2.46,1.83-2.46a2.56,2.56,0,0,1,2.07,1,3.84,3.84,0,0,1,.55,1.31l0.27,0h0.34v-2.78h-0.53a1,1,0,0,1-.54.43,1.4,1.4,0,0,1-.44-0.17,3.87,3.87,0,0,0-1.68-.46,3.58,3.58,0,0,0-3.47,3.13" transform="translate(-2146.49 -779.23)"/><path class="cls-2" d="M2175.53,791v3.67h2.73c1.74,0,2.55-.74,2.55-1.88s-0.88-1.79-2.46-1.79h-2.82Zm1.83-.76c1.54,0,3.21-.16,3.21-1.67,0-1.29-1.14-1.36-3.21-1.36h-1.83v3h1.82Zm0.23-3.79c3.77,0,5,.67,5,2,0,1.61-2.24,2-3.33,2.17v0c1.53,0.26,3.79.91,3.79,2.56,0,1-1.57,1.93-2.66,2.07a26,26,0,0,1-3.37.19h-5.83v-0.77H2172c1.43,0,1.71-.1,1.71-1.8v-4c0-1.37-.13-1.66-1.81-1.66h-0.73v-0.77h6.39Z" transform="translate(-2146.49 -779.23)"/><path class="cls-2" d="M2212.27,788.59v2.64h-0.56c-0.17-.78-0.49-1.93-2.66-1.93h-1.86v2.3h0.44c1.46,0,1.67-.36,1.7-1.37h0.48v3.56h-0.48c0-.73-0.19-1.48-1.7-1.48h-0.44v2.43h1.44c2.46,0,2.94-.28,3.52-2.13h0.57v2.84h-8.84v-0.71h0.53c0.75,0,1.34-.06,1.34-0.89v-3.22c0-1.26-.22-1.32-1.39-1.32h-0.47v-0.71h8.38Z" transform="translate(-2146.49 -779.23)"/><path class="cls-2" d="M2217,791.51h1.76c1.26,0,2.32-.26,2.32-1.24s-0.89-1-2.32-1H2217v2.2Zm-3.37,3.23h0.6c0.75,0,1.34-.06,1.34-0.89v-3.23c0-1.26-.22-1.31-1.4-1.31h-0.54v-0.71h4.88c1.86,0,2.83,0,3.49.44a1.31,1.31,0,0,1,.78,1.1c0,1.39-1.85,2-3.34,2a1.73,1.73,0,0,0,1.36,1.06,1.2,1.2,0,0,0,.42-0.07c0.74,1.08,1.07,1.63,1.89,1.64h0.38v0.71h-2.67a22.26,22.26,0,0,1-1.21-1.89,2.46,2.46,0,0,0-2.59-1.33v1.1c0,1.19,0,1.42,1.24,1.42h0.59v0.71h-5.2v-0.71Z" transform="translate(-2146.49 -779.23)"/><path class="cls-2" d="M2239.6,789.15v0.77h-0.34c-1,0-1.24.61-1.88,1.84a9.09,9.09,0,0,1-1.13,1.54,2.18,2.18,0,0,0,1.61.75c1,0,1.37-1.19,1.37-2.13H2240c0,2-1,3.51-2.8,3.51a3.39,3.39,0,0,1-2.11-.88,7.12,7.12,0,0,1-4.05,1.14c-1.88,0-3.43-.84-3.43-2.36,0-2,2.74-3,3.73-3.28a4.23,4.23,0,0,1-.46-1.68A2.17,2.17,0,0,1,2233,786a1.49,1.49,0,0,1,1.51,1.63,2.69,2.69,0,0,1-1.33,2.26,28.51,28.51,0,0,0,2.48,2.86,3.65,3.65,0,0,0,.94-2,0.89,0.89,0,0,0-1.1-.89H2235v-0.77h4.57Zm-8,1.59c-0.89.32-2,.75-2.07,2a2.36,2.36,0,0,0,0,.29,2.07,2.07,0,0,0,2.21,1.91,5.51,5.51,0,0,0,2.7-.88,15.4,15.4,0,0,1-2.82-3.31m2.05-2.88a1,1,0,0,0-1-1.17,0.87,0.87,0,0,0-.8,1,3.16,3.16,0,0,0,.78,1.69,1.82,1.82,0,0,0,1-1.48" transform="translate(-2146.49 -779.23)"/><path class="cls-2" d="M2288.16,795.45H2274v-0.77h0.33c0.5,0,.94,0,0.94-0.38a4.07,4.07,0,0,0-.71-1.22l-1.64-2.22-2.26,1.78V793c0,1.41.12,1.72,1.63,1.72h0.35v0.77h-6.13v-0.77h0.61c1.67,0,1.9-.07,1.9-2V789c0-1.59,0-1.81-1.85-1.81h-0.66v-0.77h6.13v0.77h-0.34c-1.57,0-1.65.29-1.65,1.75v2.67l3.82-3a1.52,1.52,0,0,0,.72-0.85c0-.37-0.35-0.58-0.93-0.58h-0.41v-0.77h5.89v0.76h-0.87c-1.33,0-2.24.69-3.52,1.7l-1.25,1,2.46,3.27c0.61,0.81,1.18,1.55,2.21,1.55h1.08c0.76,0,1.34-.07,1.34-0.9v-3.21c0-1.26-.22-1.32-1.39-1.32h-0.48v-0.71h8.38v2.64h-0.56c-0.18-.78-0.5-1.93-2.65-1.93h-1.87v2.3h0.44c1.45,0,1.67-.36,1.7-1.37h0.48v3.56h-0.48c0-.73-0.18-1.48-1.7-1.48h-0.44v2.43h1.44c2.46,0,2.95-.28,3.52-2.13h0.58v2.84Z" transform="translate(-2146.49 -779.23)"/><path class="cls-2" d="M2197.63,795.45v-0.71h-0.77c-0.57,0-.92-0.08-0.92-0.67v-0.59l2-1.43,1,1.44h0a2.22,2.22,0,0,1,.48.89c0,0.29-.28.35-0.63,0.35h-0.37v0.71h4.77v-0.71h-0.51a2.44,2.44,0,0,1-2.11-1.19c-0.08-.1-0.23-0.3-0.32-0.42L2199,791.3l1.46-1a3.93,3.93,0,0,1,2.31-.95h0.43v-0.71h-4.79v0.71h0.46a0.54,0.54,0,0,1,.64.38v0a1.19,1.19,0,0,1-.59.76l-3,2.11V790c0-.6.38-0.71,0.91-0.71h0.74v-0.71h-5v0.71h0.83c0.79,0,1.1.34,1.1,1.32v3.14c0,0.89-.58,1-1.34,1h-0.65c-1,0-1.27-.73-1.93-2l-2.39-4.51-2.42,4.53c-0.55,1-1,1.94-2.28,1.94h-0.67v0.71h4.41v-0.71h-0.48c-0.47,0-.9-0.08-0.9-0.52a2.1,2.1,0,0,1,.32-0.82h3.19a2.46,2.46,0,0,1,.4,1c0,0.35-.42.38-0.93,0.38H2188v0.71h9.59Zm-9.88-5.08,1.26,2.4h-2.54Z" transform="translate(-2146.49 -779.23)"/><path class="cls-2" d="M2258.23,795.45h-6.63v-0.77H2252c2.18,0,2.18-.48,2.18-2.19v-5.59l-4.31,9-4-8.53v4.51c0,1.82.16,2.82,1.81,2.82h0.48v0.77H2243v-0.77h0.43c1.44,0,1.67-1,1.67-2.84V789c0-1-.1-1.74-1.46-1.74H2243v-0.76h4.41l3,6.52,3.13-6.52h4.71v0.76h-0.67c-1.63,0-1.76.48-1.76,1.9v3.79c0,1.53.23,1.77,1.64,1.77h0.78v0.77Z" transform="translate(-2146.49 -779.23)"/><path class="cls-2" d="M2297.68,796.11l-6.11-6.47v3.25c0,1.35.24,1.85,1.54,1.85h0.44v0.71h-4.34v-0.71h0.32c1,0,1.33-.46,1.33-1.87v-2.16c0-1.05-.2-1.4-1.27-1.4h-0.38V788.6h3.35l4.41,4.69v-2.41c0-1.24-.27-1.56-1.57-1.57H2295V788.6h4.29v0.71H2299c-1.17,0-1.31.51-1.31,1.72v5.08Z" transform="translate(-2146.49 -779.23)"/><path class="cls-2" d="M2307,788.59l-4.91,6.11h1.27c2.56,0,2.65-1.3,3-2.37h0.56v3.11h-7l4.91-6.12h-1.1c-1.9,0-2.33.47-2.65,2.26h-0.56v-3H2307Z" transform="translate(-2146.49 -779.23)"/><path class="cls-2" d="M2313.19,788.59v0.71h-0.56c-0.74,0-1.19.1-1.19,0.76V794c0,0.67.45,0.76,1.19,0.76h0.56v0.71h-4.92v-0.71h0.55c0.74,0,1.19-.1,1.18-0.76v-3.9c0-.67-0.45-0.76-1.18-0.76h-0.55v-0.71h4.92Z" transform="translate(-2146.49 -779.23)"/><path class="cls-2" d="M2322.34,788.59v2.64h-0.57c-0.17-.78-0.49-1.93-2.65-1.93h-1.87v2.3h0.45c1.45,0,1.67-.36,1.69-1.37h0.48v3.56h-0.48c0-.73-0.18-1.48-1.69-1.48h-0.45v2.43h1.44c2.47,0,2.95-.28,3.52-2.13h0.58v2.84H2314v-0.71h0.53c0.75,0,1.33-.06,1.33-0.89v-3.22c0-1.26-.22-1.32-1.39-1.32H2314v-0.71h8.38Z" transform="translate(-2146.49 -779.23)"/><path class="cls-2" d="M2263.23,794.6a0.89,0.89,0,1,1-.89-0.87,0.89,0.89,0,0,1,.89.87" transform="translate(-2146.49 -779.23)"/></svg>
\ No newline at end of file
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="91.37" height="11.11" viewBox="0 0 91.37 11.11"><defs><style>.cls-1{fill:url(#linear-gradient);}</style><linearGradient id="linear-gradient" x1="-1383.7" y1="909.49" x2="-1383.47" y2="909.49" gradientTransform="matrix(383.4, 0, 0, -383.4, 530514.25, 348703.86)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffce01"/><stop offset="1" stop-color="#fff"/></linearGradient></defs><title>logo-yellow</title><rect class="cls-1" width="91.37" height="11.11"/></svg>
\ No newline at end of file
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="391.47" height="18.67" viewBox="0 0 391.47 18.67"><defs><style>.cls-1{fill:#c41230;}</style></defs><title>tag</title><path class="cls-1" d="M1663.29,776.78V758.27h2v18.51h-2Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1672.87,776.78a3.14,3.14,0,0,1-3.28-3.43V765.5H1668v-1.43h1.61v-4h1.87v4h2.73v1.43h-2.73v7.8a1.62,1.62,0,0,0,1.74,1.87h1v1.61h-1.33Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1676.88,762.51v-4.24h2.26v2.18Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1685.41,776.94a7,7,0,0,1-5.25-1.85l1.25-1.25a5.23,5.23,0,0,0,4,1.48c2.11,0,3.41-.75,3.41-2.26,0-1.12-.65-1.74-2.13-1.87l-2.11-.18c-2.5-.21-3.82-1.33-3.82-3.43,0-2.34,2-3.74,4.71-3.74a7.23,7.23,0,0,1,4.6,1.38l-1.22,1.22a5.46,5.46,0,0,0-3.41-1c-1.87,0-2.86.81-2.86,2.11,0,1.09.62,1.74,2.24,1.87l2.05,0.18c2.24,0.21,3.77,1.07,3.77,3.46S1688.51,776.94,1685.41,776.94Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1707.38,776.78V768.9c0-2.26-1.22-3.41-3.15-3.41s-3.17,1.17-3.17,3.41v7.88h-1.87V764h1.87v1.4a4.61,4.61,0,0,1,3.59-1.56,4.48,4.48,0,0,1,3.28,1.2,4.72,4.72,0,0,1,1.33,3.56v8.19h-1.87Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1721,775.48a5.34,5.34,0,0,1-7.33,0c-1.3-1.33-1.56-3.12-1.56-5.1s0.26-3.77,1.56-5.1a5.34,5.34,0,0,1,7.33,0c1.3,1.33,1.56,3.12,1.56,5.1S1722.3,774.16,1721,775.48Zm-1.33-9a3.28,3.28,0,0,0-2.34-.94,3.22,3.22,0,0,0-2.31.94c-0.94.94-1,2.52-1,4s0.1,3,1,4a3.22,3.22,0,0,0,2.31.94,3.28,3.28,0,0,0,2.34-.94c0.94-.94,1-2.52,1-4S1720.61,767.37,1719.68,766.43Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1729,776.78a3.14,3.14,0,0,1-3.28-3.43V765.5h-1.61v-1.43h1.61v-4h1.87v4h2.73v1.43h-2.73v7.8a1.62,1.62,0,0,0,1.74,1.87h1v1.61H1729Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1751.14,776.78h-1.74l-3.35-9.93-3.33,9.93H1741L1736.92,764h2l2.94,10.27,3.35-10.27h1.61l3.38,10.27,2.91-10.27h2Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1765.45,776.78v-7.9c0-2.24-1.2-3.38-3.12-3.38s-3.2,1.17-3.2,3.38v7.9h-1.87V758.27h1.87v7.12a4.57,4.57,0,0,1,3.59-1.56c2.89,0,4.6,1.85,4.6,4.73v8.22h-1.87Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1779.07,775.48a5.34,5.34,0,0,1-7.33,0c-1.3-1.33-1.56-3.12-1.56-5.1s0.26-3.77,1.56-5.1a5.34,5.34,0,0,1,7.33,0c1.3,1.33,1.56,3.12,1.56,5.1S1780.37,774.16,1779.07,775.48Zm-1.33-9a3.28,3.28,0,0,0-2.34-.94,3.22,3.22,0,0,0-2.31.94c-0.94.94-1,2.52-1,4s0.1,3,1,4a3.22,3.22,0,0,0,2.31.94,3.28,3.28,0,0,0,2.34-.94c0.94-.94,1-2.52,1-4S1778.68,767.37,1777.75,766.43Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1801.72,776.78H1800l-3.35-9.93-3.33,9.93h-1.74L1787.5,764h2l2.94,10.27,3.35-10.27h1.61l3.38,10.27,2.91-10.27h2Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1808.66,770.88c0,2.81,1.33,4.42,3.77,4.42a4.2,4.2,0,0,0,3.35-1.46l1.27,1.12a5.86,5.86,0,0,1-4.68,2c-3.38,0-5.59-2-5.59-6.55,0-4.13,2-6.55,5.25-6.55s5.25,2.39,5.25,6.19v0.86h-8.63Zm6.37-3.54a3.29,3.29,0,0,0-6,0,5.39,5.39,0,0,0-.39,2.13h6.76A5.37,5.37,0,0,0,1815,767.34Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1834.61,776.78l-4.06-6.55-2.5,2.86v3.69h-1.87V758.27h1.87v12.38l5.77-6.66h2.34l-4.34,4.89,5.1,7.9h-2.31Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1847.46,776.78V768.9c0-2.26-1.22-3.41-3.15-3.41s-3.17,1.17-3.17,3.41v7.88h-1.87V764h1.87v1.4a4.61,4.61,0,0,1,3.59-1.56A4.48,4.48,0,0,1,1848,765a4.72,4.72,0,0,1,1.33,3.56v8.19h-1.87Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1861.08,775.48a5.34,5.34,0,0,1-7.33,0c-1.3-1.33-1.56-3.12-1.56-5.1s0.26-3.77,1.56-5.1a5.34,5.34,0,0,1,7.33,0c1.3,1.33,1.56,3.12,1.56,5.1S1862.38,774.16,1861.08,775.48Zm-1.33-9a3.28,3.28,0,0,0-2.34-.94,3.22,3.22,0,0,0-2.31.94c-0.94.94-1,2.52-1,4s0.1,3,1,4a3.22,3.22,0,0,0,2.31.94,3.28,3.28,0,0,0,2.34-.94c0.94-.94,1-2.52,1-4S1860.69,767.37,1859.75,766.43Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1877.94,776.78h-1.74l-3.35-9.93-3.33,9.93h-1.74L1863.71,764h2l2.94,10.27L1872,764h1.61l3.38,10.27,2.91-10.27h2Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1898.11,775.82a4.46,4.46,0,0,1-3.12,1.12,4.1,4.1,0,0,1-3.61-1.69v1.53h-1.87V758.27h1.87v7.2a4.11,4.11,0,0,1,3.61-1.64,4.45,4.45,0,0,1,3.12,1.12c1.3,1.3,1.56,3.43,1.56,5.43S1899.41,774.52,1898.11,775.82Zm-3.51-10.32c-2.78,0-3.22,2.39-3.22,4.89s0.44,4.89,3.22,4.89,3.2-2.39,3.2-4.89S1897.38,765.5,1894.6,765.5Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1910.78,776.78v-1.43a4.69,4.69,0,0,1-3.61,1.59,4.55,4.55,0,0,1-3.3-1.2,4.77,4.77,0,0,1-1.3-3.59V764h1.87v7.88c0,2.26,1.2,3.41,3.12,3.41s3.2-1.17,3.2-3.41V764h1.87v12.79h-1.85Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1919.94,776.78a3.14,3.14,0,0,1-3.28-3.43V765.5h-1.61v-1.43h1.61v-4h1.87v4h2.73v1.43h-2.73v7.8a1.62,1.62,0,0,0,1.74,1.87h1v1.61h-1.33Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1942.07,776.78h-1.74l-3.35-9.93-3.33,9.93h-1.74L1927.85,764h2l2.94,10.27,3.35-10.27h1.61l3.38,10.27,2.91-10.27h2Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1956.38,776.78v-7.9c0-2.24-1.2-3.38-3.12-3.38s-3.2,1.17-3.2,3.38v7.9h-1.87V758.27h1.87v7.12a4.57,4.57,0,0,1,3.59-1.56c2.89,0,4.6,1.85,4.6,4.73v8.22h-1.87Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1970,775.48a5.34,5.34,0,0,1-7.33,0c-1.3-1.33-1.56-3.12-1.56-5.1s0.26-3.77,1.56-5.1a5.34,5.34,0,0,1,7.33,0c1.3,1.33,1.56,3.12,1.56,5.1S1971.3,774.16,1970,775.48Zm-1.33-9a3.28,3.28,0,0,0-2.34-.94,3.22,3.22,0,0,0-2.31.94c-0.94.94-1,2.52-1,4s0.1,3,1,4a3.22,3.22,0,0,0,2.31.94,3.28,3.28,0,0,0,2.34-.94c0.94-.94,1-2.52,1-4S1969.61,767.37,1968.67,766.43Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1992.65,776.78h-1.74l-3.35-9.93-3.33,9.93h-1.74L1978.42,764h2l2.94,10.27,3.35-10.27h1.61l3.38,10.27,2.91-10.27h2Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M1999.59,770.88c0,2.81,1.33,4.42,3.77,4.42a4.2,4.2,0,0,0,3.35-1.46L2008,775a5.86,5.86,0,0,1-4.68,2c-3.38,0-5.59-2-5.59-6.55,0-4.13,2-6.55,5.25-6.55s5.25,2.39,5.25,6.19v0.86h-8.63Zm6.37-3.54a3.29,3.29,0,0,0-6,0,5.39,5.39,0,0,0-.39,2.13h6.76A5.39,5.39,0,0,0,2006,767.34Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M2024.37,776.78v-1.22a4.49,4.49,0,0,1-3.69,1.38c-1.77,0-2.81-.34-3.61-1.17a3.69,3.69,0,0,1-1-2.6c0-2.24,1.56-3.69,4.42-3.69h3.85v-1.22c0-1.87-.94-2.81-3.28-2.81a3.36,3.36,0,0,0-3.22,1.46l-1.27-1.17c1.14-1.48,2.44-1.9,4.52-1.9,3.43,0,5.12,1.48,5.12,4.26v8.68h-1.87Zm0-5.9h-3.59c-1.92,0-2.86.78-2.86,2.26s0.91,2.18,2.94,2.18a3.74,3.74,0,0,0,2.86-.86,3,3,0,0,0,.65-2.21v-1.38Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M2036.85,766.43a2.67,2.67,0,0,0-2.21-.94,3.12,3.12,0,0,0-3.07,3.43v7.85h-1.87V764h1.87v1.56a4.3,4.3,0,0,1,3.59-1.72,3.94,3.94,0,0,1,3.07,1.2Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M2041,770.88c0,2.81,1.33,4.42,3.77,4.42a4.2,4.2,0,0,0,3.35-1.46l1.27,1.12a5.86,5.86,0,0,1-4.68,2c-3.38,0-5.59-2-5.59-6.55,0-4.13,2-6.55,5.25-6.55s5.25,2.39,5.25,6.19v0.86H2041Zm6.37-3.54a3.29,3.29,0,0,0-6,0,5.39,5.39,0,0,0-.39,2.13h6.76A5.37,5.37,0,0,0,2047.33,767.34Z" transform="translate(-1663.29 -758.27)"/><path class="cls-1" d="M2052.31,776.78v-2.44h2.44v2.44h-2.44Z" transform="translate(-1663.29 -758.27)"/></svg>
\ No newline at end of file
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="122.04" height="19.69" viewBox="0 0 122.04 19.69"><defs><style>.cls-1{fill:#999;}</style></defs><title>txt1-people</title><path class="cls-1" d="M432.33,755.46V742.19l-2.79,2.46v-1.72l2.79-2.42h1.51v14.95h-1.51Z" transform="translate(-429.54 -740.38)"/><path class="cls-1" d="M437.63,755.46v-1.34l5.9-7.5a3.42,3.42,0,0,0,.84-2.21,2.61,2.61,0,1,0-5.21,0h-1.51a3.89,3.89,0,0,1,4.12-4.05,3.84,3.84,0,0,1,4.12,4,4.47,4.47,0,0,1-1.2,3l-5.23,6.68h6.42v1.34h-8.25Z" transform="translate(-429.54 -740.38)"/><path class="cls-1" d="M448.53,758.48v-4.87h1.85v3.21Z" transform="translate(-429.54 -740.38)"/><path class="cls-1" d="M457.07,755.58a3.94,3.94,0,0,1-4.09-4.12v-7a4.09,4.09,0,1,1,8.19,0v7A3.94,3.94,0,0,1,457.07,755.58Zm2.58-11a2.6,2.6,0,1,0-5.17,0v6.8a2.6,2.6,0,1,0,5.17,0v-6.8Z" transform="translate(-429.54 -740.38)"/><path class="cls-1" d="M467.92,755.58a3.94,3.94,0,0,1-4.09-4.12v-7a4.09,4.09,0,1,1,8.19,0v7A3.94,3.94,0,0,1,467.92,755.58Zm2.58-11a2.6,2.6,0,1,0-5.17,0v6.8a2.6,2.6,0,1,0,5.17,0v-6.8Z" transform="translate(-429.54 -740.38)"/><path class="cls-1" d="M478.76,755.58a3.94,3.94,0,0,1-4.09-4.12v-7a4.09,4.09,0,1,1,8.19,0v7A3.94,3.94,0,0,1,478.76,755.58Zm2.58-11a2.6,2.6,0,1,0-5.17,0v6.8a2.6,2.6,0,1,0,5.17,0v-6.8Z" transform="translate(-429.54 -740.38)"/><path class="cls-1" d="M497.47,754.68a3.6,3.6,0,0,1-2.52.9,3.34,3.34,0,0,1-2.92-1.34v5.84h-1.51V745.13H492v1.22a3.29,3.29,0,0,1,2.92-1.34,3.6,3.6,0,0,1,2.52.9c1.05,1.05,1.26,2.77,1.26,4.39S498.52,753.63,497.47,754.68Zm-2.83-8.34c-2.25,0-2.6,1.93-2.6,3.95s0.36,3.95,2.6,3.95,2.58-1.93,2.58-3.95S496.88,746.35,494.63,746.35Z" transform="translate(-429.54 -740.38)"/><path class="cls-1" d="M502.42,750.69c0,2.27,1.07,3.57,3,3.57a3.39,3.39,0,0,0,2.71-1.18l1,0.9a4.73,4.73,0,0,1-3.78,1.6c-2.73,0-4.51-1.64-4.51-5.29,0-3.34,1.62-5.29,4.24-5.29s4.24,1.93,4.24,5v0.69h-7Zm5.14-2.86a2.65,2.65,0,0,0-4.83,0,4.36,4.36,0,0,0-.32,1.72h5.46A4.35,4.35,0,0,0,507.57,747.84Z" transform="translate(-429.54 -740.38)"/><path class="cls-1" d="M518.76,754.41a4.31,4.31,0,0,1-5.92,0,7.35,7.35,0,0,1,0-8.23,4.31,4.31,0,0,1,5.92,0A7.35,7.35,0,0,1,518.76,754.41Zm-1.07-7.31a2.65,2.65,0,0,0-1.89-.76,2.6,2.6,0,0,0-1.87.76,6.48,6.48,0,0,0,0,6.38,2.6,2.6,0,0,0,1.87.76,2.65,2.65,0,0,0,1.89-.76A6.63,6.63,0,0,0,517.69,747.1Z" transform="translate(-429.54 -740.38)"/><path class="cls-1" d="M529.63,754.68a3.61,3.61,0,0,1-2.52.9,3.34,3.34,0,0,1-2.92-1.34v5.84h-1.51V745.13h1.51v1.22a3.29,3.29,0,0,1,2.92-1.34,3.61,3.61,0,0,1,2.52.9c1,1.05,1.26,2.77,1.26,4.39S530.68,753.63,529.63,754.68Zm-2.83-8.34c-2.25,0-2.6,1.93-2.6,3.95s0.36,3.95,2.6,3.95,2.58-1.93,2.58-3.95S529,746.35,526.8,746.35Z" transform="translate(-429.54 -740.38)"/><path class="cls-1" d="M536.16,755.46a2.46,2.46,0,0,1-2.62-2.75v-12.2h1.51v12.14a1.24,1.24,0,0,0,1.39,1.51h0.82v1.3h-1.09Z" transform="translate(-429.54 -740.38)"/><path class="cls-1" d="M540.17,750.69c0,2.27,1.07,3.57,3,3.57a3.39,3.39,0,0,0,2.71-1.18l1,0.9a4.73,4.73,0,0,1-3.78,1.6c-2.73,0-4.51-1.64-4.51-5.29,0-3.34,1.62-5.29,4.24-5.29s4.24,1.93,4.24,5v0.69h-7Zm5.14-2.86a2.65,2.65,0,0,0-4.83,0,4.35,4.35,0,0,0-.31,1.72h5.46A4.36,4.36,0,0,0,545.32,747.84Z" transform="translate(-429.54 -740.38)"/><path class="cls-1" d="M549.6,755.46v-2h2v2h-2Z" transform="translate(-429.54 -740.38)"/></svg>
\ No newline at end of file
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="86.7" height="15.12" viewBox="0 0 86.7 15.12"><defs><style>.cls-1{fill:#999;}</style></defs><title>txt2-offices</title><path class="cls-1" d="M310.7,915h-1.6l5.19-13.61h-5.21v2.35H307.6v-3.7h8.29v1.34Z" transform="translate(-307.6 -900.03)"/><path class="cls-1" d="M321.42,915h-1.6L325,901.42H319.8v2.35h-1.49v-3.7h8.29v1.34Z" transform="translate(-307.6 -900.03)"/><path class="cls-1" d="M340.59,914a4.31,4.31,0,0,1-5.92,0,7.35,7.35,0,0,1,0-8.23,4.31,4.31,0,0,1,5.92,0A7.35,7.35,0,0,1,340.59,914Zm-1.07-7.31a2.65,2.65,0,0,0-1.89-.76,2.6,2.6,0,0,0-1.87.76,6.48,6.48,0,0,0,0,6.38,2.6,2.6,0,0,0,1.87.76,2.65,2.65,0,0,0,1.89-.76A6.63,6.63,0,0,0,339.52,906.66Z" transform="translate(-307.6 -900.03)"/><path class="cls-1" d="M346.24,905.91V915h-1.51v-9.11H343.4v-1.15h1.32v-2a2.52,2.52,0,0,1,2.63-2.77h1.09v1.3h-0.82a1.29,1.29,0,0,0-1.39,1.51v1.91h2.21v1.15h-2.21Z" transform="translate(-307.6 -900.03)"/><path class="cls-1" d="M352.9,905.91V915h-1.51v-9.11h-1.32v-1.15h1.32v-2A2.52,2.52,0,0,1,354,900h1.09v1.3h-0.82a1.29,1.29,0,0,0-1.39,1.51v1.91h2.21v1.15H352.9Z" transform="translate(-307.6 -900.03)"/><path class="cls-1" d="M357.17,901.75v-1.7h1.7v1.7h-1.7ZM357.26,915V904.69h1.51V915h-1.51Z" transform="translate(-307.6 -900.03)"/><path class="cls-1" d="M365.92,915.15c-2.6,0-4.58-1.76-4.58-5.29s2-5.29,4.58-5.29a4.09,4.09,0,0,1,3.4,1.53l-1,1a2.84,2.84,0,0,0-2.37-1.15,2.8,2.8,0,0,0-2.39,1.18,6.05,6.05,0,0,0,0,5.54,2.8,2.8,0,0,0,2.39,1.18,2.86,2.86,0,0,0,2.37-1.18l1,1A4.09,4.09,0,0,1,365.92,915.15Z" transform="translate(-307.6 -900.03)"/><path class="cls-1" d="M372.45,910.25c0,2.27,1.07,3.57,3,3.57a3.39,3.39,0,0,0,2.71-1.18l1,0.9a4.73,4.73,0,0,1-3.78,1.6c-2.73,0-4.51-1.64-4.51-5.29,0-3.34,1.62-5.29,4.24-5.29s4.24,1.93,4.24,5v0.69h-7Zm5.14-2.86a2.65,2.65,0,0,0-4.83,0,4.35,4.35,0,0,0-.31,1.72h5.46A4.36,4.36,0,0,0,377.59,907.4Z" transform="translate(-307.6 -900.03)"/><path class="cls-1" d="M385.53,915.15a5.7,5.7,0,0,1-4.24-1.49l1-1a4.23,4.23,0,0,0,3.21,1.2c1.7,0,2.75-.61,2.75-1.83,0-.9-0.52-1.41-1.72-1.51l-1.7-.15c-2-.17-3.09-1.07-3.09-2.77,0-1.89,1.6-3,3.8-3a5.84,5.84,0,0,1,3.72,1.11l-1,1a4.41,4.41,0,0,0-2.75-.82c-1.51,0-2.31.65-2.31,1.7,0,0.88.5,1.41,1.81,1.51l1.66,0.15c1.81,0.17,3,.86,3,2.79S388,915.15,385.53,915.15Z" transform="translate(-307.6 -900.03)"/><path class="cls-1" d="M392.32,915v-2h2v2h-2Z" transform="translate(-307.6 -900.03)"/></svg>
\ No newline at end of file
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="297.16" height="15.2" viewBox="0 0 297.16 15.2"><defs><style>.cls-1{fill:#999;}</style></defs><title>txt3-cultures</title><path class="cls-1" d="M667.39,1066a5.48,5.48,0,0,1-7.64,0c-1.41-1.41-1.41-2.88-1.41-6s0-4.64,1.41-6a5.48,5.48,0,0,1,7.64,0c1.41,1.41,1.41,2.88,1.41,6S668.8,1064.55,667.39,1066Zm-1.24-11.15a3.65,3.65,0,0,0-5.17,0c-0.94,1-1,2-1,5.1s0.11,4.14,1,5.1a3.65,3.65,0,0,0,5.17,0c0.95-1,1-2,1-5.1S667.1,1055.78,666.15,1054.81Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M675.79,1067.39h-1.34l-3.78-10.33h1.64l2.81,8.29,2.83-8.29h1.64Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M682.12,1062.62c0,2.27,1.07,3.57,3,3.57a3.39,3.39,0,0,0,2.71-1.18l1,0.9a4.73,4.73,0,0,1-3.78,1.6c-2.73,0-4.51-1.64-4.51-5.29,0-3.34,1.62-5.29,4.24-5.29s4.24,1.93,4.24,5v0.69h-7Zm5.14-2.86a2.65,2.65,0,0,0-4.83,0,4.36,4.36,0,0,0-.32,1.72h5.46A4.35,4.35,0,0,0,687.26,1059.77Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M697.46,1059a2.16,2.16,0,0,0-1.78-.76,2.52,2.52,0,0,0-2.48,2.77v6.34h-1.51v-10.33h1.51v1.26a3.47,3.47,0,0,1,2.9-1.39,3.18,3.18,0,0,1,2.48,1Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M708.55,1067.52a4,4,0,0,1-4.16-4.3,7.38,7.38,0,0,1,.94-3.36l3.67-7.41h1.55l-3.34,6.72a3.76,3.76,0,0,1,1.57-.32c2.33,0,3.88,1.79,3.88,4.24S711.09,1067.52,708.55,1067.52Zm0-7.39c-1.6,0-2.62,1.18-2.62,3s1,3,2.62,3,2.65-1.2,2.65-3C711.17,1061.49,710.25,1060.13,708.53,1060.13Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M719.21,1067.52a3.94,3.94,0,0,1-4.09-4.12v-7a4.09,4.09,0,1,1,8.19,0v7A3.94,3.94,0,0,1,719.21,1067.52Zm2.58-11a2.6,2.6,0,1,0-5.17,0v6.8a2.6,2.6,0,1,0,5.17,0v-6.8Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M737.59,1067.39V1061c0-1.83-1-2.75-2.54-2.75a2.43,2.43,0,0,0-2.56,2.75v6.36H731v-10.33h1.51v1.13a3.72,3.72,0,0,1,2.9-1.26,3.62,3.62,0,0,1,2.65,1,3.82,3.82,0,0,1,1.07,2.88v6.61h-1.51Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M748.05,1067.39v-1a3.63,3.63,0,0,1-3,1.11,3.68,3.68,0,0,1-2.92-.95,3,3,0,0,1-.78-2.1c0-1.8,1.26-3,3.57-3h3.11v-1c0-1.51-.76-2.27-2.64-2.27a2.71,2.71,0,0,0-2.6,1.18l-1-.94a4,4,0,0,1,3.65-1.53c2.77,0,4.14,1.2,4.14,3.44v7h-1.51Zm0-4.77h-2.9c-1.55,0-2.31.63-2.31,1.83s0.74,1.76,2.37,1.76a3,3,0,0,0,2.31-.69,2.39,2.39,0,0,0,.52-1.79v-1.11Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M755.49,1067.39a2.53,2.53,0,0,1-2.65-2.77v-6.34h-1.3v-1.15h1.3v-3.23h1.51v3.23h2.21v1.15h-2.21v6.3a1.31,1.31,0,0,0,1.41,1.51h0.8v1.3h-1.07Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M758.8,1054.12v-1.7h1.7v1.7h-1.7Zm0.08,13.27v-10.33h1.51v10.33h-1.51Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M770.19,1066.34a4.31,4.31,0,0,1-5.92,0,7.35,7.35,0,0,1,0-8.23,4.31,4.31,0,0,1,5.92,0A7.35,7.35,0,0,1,770.19,1066.34Zm-1.07-7.31a2.65,2.65,0,0,0-1.89-.76,2.6,2.6,0,0,0-1.87.76,6.48,6.48,0,0,0,0,6.38,2.6,2.6,0,0,0,1.87.76,2.65,2.65,0,0,0,1.89-.76A6.63,6.63,0,0,0,769.12,1059Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M780.73,1067.39V1061c0-1.83-1-2.75-2.54-2.75a2.43,2.43,0,0,0-2.56,2.75v6.36h-1.51v-10.33h1.51v1.13a3.73,3.73,0,0,1,2.9-1.26,3.62,3.62,0,0,1,2.65,1,3.81,3.81,0,0,1,1.07,2.88v6.61h-1.51Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M791.2,1067.39v-1a3.63,3.63,0,0,1-3,1.11,3.68,3.68,0,0,1-2.92-.95,3,3,0,0,1-.78-2.1c0-1.8,1.26-3,3.57-3h3.11v-1c0-1.51-.76-2.27-2.65-2.27a2.71,2.71,0,0,0-2.6,1.18l-1-.94a4,4,0,0,1,3.65-1.53c2.77,0,4.14,1.2,4.14,3.44v7H791.2Zm0-4.77h-2.9c-1.55,0-2.31.63-2.31,1.83s0.73,1.76,2.37,1.76a3,3,0,0,0,2.31-.69,2.38,2.38,0,0,0,.53-1.79v-1.11Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M798.32,1067.39a2.46,2.46,0,0,1-2.62-2.75v-12.2h1.51v12.14a1.24,1.24,0,0,0,1.39,1.51h0.82v1.3h-1.09Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M801.44,1054.12v-1.7h1.7v1.7h-1.7Zm0.08,13.27v-10.33H803v10.33h-1.51Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M809.19,1067.39a2.53,2.53,0,0,1-2.65-2.77v-6.34h-1.3v-1.15h1.3v-3.23h1.51v3.23h2.2v1.15h-2.2v6.3a1.31,1.31,0,0,0,1.41,1.51h0.8v1.3h-1.07Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M812.5,1054.12v-1.7h1.7v1.7h-1.7Zm0.08,13.27v-10.33h1.51v10.33h-1.51Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M818.22,1062.62c0,2.27,1.07,3.57,3,3.57A3.39,3.39,0,0,0,824,1065l1,0.9a4.73,4.73,0,0,1-3.78,1.6c-2.73,0-4.51-1.64-4.51-5.29,0-3.34,1.62-5.29,4.24-5.29s4.24,1.93,4.24,5v0.69h-7Zm5.14-2.86a2.65,2.65,0,0,0-4.83,0,4.36,4.36,0,0,0-.32,1.72h5.46A4.35,4.35,0,0,0,823.36,1059.77Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M831.3,1067.52a5.7,5.7,0,0,1-4.24-1.49l1-1a4.23,4.23,0,0,0,3.21,1.2c1.7,0,2.75-.61,2.75-1.83,0-.9-0.52-1.41-1.72-1.51l-1.7-.15c-2-.17-3.09-1.07-3.09-2.77,0-1.89,1.6-3,3.8-3A5.84,5.84,0,0,1,835,1058l-1,1a4.41,4.41,0,0,0-2.75-.82c-1.51,0-2.31.65-2.31,1.7,0,0.88.5,1.41,1.81,1.51l1.66,0.15c1.81,0.17,3,.86,3,2.79S833.8,1067.52,831.3,1067.52Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M848.71,1067.39v-1a3.63,3.63,0,0,1-3,1.11,3.68,3.68,0,0,1-2.92-.95,3,3,0,0,1-.78-2.1c0-1.8,1.26-3,3.57-3h3.11v-1c0-1.51-.76-2.27-2.65-2.27a2.71,2.71,0,0,0-2.6,1.18l-1-.94a4,4,0,0,1,3.65-1.53c2.77,0,4.14,1.2,4.14,3.44v7h-1.51Zm0-4.77h-2.9c-1.55,0-2.31.63-2.31,1.83s0.73,1.76,2.37,1.76a3,3,0,0,0,2.31-.69,2.38,2.38,0,0,0,.53-1.79v-1.11Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M859.88,1067.39V1061c0-1.83-1-2.75-2.54-2.75a2.43,2.43,0,0,0-2.56,2.75v6.36h-1.51v-10.33h1.51v1.13a3.72,3.72,0,0,1,2.9-1.26,3.62,3.62,0,0,1,2.65,1,3.82,3.82,0,0,1,1.07,2.88v6.61h-1.51Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M870.7,1067.39v-1.24a3.35,3.35,0,0,1-2.94,1.37,3.6,3.6,0,0,1-2.52-.9c-1-1.05-1.26-2.77-1.26-4.39s0.21-3.34,1.26-4.39a3.6,3.6,0,0,1,2.52-.9,3.32,3.32,0,0,1,2.92,1.32v-5.82h1.51v14.95H870.7Zm-2.6-9.11c-2.25,0-2.6,1.93-2.6,3.95s0.36,3.95,2.6,3.95,2.58-1.93,2.58-3.95S870.34,1058.28,868.1,1058.28Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M884.37,1067.52c-2.6,0-4.58-1.76-4.58-5.29s2-5.29,4.58-5.29a4.09,4.09,0,0,1,3.4,1.53l-1,1a2.84,2.84,0,0,0-2.37-1.15,2.8,2.8,0,0,0-2.39,1.18,6.05,6.05,0,0,0,0,5.54,2.8,2.8,0,0,0,2.39,1.18,2.86,2.86,0,0,0,2.37-1.18l1,1A4.09,4.09,0,0,1,884.37,1067.52Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M896.64,1067.39v-1.16a3.79,3.79,0,0,1-2.92,1.28,3.68,3.68,0,0,1-2.67-1,3.85,3.85,0,0,1-1-2.9v-6.59h1.51v6.36c0,1.83,1,2.75,2.52,2.75a2.44,2.44,0,0,0,2.58-2.75v-6.36h1.51v10.33h-1.49Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M903.85,1067.39a2.46,2.46,0,0,1-2.62-2.75v-12.2h1.51v12.14a1.24,1.24,0,0,0,1.39,1.51h0.82v1.3h-1.09Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M909.72,1067.39a2.53,2.53,0,0,1-2.65-2.77v-6.34h-1.3v-1.15h1.3v-3.23h1.51v3.23h2.21v1.15h-2.21v6.3a1.31,1.31,0,0,0,1.41,1.51h0.8v1.3h-1.07Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M919.7,1067.39v-1.16a3.79,3.79,0,0,1-2.92,1.28,3.67,3.67,0,0,1-2.67-1,3.85,3.85,0,0,1-1.05-2.9v-6.59h1.51v6.36c0,1.83,1,2.75,2.52,2.75a2.44,2.44,0,0,0,2.58-2.75v-6.36h1.51v10.33H919.7Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M930.08,1059a2.16,2.16,0,0,0-1.79-.76,2.52,2.52,0,0,0-2.48,2.77v6.34h-1.51v-10.33h1.51v1.26a3.47,3.47,0,0,1,2.9-1.39,3.18,3.18,0,0,1,2.48,1Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M933.65,1062.62c0,2.27,1.07,3.57,3,3.57a3.39,3.39,0,0,0,2.71-1.18l1,0.9a4.73,4.73,0,0,1-3.78,1.6c-2.73,0-4.51-1.64-4.51-5.29,0-3.34,1.62-5.29,4.24-5.29s4.24,1.93,4.24,5v0.69h-7Zm5.14-2.86a2.65,2.65,0,0,0-4.83,0,4.36,4.36,0,0,0-.32,1.72h5.46A4.35,4.35,0,0,0,938.8,1059.77Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M946.74,1067.52a5.69,5.69,0,0,1-4.24-1.49l1-1a4.23,4.23,0,0,0,3.21,1.2c1.7,0,2.75-.61,2.75-1.83,0-.9-0.53-1.41-1.72-1.51l-1.7-.15c-2-.17-3.09-1.07-3.09-2.77,0-1.89,1.6-3,3.8-3a5.84,5.84,0,0,1,3.72,1.11l-1,1a4.41,4.41,0,0,0-2.75-.82c-1.51,0-2.31.65-2.31,1.7,0,0.88.5,1.41,1.8,1.51l1.66,0.15c1.81,0.17,3,.86,3,2.79S949.24,1067.52,946.74,1067.52Z" transform="translate(-658.34 -1052.31)"/><path class="cls-1" d="M953.53,1067.39v-2h2v2h-2Z" transform="translate(-658.34 -1052.31)"/></svg>
\ No newline at end of file
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="414.07" height="19.61" viewBox="0 0 414.07 19.61"><defs><style>.cls-1{fill:#999;}</style></defs><title>txt4-connection</title><path class="cls-1" d="M1763.39,445.19h-1.49l-3.32-12-3.32,12h-1.49L1750,430.25h1.7l2.92,12.05,3.3-12.05h1.43l3.3,12.05,2.92-12.05h1.7Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1769.47,440.43c0,2.27,1.07,3.57,3,3.57a3.39,3.39,0,0,0,2.71-1.18l1,0.9a4.73,4.73,0,0,1-3.78,1.6c-2.73,0-4.51-1.64-4.51-5.29,0-3.34,1.62-5.29,4.24-5.29s4.24,1.93,4.24,5v0.69h-7Zm5.14-2.86a2.65,2.65,0,0,0-4.83,0,4.35,4.35,0,0,0-.31,1.72h5.46A4.36,4.36,0,0,0,1774.62,437.57Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1778.48,433.67v-3.42h1.83V432Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1788,436.84a2.16,2.16,0,0,0-1.78-.76,2.52,2.52,0,0,0-2.48,2.77v6.34h-1.51V434.86h1.51v1.26a3.47,3.47,0,0,1,2.9-1.39,3.18,3.18,0,0,1,2.48,1Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1791.61,440.43c0,2.27,1.07,3.57,3,3.57a3.39,3.39,0,0,0,2.71-1.18l1,0.9a4.73,4.73,0,0,1-3.78,1.6c-2.73,0-4.51-1.64-4.51-5.29,0-3.34,1.62-5.29,4.24-5.29s4.24,1.93,4.24,5v0.69h-7Zm5.14-2.86a2.65,2.65,0,0,0-4.83,0,4.36,4.36,0,0,0-.32,1.72h5.46A4.35,4.35,0,0,0,1796.76,437.57Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1808.75,447.69a3,3,0,0,1-.73,1.22,2.84,2.84,0,0,1-2,.71h-0.65v-1.34h0.46a1.5,1.5,0,0,0,1.7-1.28l0.73-2-3.72-10.12h1.64l2.83,8.29,2.81-8.29h1.64Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1821.7,444.14a4.31,4.31,0,0,1-5.92,0,7.35,7.35,0,0,1,0-8.23,4.31,4.31,0,0,1,5.92,0A7.35,7.35,0,0,1,1821.7,444.14Zm-1.07-7.31a2.65,2.65,0,0,0-1.89-.76,2.6,2.6,0,0,0-1.87.76,6.48,6.48,0,0,0,0,6.38,2.6,2.6,0,0,0,1.87.76,2.65,2.65,0,0,0,1.89-.76A6.63,6.63,0,0,0,1820.63,436.84Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1832.16,445.19V444a3.79,3.79,0,0,1-2.92,1.28,3.67,3.67,0,0,1-2.67-1,3.85,3.85,0,0,1-1.05-2.9v-6.59H1827v6.36c0,1.83,1,2.75,2.52,2.75a2.44,2.44,0,0,0,2.58-2.75v-6.36h1.51v10.33h-1.49Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1842.54,436.84a2.16,2.16,0,0,0-1.78-.76,2.52,2.52,0,0,0-2.48,2.77v6.34h-1.51V434.86h1.51v1.26a3.47,3.47,0,0,1,2.9-1.39,3.18,3.18,0,0,1,2.48,1Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1854,445.32c-2.6,0-4.58-1.76-4.58-5.29s2-5.29,4.58-5.29a4.09,4.09,0,0,1,3.4,1.53l-1,1a2.84,2.84,0,0,0-2.37-1.15,2.8,2.8,0,0,0-2.39,1.18,6.05,6.05,0,0,0,0,5.54A2.8,2.8,0,0,0,1854,444a2.86,2.86,0,0,0,2.37-1.18l1,1A4.09,4.09,0,0,1,1854,445.32Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1866.25,444.14a4.31,4.31,0,0,1-5.92,0,7.35,7.35,0,0,1,0-8.23,4.31,4.31,0,0,1,5.92,0A7.35,7.35,0,0,1,1866.25,444.14Zm-1.07-7.31a2.65,2.65,0,0,0-1.89-.76,2.6,2.6,0,0,0-1.87.76,6.48,6.48,0,0,0,0,6.38,2.6,2.6,0,0,0,1.87.76,2.65,2.65,0,0,0,1.89-.76A6.63,6.63,0,0,0,1865.18,436.84Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1876.79,445.19v-6.36c0-1.83-1-2.75-2.54-2.75a2.43,2.43,0,0,0-2.56,2.75v6.36h-1.51V434.86h1.51V436a3.73,3.73,0,0,1,2.9-1.26,3.62,3.62,0,0,1,2.65,1,3.81,3.81,0,0,1,1.07,2.88v6.61h-1.51Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1888,445.19v-6.36c0-1.83-1-2.75-2.54-2.75a2.43,2.43,0,0,0-2.56,2.75v6.36h-1.51V434.86h1.51V436a3.73,3.73,0,0,1,2.9-1.26,3.62,3.62,0,0,1,2.65,1,3.81,3.81,0,0,1,1.07,2.88v6.61H1888Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1893.54,440.43c0,2.27,1.07,3.57,3,3.57a3.39,3.39,0,0,0,2.71-1.18l1,0.9a4.73,4.73,0,0,1-3.78,1.6c-2.73,0-4.51-1.64-4.51-5.29,0-3.34,1.62-5.29,4.24-5.29s4.24,1.93,4.24,5v0.69h-7Zm5.14-2.86a2.65,2.65,0,0,0-4.83,0,4.35,4.35,0,0,0-.31,1.72H1899A4.36,4.36,0,0,0,1898.68,437.57Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1907.26,445.32c-2.6,0-4.58-1.76-4.58-5.29s2-5.29,4.58-5.29a4.09,4.09,0,0,1,3.4,1.53l-1,1a2.84,2.84,0,0,0-2.37-1.15,2.8,2.8,0,0,0-2.39,1.18,6.05,6.05,0,0,0,0,5.54,2.8,2.8,0,0,0,2.39,1.18,2.86,2.86,0,0,0,2.37-1.18l1,1A4.09,4.09,0,0,1,1907.26,445.32Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1916.38,445.19a2.53,2.53,0,0,1-2.65-2.77v-6.34h-1.3v-1.15h1.3v-3.23h1.51v3.23h2.2v1.15h-2.2v6.3a1.31,1.31,0,0,0,1.41,1.51h0.8v1.3h-1.07Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1919.69,431.92v-1.7h1.7v1.7h-1.7Zm0.08,13.27V434.86h1.51v10.33h-1.51Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1931.08,444.14a4.31,4.31,0,0,1-5.92,0,7.35,7.35,0,0,1,0-8.23,4.31,4.31,0,0,1,5.92,0A7.35,7.35,0,0,1,1931.08,444.14Zm-1.07-7.31a2.65,2.65,0,0,0-1.89-.76,2.6,2.6,0,0,0-1.87.76,6.48,6.48,0,0,0,0,6.38,2.6,2.6,0,0,0,1.87.76,2.65,2.65,0,0,0,1.89-.76A6.63,6.63,0,0,0,1930,436.84Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1941.62,445.19v-6.36c0-1.83-1-2.75-2.54-2.75a2.43,2.43,0,0,0-2.56,2.75v6.36H1935V434.86h1.51V436a3.73,3.73,0,0,1,2.9-1.26,3.62,3.62,0,0,1,2.65,1,3.81,3.81,0,0,1,1.07,2.88v6.61h-1.51Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1954.1,445.19a2.53,2.53,0,0,1-2.65-2.77v-6.34h-1.3v-1.15h1.3v-3.23H1953v3.23h2.21v1.15H1953v6.3a1.31,1.31,0,0,0,1.41,1.51h0.8v1.3h-1.07Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1964,444.14a4.31,4.31,0,0,1-5.92,0,7.35,7.35,0,0,1,0-8.23,4.31,4.31,0,0,1,5.92,0A7.35,7.35,0,0,1,1964,444.14Zm-1.07-7.31a2.65,2.65,0,0,0-1.89-.76,2.6,2.6,0,0,0-1.87.76,6.48,6.48,0,0,0,0,6.38,2.6,2.6,0,0,0,1.87.76,2.65,2.65,0,0,0,1.89-.76A6.63,6.63,0,0,0,1962.94,436.84Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1978.75,445.19v-1a3.63,3.63,0,0,1-3,1.11,3.68,3.68,0,0,1-2.92-.95,3,3,0,0,1-.78-2.1c0-1.8,1.26-3,3.57-3h3.11v-1c0-1.51-.76-2.27-2.64-2.27a2.71,2.71,0,0,0-2.6,1.18l-1-.94a4,4,0,0,1,3.65-1.53c2.77,0,4.14,1.2,4.14,3.44v7h-1.51Zm0-4.77h-2.9c-1.55,0-2.31.63-2.31,1.83s0.74,1.76,2.37,1.76a3,3,0,0,0,2.31-.69,2.39,2.39,0,0,0,.52-1.79v-1.11Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M1998.16,445.19h-1.41l-2.71-8-2.69,8h-1.41l-3.28-10.33h1.64l2.37,8.29,2.71-8.29h1.3l2.73,8.29,2.35-8.29h1.64Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M2009.74,444.14a4.31,4.31,0,0,1-5.92,0,7.35,7.35,0,0,1,0-8.23,4.31,4.31,0,0,1,5.92,0A7.35,7.35,0,0,1,2009.74,444.14Zm-1.07-7.31a2.65,2.65,0,0,0-1.89-.76,2.6,2.6,0,0,0-1.87.76,6.48,6.48,0,0,0,0,6.38,2.6,2.6,0,0,0,1.87.76,2.65,2.65,0,0,0,1.89-.76A6.63,6.63,0,0,0,2008.67,436.84Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M2019.44,436.84a2.16,2.16,0,0,0-1.79-.76,2.52,2.52,0,0,0-2.48,2.77v6.34h-1.51V434.86h1.51v1.26a3.47,3.47,0,0,1,2.9-1.39,3.18,3.18,0,0,1,2.48,1Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M2025,445.19a2.46,2.46,0,0,1-2.62-2.75v-12.2h1.51v12.14a1.24,1.24,0,0,0,1.39,1.51h0.82v1.3H2025Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M2034.31,445.19V444a3.35,3.35,0,0,1-2.94,1.37,3.6,3.6,0,0,1-2.52-.9c-1-1.05-1.26-2.77-1.26-4.39s0.21-3.34,1.26-4.39a3.6,3.6,0,0,1,2.52-.9,3.32,3.32,0,0,1,2.92,1.32v-5.82h1.51v14.95h-1.49Zm-2.6-9.11c-2.25,0-2.6,1.93-2.6,3.95s0.36,3.95,2.6,3.95,2.58-1.93,2.58-3.95S2034,436.08,2031.7,436.08Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M2050.6,444.14a4.31,4.31,0,0,1-5.92,0,7.35,7.35,0,0,1,0-8.23,4.31,4.31,0,0,1,5.92,0A7.35,7.35,0,0,1,2050.6,444.14Zm-1.07-7.31a2.65,2.65,0,0,0-1.89-.76,2.6,2.6,0,0,0-1.87.76,6.48,6.48,0,0,0,0,6.38,2.6,2.6,0,0,0,1.87.76,2.65,2.65,0,0,0,1.89-.76A6.63,6.63,0,0,0,2049.53,436.84Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M2056.25,436.08v9.11h-1.51v-9.11h-1.32v-1.15h1.32v-2a2.52,2.52,0,0,1,2.63-2.77h1.09v1.3h-0.82a1.29,1.29,0,0,0-1.39,1.51v1.91h2.21v1.15h-2.21Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M2066.33,440.43c0,2.27,1.07,3.57,3,3.57a3.39,3.39,0,0,0,2.71-1.18l1,0.9a4.73,4.73,0,0,1-3.78,1.6c-2.73,0-4.51-1.64-4.51-5.29,0-3.34,1.62-5.29,4.24-5.29s4.24,1.93,4.24,5v0.69h-7Zm5.14-2.86a2.65,2.65,0,0,0-4.83,0,4.35,4.35,0,0,0-.31,1.72h5.46A4.36,4.36,0,0,0,2071.47,437.57Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M2081.53,445.19l-2.48-4-2.52,4h-1.83l3.51-5.27-3.36-5.06h1.83l2.37,3.82,2.33-3.82h1.83l-3.36,5.06,3.51,5.27h-1.83Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M2092.45,444.42a3.61,3.61,0,0,1-2.52.9A3.34,3.34,0,0,1,2087,444v5.84h-1.51V434.86H2087v1.22a3.29,3.29,0,0,1,2.92-1.34,3.61,3.61,0,0,1,2.52.9c1,1.05,1.26,2.77,1.26,4.39S2093.5,443.37,2092.45,444.42Zm-2.83-8.34c-2.25,0-2.6,1.93-2.6,3.95s0.36,3.95,2.6,3.95,2.58-1.93,2.58-3.95S2091.86,436.08,2089.62,436.08Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M2097.41,440.43c0,2.27,1.07,3.57,3,3.57a3.39,3.39,0,0,0,2.71-1.18l1,0.9a4.73,4.73,0,0,1-3.78,1.6c-2.73,0-4.51-1.64-4.51-5.29,0-3.34,1.62-5.29,4.24-5.29s4.24,1.93,4.24,5v0.69h-7Zm5.14-2.86a2.65,2.65,0,0,0-4.83,0,4.35,4.35,0,0,0-.31,1.72h5.46A4.36,4.36,0,0,0,2102.55,437.57Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M2112.75,436.84a2.16,2.16,0,0,0-1.79-.76,2.52,2.52,0,0,0-2.48,2.77v6.34H2107V434.86h1.51v1.26a3.47,3.47,0,0,1,2.9-1.39,3.18,3.18,0,0,1,2.48,1Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M2115.6,431.92v-1.7h1.7v1.7h-1.7Zm0.08,13.27V434.86h1.51v10.33h-1.51Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M2121.31,440.43c0,2.27,1.07,3.57,3,3.57a3.39,3.39,0,0,0,2.71-1.18l1,0.9a4.73,4.73,0,0,1-3.78,1.6c-2.73,0-4.51-1.64-4.51-5.29,0-3.34,1.62-5.29,4.24-5.29s4.24,1.93,4.24,5v0.69h-7Zm5.14-2.86a2.65,2.65,0,0,0-4.83,0,4.36,4.36,0,0,0-.32,1.72h5.46A4.35,4.35,0,0,0,2126.45,437.57Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M2137.49,445.19v-6.36c0-1.83-1-2.75-2.54-2.75a2.43,2.43,0,0,0-2.56,2.75v6.36h-1.51V434.86h1.51V436a3.72,3.72,0,0,1,2.9-1.26,3.62,3.62,0,0,1,2.65,1,3.82,3.82,0,0,1,1.07,2.88v6.61h-1.51Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M2146.09,445.32c-2.6,0-4.58-1.76-4.58-5.29s2-5.29,4.58-5.29a4.09,4.09,0,0,1,3.4,1.53l-1,1a2.84,2.84,0,0,0-2.37-1.15,2.8,2.8,0,0,0-2.39,1.18,6.05,6.05,0,0,0,0,5.54,2.8,2.8,0,0,0,2.39,1.18,2.86,2.86,0,0,0,2.37-1.18l1,1A4.09,4.09,0,0,1,2146.09,445.32Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M2152.62,440.43c0,2.27,1.07,3.57,3,3.57a3.39,3.39,0,0,0,2.71-1.18l1,0.9a4.73,4.73,0,0,1-3.78,1.6c-2.73,0-4.51-1.64-4.51-5.29,0-3.34,1.62-5.29,4.24-5.29s4.24,1.93,4.24,5v0.69h-7Zm5.14-2.86a2.65,2.65,0,0,0-4.83,0,4.35,4.35,0,0,0-.31,1.72h5.46A4.36,4.36,0,0,0,2157.77,437.57Z" transform="translate(-1749.95 -430.2)"/><path class="cls-1" d="M2162,445.19v-2h2v2h-2Z" transform="translate(-1749.95 -430.2)"/></svg>
\ No newline at end of file
<!DOCTYPE html>
<head>
<!--
<script type="text/javascript">
(function() {
var relegateNavigation = '';
var handleClickTagMessage = function(e) {
try {
var eventData = JSON.parse(e.data);
} catch (err) {
return;
}
if (eventData.isInitClickTag) {
if (eventData.clickTags) {
for (var i = 0; i < eventData.clickTags.length; i++) {
var clkTag = eventData.clickTags[i];
window[clkTag.name] = clkTag.url;
}
} else if (eventData.clickTag) {
window.clickTag = eventData.clickTag;
}
relegateNavigation = eventData.relegateNavigation;
}
};
if (open.call) {
window.open = function(open) {
return function(url, name, features) {
if (relegateNavigation === 'parent') {
var message = {'clickTag': url, 'isPostClickTag': true};
parent.postMessage(JSON.stringify(message), '*');
} else {
var args = [url, name];
if (features) {
args.push(features);
}
open.apply(window, args);
}
};
}(window.open);
}
if (window.addEventListener) {
window.addEventListener(
'message', handleClickTagMessage, false);
} else {
window.attachEvent('onmessage', handleClickTagMessage);
}
})();
</script>
-->
<meta charset="utf-8">
<title>HTML5 GSAP Ad</title>
<meta name="ad.size" content="width=728,height=90">
<script type="text/javascript">
// IAB source: modified to allow link testing
var clickTag = "http://thecommonwell.ca/wave";
function getParameterByName(name)
{
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
if (match == null || match == ""){
return clickTag;
} else{
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
}
clickTag = getParameterByName('clickTag');
</script>
<!--
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<script type="text/javascript">
window.onload = function() {
eyeBuild.initialize();
}
</script>
-->
<style>
body{
margin: 0;
padding: 0;
width: 1400px;
height: 810px;
/**/
width: 728px;
height: 90px;
line-height: 1.2;
font-size: 27px;
letter-spacing: .4;
color: #CD040B;
/*font-family: "Neue Haas Grotesk", Arial, sans-serif;*/
/*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
font-style: normal;
}
a{
text-decoration: none;
color: inherit;
}
img {
border-style:none;
}
#border{
position: relative;
width: 100%;
height: 100%;
border: 1px solid #55565A;
background-color: #F9F9F9;
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
}
#line-img-group{
position: absolute;
left:-850px;
top:-75px;
width: 1400px;
height: 810px;
}
#line-img-group img {
opacity: 0;
transform: scale(.1,.1);
}
.line{
position: absolute;
height: 5px;
width: 200px;
}
.red{
background: #C41230;/* For browsers that do not support gradients */
background: -webkit-linear-gradient(left,rgba(196,18,48,0),rgba(196,18,48,1)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right,rgba(196,18,48,0),rgba(196,18,48,1)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right,rgba(196,18,48,0),rgba(196,18,48,1)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right,rgba(196,18,48,0),rgba(196,18,48,1)); /* Standard syntax */
}
.yellow{
background: -webkit-linear-gradient(left,rgba(255,207,1,0),rgba(255,207,1,1)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right,rgba(255,207,1,0),rgba(255,207,1,1)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right,rgba(255,207,1,0),rgba(255,207,1,1)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right,rgba(255,207,1,0),rgba(255,207,1,1)); /* Standard syntax */
}
.green{
background: -webkit-linear-gradient(left,rgba(178,187,30,1),rgba(178,187,30,0)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right,rgba(178,187,30,1),rgba(178,187,30,0)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right,rgba(178,187,30,1),rgba(178,187,30,0)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right,rgba(178,187,30,1),rgba(178,187,30,0)); /* Standard syntax */
}
#line-red{
left:600px;
top:144px;
}
#line-yellow{
left:950px;
top:-100px;
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
}
#line-green-mask{
position: absolute;
width: 1000px;
height: 5px;
left:771px;
top:314px;
overflow: hidden;
}
#line-green{
left:650px;
top:0px;
}
#line-green-mask2{
position: absolute;
width: 5px;
height: 500px;
left:767px;
top:314px;
overflow: hidden;
}
#line-green2{
left:-98px;
top:-103px;
-ms-transform: rotate(-90deg); /* IE 9 */
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
transform: rotate(-90deg);
}
#line-yellow2{
left:391px;
top:391px;
}
.thumbnails{
width: 120px;
height: 60px;
position: absolute;
}
#img1{
left:1052px;
top:84px;
transform-origin: 0% 100%;
}
#img2{
left:928px;
top:149px;
transform-origin: 100% 0%;
}
#img3{
left:1053px;
top:254px;
transform-origin: 0% 100%;
}
#img4{
left:928px;
top:319px;
transform-origin: 100% 0%;
}
#img5{
left:771px;
top:331px;
transform-origin: 0% 100%;
}
#img6{
left:648px;
top:396px;
transform-origin: 100% 0%;
}
.txt{
position: absolute;
opacity: 0;
transform: scale(.1,.1);
}
#txt1-people{
left:1070px;
top: 170px;
transform-origin: 0% 0%;
transform: scale(.1,.1);
}
#txt2-offices{
left:940px;
top: 276px;
transform-origin: 100% 100%;
}
#txt3-cultures{
left:1070px;
top: 341px;
transform-origin: 0% 0%;
}
#txt4-connection{
left:330px;
top: 352px;
transform-origin: 100% 0%;
}
#tag{
left:-800px;
top: 35px;
}
#leaf{
left:800px;
top: 35px;
}
#logo-green{
left:-300px;
top: 78px;
}
#logo-yellow{
left:800px;
top: 46px;
}
#logo-red{
left:527px;
top: 56px;
opacity: 0;
}
#tag-logo-group {
position: absolute;
background-color: white;
width: 100%;
height: 100%;
opacity: 0;
}
#tag-logo-group img{
position: absolute;
}
</style>
</head>
<body>
<a id="click-tag" href="javascript:window.open(window.clickTag)">
<!-- <a href="javascript:eyeBuild.doClick(0)" class="cta"> -->
<div id="border">
<div id="line-img-group">
<img id="img1" class="thumbnails" width="120" height="60" src="assets/img1@2x.jpg" alt="Photo: Close up of a group of professionals."/>
<img id="img2" class="thumbnails" width="120" height="60" src="assets/img2@2x.jpg" alt="Photo: Close up of a group of professionals."/>
<img id="img3" class="thumbnails" width="120" height="60" src="assets/img3@2x.jpg" alt="Photo: Portrait of a professional woman."/>
<img id="img4" class="thumbnails" width="120" height="60" src="assets/img4@2x.jpg" alt="Photo: Portrait of a professional man."/>
<img id="img5" class="thumbnails" width="120" height="60" src="assets/img5@2x.jpg" alt="Photo: Portrait of a professional man."/>
<img id="img6" class="thumbnails" width="120" height="60" src="assets/img6@2x.jpg" alt="Photo: Portrait of a professional woman."/>
<img id="txt1-people" class="txt" src="assets/txt1-people.svg" alt="12,000 people."/>
<img id="txt2-offices" class="txt" src="assets/txt2-offices.svg" alt="77 offices."/>
<img id="txt3-cultures" class="txt" src="assets/txt3-cultures.svg" alt="Over 60 nationalities and cultures."/>
<img id="txt4-connection" class="txt" src="assets/txt4-connection.svg" alt="We're your ocnneciton to a world of experience."/>
<div id="line-red" class="line red"></div>
<div id="line-yellow" class="line yellow"></div>
<div id="line-green-mask">
<div id="line-green" class="line green"></div>
</div>
<div id="line-green-mask2">
<div id="line-green2" class="line green"></div>
</div>
<div id="line-yellow2" class="line yellow"></div>
</div>
<div id="tag-logo-group">
<img id="tag" src="assets/tag.svg" alt="It's not who we know but who we are."/>
<img id="leaf" src="assets/leaf.svg" alt="design element"/>
<img id="logo-green" src="assets/logo-green.svg" alt="design element"/>
<img id="logo-yellow" src="assets/logo-yellow.svg" alt="design element"/>
<img id="logo-red" src="assets/logo-red.svg" alt="Baker & McKenzie"/>
</div>
</div>
</a>
<!-- jQuery-->
<script src="//code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<!-- GREENSOCK-->
<!-- <script src="//www.greensock.com/js/src/utils/SplitText.min.js"></script> enables character or word animation - $99/yr -->
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
var tlLines;
var tlElements;
var tlCamera;
function stage1(){
tlLines = new TimelineMax({});
tlElements = new TimelineMax({});
tlCamera = new TimelineMax({onUpdate:showRedProgress});
var myTimeScale = 1;
tlLines.timeScale(myTimeScale);
tlElements.timeScale(myTimeScale);
tlCamera.timeScale(myTimeScale);
var lineSpeed = 7;
var fadeUpDuration = .5;
//ease:Power1.easeInOut
tlLines.to("#line-red", lineSpeed, {left:1700, ease:Linear.easeNone, delay:0 });
tlLines.to("#line-yellow", lineSpeed+3, {top:800, ease:Linear.easeNone, delay:-6.85 });
tlLines.to("#line-green", lineSpeed, {left:-500, ease:Linear.easeNone, delay:-8.3 });
tlLines.to("#line-green2", lineSpeed, {top:1000, ease:Linear.easeNone, delay:-4.3 });
tlLines.to("#line-yellow2", lineSpeed-2, {left:1000, ease:Linear.easeNone, delay:-8});
///
tlElements.to("#img1", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:1.7 });
tlElements.to("#img2", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:-.2 });
tlElements.to("#txt1-people", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:-.2 });
tlElements.to("#img3", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:1 });
tlElements.to("#txt2-offices", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:-.35 });
tlElements.to("#img4", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:0 });
tlElements.to("#txt3-cultures", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:0 });
tlElements.to("#img5", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:1 });
tlElements.to("#txt4-connection",fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:.1 });
tlElements.to("#img6", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:0 });
tlElements.to("#line-img-group", fadeUpDuration, {opacity:0, delay:2 });
tlElements.to("#tag-logo-group", fadeUpDuration, {opacity:1, delay:-1 });
tlElements.to("#tag", fadeUpDuration, {left:44, delay:0 });
tlElements.to("#leaf", fadeUpDuration, {left:443, delay:-.5 });
tlElements.to("#logo-green", fadeUpDuration, {left:606, delay:0 });
tlElements.to("#logo-yellow", fadeUpDuration, {left:553, delay:-.5 });
tlElements.to("#logo-red", fadeUpDuration, {opacity:1, delay:0 });
///
tlCamera.to("#line-img-group", 12, {
bezier: {
values: [
{x: 0, y: 0 }, // 1-
{x: 0, y: -18 }, // 1b-
{x: 2, y: -39 }, // 2a-
{x: 5, y: -54 }, // 2- 12,000 People
{x: 16, y: -102 }, // 2b-
{x: 41, y: -131 }, // 3a-
{x: 57, y: -154 }, // 3- 77 offices.
{x: 72, y: -189 }, // 3b-
{x: 106, y: -215 }, // 4a-
{x: 149, y: -226 }, // 4- Over 60 nationalities
{x: 200, y: -239 }, // 4b-
{x: 286, y: -235 }, // 5a-
{x: 400, y: -244 }, // 5- elbow
{x: 500, y: -251 }, // 5b-
{x: 650, y: -262 }, // 6a-
{x: 770, y: -268 }, // 6- We're your connection
{x: 880, y: -270 }, // 6b-
{x: 980, y: -272 }, // 7a-
{x: 999, y: -274 } // 7-
],
curviness:1, timeResolution:15, type:"cubic" // thru, soft, quadratic, cubic
}, delay:1.1, ease:Power1.easeInOut
});
TweenMax.delayedCall(5.2,changeTimeScale, [1.1]);
TweenMax.delayedCall(5.5,changeTimeScale, [1.2]);
console.log( "tlLines: " + tlLines.totalDuration() );
console.log( "tlElements: " + tlElements.totalDuration() );
console.log( "tlCamera time: " + tlCamera.totalDuration() );
}
//use a callback
function changeTimeScale(t) {
console.log("changeTimeScale Called", t);
tlCamera.timeScale(t);
}
//use a callback
function showRedProgress() {
/*
console.log( "tlCamera.progress():",
"s:", Math.floor( tlCamera.progress()*tlCamera.totalDuration() ),
"x:", Math.floor( $("#line-img-group").position().left+850 ),
"y:", Math.floor( $("#line-img-group").position().top+100 )
);
if(tlCamera.progress()*tlCamera.totalDuration() > 5)
{
tlCamera.timeScale = 2;
}
*/
}
//---------------------
$(document).ready(function(){
stage1();
});
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
</head>
<body>
<h3><a href="index.html">Desktop HTML5 Ads</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_mobile.html">Mobile Ads</a></h3>
<iframe id='' class="b728x90 stacked" scrolling="no" src="en_728x90_cwl_2016Spring_farmers/index.html"></iframe>
<iframe id='' class="b728x90 stacked" scrolling="no" src="en_728x90_cwl_2016Spring_store/index.html"></iframe>
<iframe id='' class="b728x90 stacked" scrolling="no" src="en_728x90_cwl_2016Spring_trades/index.html"></iframe>
<iframe id='' class="b300x600 stacked" scrolling="no" src="en_300x600_cwl_2016Spring_makeawave/index.html"></iframe>
<iframe id='' class="b600x566 stacked" scrolling="no" src="en_600x566_cwl_2016Spring_makeawave/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
</head>
<body>
<h3><a href="index.html">Desktop HTML5 Ads</a> &nbsp; &nbsp; | &nbsp; &nbsp;<a href="index_mobile.html">Mobile Ads</a></h3>
<img class="stacked" src="en_640x100_cwl_2016Spring_business.gif" alt="en_640x100_cwl_2016Spring_business" width="640" height="100">
<img class="stacked" src="en_320x50_cwl_2016Spring_business.gif" alt="en_320x50_cwl_2016Spring_business" width="320" height="50">
</body>
</html>
html {
background-color: #d4d4d4;
}
body {
margin: 0 auto;
padding: 2em 2em 4em;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.5em;
color: #8e8e8e;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
line-height: 1.3em;
margin-left: 10px;
}
a {
color: #8e8e8e;
}
a:hover {
color: #FFFFFF;
}
iframe, img {
margin: 10px;
border: 1px #d4d4d4 solid;
overflow: hidden;
iframe::-webkit-scrollbar {
display: none;
};
}
.stacked {
display: flex;
}
.b300x250 {
width: 300px;
height: 250px;
}
.b728x90 {
width: 728px;
height: 90px;
}
.b300x600 {
width: 300px;
height: 600px;
}
.b600x566 {
width: 600px;
height: 566px;
}
js file
\ No newline at end of file