Outiref

Code source de l'URL : http://marinebroderies.com

<!DOCTYPE html>
	<html xml:lang="en" lang="en">
	<head>
	<meta name="description" content="Uniforms for yachts and all trades,ready to wear and maritime equipment, clothing for private individuals and professionals,personalization by embroidery,transfer and screen printing. ">
	<meta name="keywords" content="yacht uniforms, boat uniforms, customized crew wear, embroidery clothes, embroidery cannes, workwear, clothing, polo, tee shirt,short, pants, skort , custom, shoes, jacket, accessories, belt, restaurant, entreprise , beach , hotel, personalization,branded,brand">
	<meta name="revisit-after" content="8 days">
	<meta name="robots" content="index, follow, all">

	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	
	<title>Marine Broderies Menoni-Personalization and a wide choice of clothes</title>
	<link rel=stylesheet type="text/css" href="/system_template/includecss.cfm?c=755388">
	<link rel=stylesheet type="text/css" href="/system_template/includecss.cfm?c=755388&amp;select=sys">
	<link href="https://fonts.googleapis.com/css?family=Barlow+Condensed:100,400,500|Barlow+Semi+Condensed:500,600|Work+Sans:100,200,300,400,500,600,700|Open+Sans:400|Open+Sans:600|Open+Sans+Condensed:300" rel="stylesheet" type="text/css">
	<link href="/specific_images/favicon.ico" rel="shortcut icon">
	<link href="/specific_images/appleicon.png" rel="apple-touch-icon"> 
	<script src="/system_template/js/jquery-1.9.1.min.js" type="text/javascript"></script> 
	<script src="/system_template/js/jquery.backgroundPosition.js" type="text/javascript"></script>
	<script src="/system_template/js/jquery-ui-1.8.6.effect.min.js" type="text/javascript"></script>
	
	<script src="/system_template/includejs.cfm" type="text/javascript"></script>
	<link rel="stylesheet" href="/specific_template/css/bootstrap.min.css">
<script src="/specific_template/js/bootstrap.min.js"></script>


<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-16230844-32']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
	</head>
	<body class="Body_accueil">
	<a id="top"></a>
	<link rel=stylesheet type="text/css" href="/system_template/includecss.cfm?c=#application.cssanticache#">
<link rel="stylesheet" type="text/css" href="/specific_template/css/animate.css" />
<script src="/specific_template/js/jquery.viewportchecker.min.js"></script>
<script type="text/javascript">(function($) { if (!$.curCSS) { $.curCSS = $.css; }})(jQuery);</script>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<script>
	
	function nearBottom() {
		return ($(window).scrollTop() + $(window).height() > $(document).height() - 100);
	}
	function checkPos() {
		// $('#scroll').removeClass('clicked');
		if (nearBottom()) {
			$('#scroll').addClass('rotate');
		} else {
			$('#scroll').removeClass('rotate');
		}
	};
	function scrollDown() {
		var vheight = $(window).height();
		$('html, body').animate({
			scrollTop: ( (Math.floor($(window).scrollTop() / vheight)+1) * vheight )
		}, 500, function() {
			checkPos();
		});
	};
	function scrollUp() {
		var vheight = $(window).height();
		$('html, body').animate({
			scrollTop: 0
		}, 500, function() {
			checkPos();
		});
	};
	
	$(document).ready(function(){
		$('#scroll').click(function(event){
			nearBottom()? scrollUp() : scrollDown();
			event.preventDefault();
		});
		
		$(document).scroll(function () {
			var $nav = $(".navbar-fixed-top");
			$nav.toggleClass('navbar-scrolled', $(this).scrollTop() > $nav.height());
			checkPos();
		});
	});
</script>



<!-- Insert Navigation Here -->
<!-- Navigation -->

