<!DOCTYPE html>
<html lang="en">
    <head>
		<!-- Global site tag (gtag.js) - Google Analytics -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-7678606-5"></script>
		<script>
		  window.dataLayer = window.dataLayer || [];
		  function gtag(){dataLayer.push(arguments);}
		  gtag('js', new Date());

		  gtag('config', 'UA-7678606-5');
		</script>

		<!-- Facebook Pixel Code -->
		<script>
		!function(f,b,e,v,n,t,s)
		{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
		n.callMethod.apply(n,arguments):n.queue.push(arguments)};
		if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
		n.queue=[];t=b.createElement(e);t.async=!0;
		t.src=v;s=b.getElementsByTagName(e)[0];
		s.parentNode.insertBefore(t,s)}(window, document,'script',
		'https://connect.facebook.net/en_US/fbevents.js');
		fbq('init', '367062756779798');
		fbq('track', 'PageView');
		</script>
		<noscript><img height="1" width="1" style="display:none"
		src="https://www.facebook.com/tr?id=367062756779798&ev=PageView&noscript=1"
		/></noscript>
		<!-- End Facebook Pixel Code -->
		
		<meta charset="utf-8">
		<base href="https://www.outbreak.cz/">
		<title>Outbreak | Making brands contagious</title>
		<link rel="stylesheet" href="https://www.outbreak.cz/css/style.css?t9">
		<script src="js/script.js?t1"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1">	
        <link href="https://fonts.googleapis.com/css?family=Roboto:300i,700,900&display=swap" rel="stylesheet">
		<script src="https://kit.fontawesome.com/c81004c3be.js" crossorigin="anonymous"></script>
    </head>
	
	<body>
		<div id="sp_message"></div>
				<div class="xsocials">
			<div id="xsocials_menu" class="menu none">
				<div class="bars fake-link no-end-space" onclick="toggleIt('xsocials_menu')"><i class="fas fa-bars"></i></div>
				<span class="fake-link" onclick="scrollToId('home')">Home</span><br>
				<span class="fake-link" onclick="scrollToId('about')">About Outbreak</span><br>
				<span class="fake-link" onclick="scrollToId('slides')">Highlights</span><br>
				<span class="fake-link" onclick="scrollToId('clients')">Clients</span><br>
				<span class="fake-link" onclick="scrollToId('contact')">Contact</span><br>
			</div>
			<span class="icon fake-link no-end-space" onclick="toggleIt('xsocials_menu')"><i class="fas fa-bars"></i></span>
			<a class="icon no-end-space" href="https://www.instagram.com/outbreak.cz/" target="_blank"><i class="fab fa-instagram"></i></a>
			<a class="icon no-end-space" href="https://www.facebook.com/outbreak.cz" target="_blank"><i class="fab fa-facebook-f"></i></a>
		</div>

		<div id="home" class="showreel">
			<div class="logo">
				<img src="media/0/logo.gif" alt="Logo">
			</div>
			<div class="title">
				<div><span class="no-link">making brands contagious</span></div>
			</div>
			
			<img class="embed-container only-mobile" src="showreel/video.jpg" alt="Video">
			<div class="embed-container no-mobile">
				<video src="showreel/video.mp4" autoplay poster="showreel/video.jpg" loop muted></video>
			</div>
		</div>
		
		<div id="about" class="about">
			We make brands contagious. Through deep insights, strong logic &amp; magic. We change client’s games, re/position brands, craft multichannel campaigns and content that resonate with audiences. We are an independent marketing communications company. We offer bold ideas and refreshing honesty since 2007. <span class="fake-link" onclick="scrollToId('contact')">Let’s talk.</span>		</div>

		<script src="js/jquery.min.js"></script>
		<script src="js/TweenMax.min.js"></script>
		<script src="js/ScrollMagic.min.js"></script>
		<script src="js/animation.gsap.min.js"></script>
		<script>
			$(function () {
				TweenLite.defaultEase = Linear.easeNone;
				var controller = new ScrollMagic.Controller();
				var tl = new TimelineMax();
				tl.from('.quote_inside_2', 1, {xPercent: -100}); 
				tl.from('.quote_inside_3', 1, {xPercent: -100}); 

				var controller = new ScrollMagic.Scene({
					triggerElement: '.quote',
					triggerHook: 'onLeave',
					duration: '250%'
				})
				.setPin('.quote')
				.setTween(tl)
				.addTo(controller);
					
				window.addEventListener('resize', onresize);
				onresize();
				
				function onresize() {
					if ($(window).width() <= 900) {
						controller.enabled(false);
					}
					else {
						controller.enabled(true);
					}
				}
			});
 		</script>
		<div class="quote-title">Shout-outs</div>
		<div class="quote">
			<div class="quote_container">
				<div class="quote_inside quote_inside_1">
					<div class="quote_inside_middle">
						Biopron Forte has been flying off <span class="no-link">the shelves.</span> We might <span class="no-link">even have</span> a risk of Out of Stock. Big thanks to the whole team!!! You have nailed the new Biopron communication!						<br>
						<em>Ivan Pukan, Chief Marketing Officer, Walmark</em>
					</div>
				</div>
				<div class="quote_inside quote_inside_2">
					<div class="quote_inside_middle">
						Capable of thinking <span class="no-link">„out of the box“</span> and yet manages to stay focused and solution oriented.						<br>
						<em>Josef Havelka</em>
					</div>
				</div>
				<div class="quote_inside quote_inside_3">
					<div class="quote_inside_middle">
						<span class="no-link">Wrong</span> on so many levels.						<br>
						<em>Vilém Rubeš</em>
					</div>
				</div>
			</div>
		</div>

		<script>
			window.addEventListener('scroll', function() {
				var scroll_top = window.pageYOffset || window.scrollTop;
				
				// Computed from position of first slide which can be different (3000 is default for fhd)
				var start_scroll = document.getElementById('slide_inside_1').getBoundingClientRect().top - document.body.getBoundingClientRect().top - 852;				
				var slide = [
					document.getElementById('slide_inside_1')
					,document.getElementById('slide_inside_2')
					,document.getElementById('slide_inside_3')
					,document.getElementById('slide_inside_4')
					,document.getElementById('slide_inside_5')
					,document.getElementById('slide_inside_6')
					,document.getElementById('slide_inside_7')
					,document.getElementById('slide_inside_8')
				];

				if (scroll_top > start_scroll) {
					var index = 0;
					
					slide.forEach(function(item) { 
							var result = scrollByPage(713, 500, scroll_top, start_scroll, index);
							
							if (result !== false) {
								item.style['margin-left'] = result + 'px';
							}

							index += 1;
						}
					)
				}
			});
		</script>

		<div id="slides"></div>
		<div class="slide" style="background-image: url('reference/0/derby_song_bg.jpg')">
			<img class="reference-image only-mobile" src="reference/0/derby_song_mobile.jpg" alt="Reference">
			<div class="text"><a href="https://www.youtube.com/watch?v=UzDefhWbDcM" target="_blank"><span class="no-link">Derby rap song</span> for Chance.cz</a></div>
			<div id="slide_inside_1" class="inside no-mobile" style="background-image: url('reference/0/derby_song.png'); margin-left: -500px"></div>
		</div>
		<div class="slide" style="background-image: url('reference/0/letiste_bg.jpg')">
			<img class="reference-image only-mobile" src="reference/0/letiste_mobile.jpg" alt="Reference">
			<div class="text"><a href="https://www.youtube.com/watch?v=zeNZ6jLjwMs" target="_blank"><span class="no-link">Brand video</span> for Letiště Praha</a></div>
			<div id="slide_inside_2" class="inside no-mobile" style="background-image: url('reference/0/letiste.png'); margin-left: -500px"></div>
		</div>
		<div class="slide" style="background-image: url('reference/0/jobs_dulezity_bg.jpg')">
			<img class="reference-image only-mobile" src="reference/0/jobs_dulezity_mobile.jpg" alt="Reference">
			<div class="text"><a href="https://www.youtube.com/watch?v=Car7tUBuoVY" target="_blank"><span class="no-link">Důležitý</span> for Jobs.cz</a></div>
			<div id="slide_inside_3" class="inside no-mobile" style="background-image: url('reference/0/jobs_dulezity.png'); margin-left: -500px"></div>
		</div>
		<div class="slide" style="background-image: url('reference/0/chance_bg.jpg')">
			<img class="reference-image only-mobile" src="reference/0/chance_mobile.jpg" alt="Reference">
			<div class="text"><a href="https://www.youtube.com/watch?v=Z6u_MH6hrNs" target="_blank"><span class="no-link">Jsem Chorvat</span> for Chance.cz</a></div>
			<div id="slide_inside_4" class="inside no-mobile" style="background-image: url('reference/0/chance.png'); margin-left: -500px"></div>
		</div>
		<div class="slide" style="background-image: url('reference/0/jarmara_bg.jpg')">
			<img class="reference-image only-mobile" src="reference/0/jarmara_mobile.jpg" alt="Reference">
			<div class="text"><a href="https://www.youtube.com/watch?v=eBSwLK15oYY" target="_blank"><span class="no-link">Jarmara</span> for Seznam.cz</a></div>
			<div id="slide_inside_5" class="inside no-mobile" style="background-image: url('reference/0/jarmara.png'); margin-left: -500px"></div>
		</div>
		<div class="slide" style="background-image: url('reference/0/jobs_bg.jpg')">
			<img class="reference-image only-mobile" src="reference/0/jobs_mobile.jpg" alt="Reference">
			<div class="text"><a href="https://www.youtube.com/playlist?list=PLbKQ8N6XpGtIUX8hFb0zFolZguCp4kVGX" target="_blank"><span class="no-link">JU</span> for Jobs.cz</a></div>
			<div id="slide_inside_6" class="inside no-mobile" style="background-image: url('reference/0/jobs.png'); margin-left: -500px"></div>
		</div>
		<div class="slide" style="background-image: url('reference/0/bazal_bg.jpg')">
			<img class="reference-image only-mobile" src="reference/0/bazal_mobile.jpg" alt="Reference">
			<div class="text"><span class="no-link">Football beer</span> for Ostravar</div>
			<div id="slide_inside_7" class="inside no-mobile" style="background-image: url('reference/0/bazal.png'); margin-left: -500px"></div>
		</div>
		<div class="slide" style="background-image: url('reference/0/koule_bg.jpg')">
			<img class="reference-image only-mobile" src="reference/0/koule_mobile.jpg" alt="Reference">
			<div class="text"><a href="https://www.youtube.com/watch?v=nuMigblnvG8" target="_blank"><span class="no-link">Ice ball</span> for Jägermeister</a></div>
			<div id="slide_inside_8" class="inside no-mobile" style="background-image: url('reference/0/koule.png'); margin-left: -500px"></div>
		</div>

		<div id="clients" class="clients">
			<div class="client"><img src="client/0/hellobank.png" width="850" alt="Clients"></div>
		</div>

		<div class="oldies">
			<div class="title">Oldies, but <span class="no-link">goldies</span></div>
			<div class="items">
				<div class="item"><img src="oldies/0/2(final).png" width="270" alt="Jobs.cz „Time for change“ music video"><div class="overlay"><a href="https://www.youtube.com/watch?v=UP2cQYjsI9c" target="_blank"><div class="text">Jobs.cz „Time for change“ music video</div></a></div></div>
				<div class="item"><img src="oldies/0/3(final).png" width="270" alt="Milka Big Taste „Get tender Boss!“ campaign"><div class="overlay"><a href="https://www.youtube.com/watch?v=VfmoGKcKfjU" target="_blank"><div class="text">Milka Big Taste „Get tender Boss!“ campaign</div></a></div></div>
				<div class="item"><img src="oldies/0/4(final).png" width="270" alt="Marks &amp; Spencer „Talking fridge“ ambient"><div class="overlay"><a href="https://www.youtube.com/watch?v=acKLsLwcbzw" target="_blank"><div class="text">Marks &amp; Spencer „Talking fridge“ ambient</div></a></div></div>
				<div class="item no-mobile"><img src="oldies/0/5(final).png" width="270" alt="Figaro „Perfect when happy“ online campaign"><div class="overlay"><a href="https://youtu.be/EksFPaI3weM" target="_blank"><div class="text">Figaro „Perfect when happy“ online campaign</div></a></div></div>
				<div class="item"><img src="oldies/0/6(final).png" width="270" alt="Jobs.cz „Czechs celebrate your success“ online campaign"><div class="overlay"><a href="https://www.youtube.com/watch?v=cJ--L-kj7zo" target="_blank"><div class="text">Jobs.cz „Czechs celebrate your success“ online campaign</div></a></div></div>
				<div class="item no-mobile"><img src="oldies/0/7(final).png" width="270" alt="Rexona „Stardance“ TV sponsoring"><div class="overlay"><a href="https://vimeo.com/79184555" target="_blank"><div class="text">Rexona „Stardance“ TV sponsoring</div></a></div></div>
				<div class="item"><img src="oldies/0/8(final).png" width="270" alt="Seznam.cz TV spot for movie streaming"><div class="overlay"><a href="https://www.youtube.com/watch?v=ZApwnLooSwU" target="_blank"><div class="text">Seznam.cz TV spot for movie streaming</div></a></div></div>
				<div class="item no-mobile"><img src="oldies/0/9(final).png" width="270" alt="Novinky.cz TV spot"><div class="overlay"><a href="https://www.youtube.com/watch?v=m3r_c0Pw_ks" target="_blank"><div class="text">Novinky.cz TV spot</div></a></div></div>
				<div class="item no-mobile"><img src="oldies/0/10(final).png" width="270" alt="Milka Choco Jelly „Food prank“ online campaign"><div class="overlay"><a href="https://www.youtube.com/watch?v=xxE_ZXjbioo" target="_blank"><div class="text">Milka Choco Jelly „Food prank“ online campaign</div></a></div></div>
				<div class="item no-mobile"><img src="oldies/0/11(final).png" width="270" alt="Jagermeister „Ice Kraft“ word of mouth campaign"><div class="overlay"><a href="https://vimeo.com/170480115" target="_blank"><div class="text">Jagermeister „Ice Kraft“ word of mouth campaign</div></a></div></div>
				<div class="item no-mobile"><img src="oldies/0/12(final).png" width="270" alt="Mobito product introduction video"><div class="overlay"><a href="https://vimeo.com/62327313" target="_blank"><div class="text">Mobito product introduction video</div></a></div></div>
				<div class="item no-mobile"><img src="oldies/0/13(final).png" width="270" alt="ING „Male breast feeding“ buzz campaign"><div class="overlay"><a href="https://vimeo.com/170807363" target="_blank"><div class="text">ING „Male breast feeding“ buzz campaign</div></a></div></div>
				<div class="item no-mobile"><img src="oldies/0/14(final).png" width="270" alt="Cetelem „Little pleasures“ TV spots"><div class="overlay"><a href="https://www.youtube.com/watch?v=IUjFmVJ84m4" target="_blank"><div class="text">Cetelem „Little pleasures“ TV spots</div></a></div></div>
				<div class="item no-mobile"><img src="oldies/0/15(final).png" width="270" alt="Cetelem „When“ online campaign"><div class="overlay"><a href="https://www.youtube.com/watch?v=qv_N-wgsP9U" target="_blank"><div class="text">Cetelem „When“ online campaign</div></a></div></div>
				<div class="item no-mobile"><img src="oldies/0/16(final).png" width="270" alt="Columbia „Freeze“ campaign for OmniHeat product line"><div class="overlay"><a href="https://vimeo.com/59991109" target="_blank"><div class="text">Columbia „Freeze“ campaign for OmniHeat product line</div></a></div></div>
				<div class="item no-mobile"><img src="oldies/0/17(final).png" width="270" alt="Fernet Stock 8000 launch word of mouth campaign"><div class="overlay"><a href="https://vimeo.com/170480989" target="_blank"><div class="text">Fernet Stock 8000 launch word of mouth campaign</div></a></div></div>
				<div class="item"><img src="oldies/0/18(final).png" width="270" alt="Milka Lu Tuc experiential product seeding event"><div class="overlay"><a href="https://www.youtube.com/watch?v=Poa3Ze2A6II" target="_blank"><div class="text">Milka Lu Tuc experiential product seeding event</div></a></div></div>
				<div class="item no-mobile"><img src="oldies/0/19(final).png" width="270" alt="Skype „Blue donut“ HR buzz campaign"><div class="overlay"><a href="https://www.slideshare.net/osobicka/skype-modr-kobliha-case-study" target="_blank"><div class="text">Skype „Blue donut“ HR buzz campaign</div></a></div></div>
				<div class="item no-mobile"><img src="oldies/0/20(final).png" width="270" alt="Prace.cz TV spot"><div class="overlay"><a href="https://www.youtube.com/watch?v=BveIxk0sI5M" target="_blank"><div class="text">Prace.cz TV spot</div></a></div></div>
				<div class="item no-mobile"><img src="oldies/0/21(final).png" width="270" alt="Prace.cz aquisition roadshow"><div class="overlay"><a href="https://www.youtube.com/watch?v=fF_zcwVP6Qg" target="_blank"><div class="text">Prace.cz aquisition roadshow</div></a></div></div>
				<div class="item no-mobile"><img src="oldies/0/1(final).png" width="270" alt="Milka „Valentines day“ campaign"><div class="overlay"><a href="https://www.youtube.com/watch?v=YassJodqVMo" target="_blank"><div class="text">Milka „Valentines day“ campaign</div></a></div></div>
			</div>
		</div>

		<div id="contact" class="contact">
			<div class="title">Contact</div>
			<div class="row">
				<div class="image"><img src="contact/0/azoom2(final).png" width="100" height="100" alt="Contact image"></div>
				<div class="text">605 503 303 / <a class="simple-link" href="mailto:dan@outbreak.cz"><span class="no-link no-end-space">dan@</span>outbreak.cz</a></div>
			</div>
			<div class="row">
				<div class="image"><img src="contact/0/azoom8(final).png" width="100" height="100" alt="Contact image"></div>
				<div class="text">604 178 272 / <a class="simple-link" href="mailto:ivo@outbreak.cz"><span class="no-link no-end-space">ivo@</span>outbreak.cz</a></div>
			</div>
			<div class="clear"></div>
			
			<div class="row2">
				<div class="title">Offices</div>
				<div class="text">Tusarova 58, 170 00, Praha 7</div>
			</div>			
			
			<div class="row2">
				<div class="title">Registered</div>
				<div class="text">
					OUTBREAK s.r.o.<br />
Vodičkova 704/36<br />
110 00 Praha 1, CZ<br />
IČO: 27600751<br />
DIČ: CZ27600751<br />
zapsaná u MS v Praze, registr C, vložka 118072				</div>
			</div>
		</div>
	</body>
</html>