<nav class="navbar navbar-fixed-top gm-navbar-logocolumn" role="navigation">
	<div class="-gemea-bg-white">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-navbar-collapse-1">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="/en/marine-broderies-cannes.cfm">
				<img src="/specific_images/7/3/logo_mb.png?update=20181029124002" alt="">
			</a>
		</div>
		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse" id="bs-navbar-collapse-1">
			<ul class="nav navbar-nav gm-flex-row">
				
				<li class="text-uppercase active">
					<a href="/en/marine-broderies-cannes.cfm" title="Home">Home</a>
				</li>
				
				<li class="text-uppercase">
					<a href="/en/shop.cfm" title="About us">About us</a>
				</li>
				
				<li class="text-uppercase  menuHasChild">
					<a href="/en/catalog-yacht-uniforms-workwear-cannes.cfm" title="Our Catalog">Our Catalog</a>
				</li>
				
				<li class="text-uppercase">
					<a href="/en/trends.cfm" title="Trends">Trends</a>
				</li>
				
				<li class="text-uppercase">
					<a href="/en/customized-embrodery-services.cfm" title="Our Customization Services">Our Customization Services</a>
				</li>
				
				<li class="text-uppercase">
					<a href="/en/embroideries-customization.cfm" title="MENONI EMBROIDERY">MENONI EMBROIDERY</a>
				</li>
				
			</ul>
		</div>
		<!-- /.navbar-collapse -->
	</div>
	
	
	<div class="gm-nav-other gm-flex-col gm-flex-itm-baseline">
		<div class="clt-nav-caddy gm-flex-row">
			<a class="" href="/en/contact.cfm">
				<span>Contact</span><img src="/specific_images/9/0/mail_blanc.png?update=20181105113855" alt="">
			</a>
			<a class="" href="/en/my-cart.cfm">
				<span>My Cart</span><img src="/specific_images/9/1/panier.png?update=20181030160533" alt="">
			</a>
		</div>
		
		<ul class="gm-flex-row gm-nav-lang">
		
				<li class="langMenuList-en current">
					<a href="/admin/language.cfm?lg=en&amp;pg=/index.cfm&amp;qs=" title="English">en</a>
				</li>
			
				<li class="langMenuList-fr">
					<a href="/admin/language.cfm?lg=fr&amp;pg=/index.cfm&amp;qs=" title="Français">fr</a>
				</li>
			
		</ul>
		
	</div>
	
	
	<div class="gm-nav-other clt-logo2">
		<a href="/en/marine-broderies-cannes.cfm"><img class="gemeapp_image" src="/specific_images/9/2/marine_broderie_logo_ai.png?update=20181210165049" width="153" height="83" style="vertical-align:middle" alt="" id="image92"></a>
	</div>
	<!-- /.container -->
</nav>


<header class="">
</header>

<main id="main-accueil">
	
	<div id="scroll">
		<span class="animated bounce fa fa-angle-down"></span>
	</div>




	
	
	        <style>
	            #CookieBanner {position:fixed;bottom:0;width:100%;padding:10px 10%;font-family:'Poppins';font-size:12px;color:#fff;text-align:center;background:rgba(100,100,100,0.9);z-index:99999999999999;}
	            #CookieBanner .CookieBannerTxt {width: 95%;text-align: justify;float: left;}
	            #CookieBanner .btnclose {padding:4px 10px;cursor:pointer;display:inline-block;background:#000;}
	        </style>
	        <script type="text/javascript">
	        $(window).load(function(){	
	            $("#CookieBanner button").click(function() {
	                $("#CookieBanner").slideUp('fast');
	                $(location).attr('href', '/index.cfm?&RGPG=1');
	            });
	        });
	        </script>
	        <div id="CookieBanner">
	            <div class="CookieBannerTxt">​We use cookies to provide the services and features offered on our site and to improve the experience of our users Cookies are data that are downloaded or stored on your computer or any other device.<br />
<br />
By clicking on &quot;I accept&quot; you agree to the use of cookies. You can always disable them later. If you delete or disable our cookies, you may encounter interruptions or problems accessing the site. &quot;<br />
<br />
&quot;We use cookies to help us better understand how the site is used and by continuing to use this site you agree to this policy.&quot;</div>
	            <button type="button" class="btnclose">I agree</button>
	        </div>
	    
	
	<div class="gm-pos-relative">
		
<!-- Full Page Image Background Carousel Header -->
<div id="fs_carousel_8" class="carousel slide">
	
	
	<!-- Wrapper for Slides -->
	<div class="carousel-inner">
		
		<div class="item active">
			<!-- Set the background image using inline CSS below. -->
			<div class="fill" style="background-image:url('/specific_files/7/9/4/8/little_john_482458_unsplash_compressor.jpg?update=20190313153702');"></div>
			
		</div>
		
		<div class="item">
			<!-- Set the background image using inline CSS below. -->
			<div class="fill" style="background-image:url('/specific_files/3/2/2/0/megan_menegay_109366_unsplash_compressor.jpg?update=20190313153714');"></div>
			
		</div>
		
		<div class="item">
			<!-- Set the background image using inline CSS below. -->
			<div class="fill" style="background-image:url('/specific_files/3/2/0/8/boat_couverture_min.jpg?update=20190313153729');"></div>
			
		</div>
		
		<div class="item">
			<!-- Set the background image using inline CSS below. -->
			<div class="fill" style="background-image:url('/specific_files/8/3/2/2/photo_1491316713428_0cbd516756a3_compressor.jpg?update=20190313153738');"></div>
			
		</div>
		
	</div>
	
	<!-- Controls -->
	<a class="left carousel-control" href="#fs_carousel_8" data-slide="prev">
		<i class="fa fa-angle-left"></i>
	</a>
	<a class="right carousel-control" href="#fs_carousel_8" data-slide="next">
		<i class="fa fa-angle-right"></i>
	</a>
</div>


<!-- Script to Activate the Carousel -->
<script>
	$('.carousel').carousel({
		interval: 5000 //changes the speed
	})
</script>

<style>
	.carousel, .carousel-inner .item, .carousel-inner .active { height: 100vh; 	}
	.carousel-inner { height: 100%; }
	.fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
</style>

	</div>
	
	

<div class="container-fluid gm-stop-fluid-mx padd-y-20 padd-x-20">
	<div class="gm-flex-row gm-flex-end gm-pos-relative">
		
		<span class="gm-nav-socialabel">Follow us:</span>
		<div class="gm-nav-social">
			<ul class="gm-flex-row marg-b-0 padd-x-0">
				<li><a href="https://www.facebook.com/marinebroderies/"><img class="gemeapp_image" src="/specific_images/7/9/facebook_gris.png?update=20181128102312" width="26" height="26" style="vertical-align:middle" alt="" id="image79"></a></li>
				<li><a href="https://twitter.com/MarineBroderies?lang=fr"><img class="gemeapp_image" src="/specific_images/8/0/twitter_gris.png?update=20181128102257" width="26" height="26" style="vertical-align:middle" alt="" id="image80"></a></li>
				<li><a href="https://www.instagram.com/marinebroderies/"><img class="gemeapp_image" src="/specific_images/8/1/instagram_gris.png?update=20181128102232" width="26" height="26" style="vertical-align:middle" alt="" id="image81"></a></li>
			</ul>			
		</div>
	</div>
</div>


	
	<div class="container-fluid gm-bck-titext gm-stop-fluid-lg">
		<h1 class="gm-bck-titext-titr gm-subdeco text-center">Marine Broderies Menoni</h1>
		<div class="gm-bck-titext-text text-center">Marine Broderies is specialize in the universe&nbsp; of textile sale and their personalization for over 31 years.<br />
<br />
Our team welcoming you from Monday to Friday, 9.00 AM to 6.00 PM nonstop at the showroom based on 5 BD Carnot, 06400 Cannes, France</div>
	</div>
	
	<div class="container-fluid gemea-container padding-y-sm hidden-xs no-auto-animate" id="reference-list">
		<div class="gm-stop-fluid-partenaire">
			
<div id="diaporama_partenaire" class="carousel slide gm-partners" data-ride="carousel" data-interval="3000">
	<!-- Wrapper for slides -->
	<div class="carousel-inner" role="listbox">
		
				<div class="item active">
			
				<div class="item-inner"><img src="/specific_files/8/3/5/0/logo_mb.jpg?update=20181213103009" border="0" class="partenairesListImg img-responsive" alt="Marine Broderies Menoni "></div>
			
				<div class="item-inner"><img src="/specific_files/7/9/5/2/logokariban.jpg?update=20170914144309" border="0" class="partenairesListImg img-responsive" alt="Kariban"></div>
			
				<div class="item-inner"><img src="/specific_files/6/0/5/7/swims.jpg?update=20150908131451" border="0" class="partenairesListImg img-responsive" alt="Swims"></div>
			
				<div class="item-inner"><img src="/specific_files/7/5/6/0/abyss_et_habidecor.jpg?update=20170914144445" border="0" class="partenairesListImg img-responsive" alt="Abyss&Habidecor"></div>
			
				<div class="item-inner"><img src="/specific_files/7/5/5/9/telechargement.jpg?update=20170303111245" border="0" class="partenairesListImg img-responsive" alt="Dubarry"></div>
			
				<div class="item-inner"><img src="/specific_files/6/0/5/1/chatham.jpg?update=20150905192309" border="0" class="partenairesListImg img-responsive" alt="chatham"></div>
			
				<div class="item-inner"><img src="/specific_files/7/5/5/8/kccp3jde.jpg?update=20170303111142" border="0" class="partenairesListImg img-responsive" alt="Sebago"></div>
			
				<div class="item-inner"><img src="/specific_files/7/5/5/7/helly_hansen_1_logo_primary.jpg?update=20170303111056" border="0" class="partenairesListImg img-responsive" alt="helly-hansen"></div>
			
				</div>
			
				<div class="item">
			
				<div class="item-inner"><img src="/specific_files/7/5/5/4/gill.jpg?update=20170303110347" border="0" class="partenairesListImg img-responsive" alt="Gill"></div>
			
				<div class="item-inner"><img src="/specific_files/7/5/5/3/yvesdelorme_logo.jpg?update=20170303110238" border="0" class="partenairesListImg img-responsive" alt="YvesDelorme"></div>
			
				<div class="item-inner"><img src="/specific_files/6/1/4/5/logo20saint_james20format20jpg202.jpg?update=20150908131515" border="0" class="partenairesListImg img-responsive" alt="Saint James"></div>
			
				<div class="item-inner"><img src="/specific_files/6/0/5/6/musto.jpg?update=20150905192334" border="0" class="partenairesListImg img-responsive" alt="musto"></div>
			
				<div class="item-inner"><img src="/specific_files/6/0/5/4/harvest.jpg?update=20150905192323" border="0" class="partenairesListImg img-responsive" alt="harvest"></div>
			
				<div class="item-inner"><img src="/specific_files/6/0/5/2/dickies.jpg?update=20150905192313" border="0" class="partenairesListImg img-responsive" alt="dickies"></div>
			
				<div class="item-inner"><img src="/specific_files/6/0/5/0/logo1.jpg?update=20150905192301" border="0" class="partenairesListImg img-responsive" alt="SLAM"></div>
			<div class="item-inner"></div> 
				</div>
			
	</div>
</div>



<style>
	.gm-partners .item .item-inner { width: 12.5%; padding: 0 7px; }
</style>

		</div>
	</div>
	
	

	 
	
	<div class="container-fluid -gm-stop-fluid-mx gm-mosaic gm-mosaic-16by9 gm-flex-row gm-colbgbtn padd-x-0" id="clt-home-colbgbtn">
		
			<div class="col-xs-12 col-sm-6 col-md-6 gm-mosaic-item no-auto-resize gm-hover-zoom padd-x-0 padd-y-0">
				<a class="gm-mosaic-link" href="/pages/tendances.cfm"> <img class="gemeapp_image" src="/specific_images/7/4/trends.jpg?update=20181217140718" width="1233" height="436" style="vertical-align:middle" alt="" id="image74">
					<div class="gm-colbgbtn-caption">
						<h2 class="text-center gm-mosaic-header blanc">See trends</h2>
						
					</div>
				</a>
			</div>
		
			<div class="col-xs-12 col-sm-6 col-md-6 gm-mosaic-item no-auto-resize gm-hover-zoom padd-x-0 padd-y-0">
				<a class="gm-mosaic-link" href="/pages/catalogue-uniformes-yachts-vetements-travail-cannes.cfm"> <img class="gemeapp_image" src="/specific_images/7/5/photo_tendances_11.jpg?update=20181107103913" width="700" height="467" style="vertical-align:middle" alt="" id="image75">
					<div class="gm-colbgbtn-caption">
						<h2 class="text-center gm-mosaic-header blanc">See our catalog</h2>
						
					</div>
				</a>
			</div>
		
			<div class="col-xs-12 col-sm-6 col-md-6 gm-mosaic-item no-auto-resize gm-hover-zoom padd-x-0 padd-y-0">
				<a class="gm-mosaic-link" href="/pages/services-sur-mesure.cfm"> <img class="gemeapp_image" src="/specific_images/7/6/sans_titre.png?update=20181107104804" width="2267" height="2537" style="vertical-align:middle" alt="" id="image76">
					<div class="gm-colbgbtn-caption">
						<h2 class="text-center gm-mosaic-header blanc">Custom</h2>
						
					</div>
				</a>
			</div>
		
			<div class="col-xs-12 col-sm-6 col-md-6 gm-mosaic-item no-auto-resize gm-hover-zoom padd-x-0 padd-y-0">
				<a class="gm-mosaic-link" href="/pages/broderies-personnalisation.cfm"> <img class="gemeapp_image" src="/specific_images/7/7/20181022_175202.jpg?update=20181107105122" width="3629" height="2259" style="vertical-align:middle" alt="" id="image77">
					<div class="gm-colbgbtn-caption">
						<h2 class="text-center gm-mosaic-header blanc">Embroidery Menoni</h2>
						
					</div>
				</a>
			</div>
		
	</div>
	 
	<style>
		.gm-colbgbtn .gm-mosaic-link > img,
		.gm-colbgbtn .gm-mosaic-link > .gm-mosaic-img > img,
		.gm-colbgbtn .gemeapp_editimagelink > img,
		.gm-colbgbtn .gemeapp_editimagelink > .gm-mosaic-img > img { position:absolute; top:0; right:0; bottom:0; left:0; width: 100%; height:100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }
		.gm-colbgbtn .gm-mosaic-link,
		.gm-colbgbtn .gm-mosaic-link > .gm-mosaic-img,
		.gm-colbgbtn .gemeapp_editimagelink,
		.gm-colbgbtn .gemeapp_editimagelink > .gm-mosaic-img { overflow: hidden; }
		.gm-colbgbtn-caption { position:absolute; bottom:50%; left:50%; right:auto; transform:translate(-50%,50%); background-color:transparent; }
		.gm-hover-zoom { overflow: hidden; }
	</style>


	
</main>
<footer>
	
	
	<div class="gm-footer container-fluid gemea-container">
		<div class="padding-x-sm gm-flex-row">
			<div class="col-xs-4 col-sm-4 hidden-xs hidden-sm padding-left-sm gm-flex-col gm-flex-start">
				
				<ul class="list-group gm-flex-col" id="footerMenuList">
					
						<li class="list-group-item list gm-flex-fill text-uppercase padd-y-0 current"><a class="FooterMenuLink" href="/en/marine-broderies-cannes.cfm" title="Home">Home</a></li>
					
						<li class="list-group-item list gm-flex-fill text-uppercase padd-y-0"><a class="FooterMenuLink" href="/en/shop.cfm" title="About us">About us</a></li>
					
						<li class="list-group-item list gm-flex-fill text-uppercase padd-y-0"><a class="FooterMenuLink" href="/en/catalog-yacht-uniforms-workwear-cannes.cfm" title="Our Catalog">Our Catalog</a></li>
					
						<li class="list-group-item list gm-flex-fill text-uppercase padd-y-0"><a class="FooterMenuLink" href="/en/trends.cfm" title="Trends">Trends</a></li>
					
						<li class="list-group-item list gm-flex-fill text-uppercase padd-y-0"><a class="FooterMenuLink" href="/en/customized-embrodery-services.cfm" title="Our Customization Services">Our Customization Services</a></li>
					
						<li class="list-group-item list gm-flex-fill text-uppercase padd-y-0"><a class="FooterMenuLink" href="/en/embroideries-customization.cfm" title="MENONI EMBROIDERY">MENONI EMBROIDERY</a></li>
					
					<li class="list-group-item list gm-flex-fill text-uppercase padd-y-0"><a href="http://www.marinebroderies.com/en/contact.cfm">Contact us</a></li>
					<li class="list-group-item list gm-flex-fill text-uppercase padd-y-0"><a href="http://www.marinebroderies.com/en/privacy-policy-gdpr.cfm">Privacy policy GDPR</a></li>
				</ul>
			</div>
			<div class="col-xs-12 col-sm-4 gm-flex-col gm-flex-col-center">
				<div class="text-center logo-block">
					<div class="logo-block-sub"><img class="gemeapp_image" src="/specific_images/7/8/logo_mb_footer.png?update=20181030111657" width="168" height="92" style="vertical-align:middle" alt="" id="image78"></div>
					<div class="">5 boulevard Carnot - 06400 Cannes -&nbsp; France<br />
Marine Broderies Menoni<br />
Sell and custom clothes since 1988&nbsp;</div>
					<div class="hidden-md hidden-lg"><br><a href="http://www.marinebroderies.com/en/privacy-policy-gdpr.cfm">Privacy policy GDPR</a></div>
				</div>
			</div>
			<div class="col-xs-4 col-sm-4 hidden-xs padding-left-sm">
				<div class="gm-flex-row gm-flex-end" style="height:100%;">
					<div class="gm-nav-social gm-flex-col gm-flex-col-center">
						<ul class="gm-flex-col gm-flex-col-center marg-b-0 padd-x-0" style="height:100%;">
							<li class="gm-flex-fill"><span class="">Follow us:</span></li>
							<li class="gm-flex-fill"><a href="https://www.facebook.com/marinebroderies/"><img class="gemeapp_image" src="/specific_images/7/9/facebook_gris.png?update=20181128102312" width="26" height="26" style="vertical-align:middle" alt="" id="image79"></a></li>
							<li class="gm-flex-fill"><a href="https://twitter.com/MarineBroderies?lang=fr"><img class="gemeapp_image" src="/specific_images/8/0/twitter_gris.png?update=20181128102257" width="26" height="26" style="vertical-align:middle" alt="" id="image80"></a></li>
							<li class="gm-flex-fill"><a href="https://www.instagram.com/marinebroderies/"><img class="gemeapp_image" src="/specific_images/8/1/instagram_gris.png?update=20181128102232" width="26" height="26" style="vertical-align:middle" alt="" id="image81"></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="container-fluid text-center" id="baseline">
		&copy; 2019 Marine Broderies <a rel="nofollow" href="/admin/ident.cfm?pg=/index.cfm&amp;qs="><img style="vertical-align:middle" src="/system_images/admin.png" width="16" height="16" alt="Administration identification" /></a> <a rel="nofollow" target="_blank" href="https://www.gemea.com">GEMEA Interactive</a>
	</div>

</footer>


<script>
	$(document).ready(function(){
		if (window.screen.width >= 768) {
		
			$('main .container-fluid:not(.no-auto-animate), .thumbnail').addClass("masked").viewportChecker({
				classToAdd: 'visible animated fadeInUp',
				offset: 0
			});
			
		}
	});
	
	function resizeMosaic() {
		setTimeout(function() {
			if (window.screen.width >= 768) {
				var minH = 100;
				$(".gm-mosaic-item:not(.no-auto-resize)").each(function(index){
					minH = Math.max($(this).outerHeight(true), minH);
				});
				$(".gm-mosaic-item:not(.no-auto-resize)").css('height', minH + 'px');
			} else {
				$(".gm-mosaic-item:not(.no-auto-resize)").css('height', 'auto');
			}
		}, 1);
	}
	
	$(window).load(function(){ resizeMosaic(); });
	$(window).resize(function(){ resizeMosaic(); });
	
</script> 
</body>
	
</html>