<!DOCTYPE html>
<html dir="ltr"  lang="en-US">
<head>
	<!-- Document Title
	============================================= -->
	<title>Z&uacute;&ntilde;iga | Productions and Events Cancun,Riviera Maya,Cabos</title>
	<!-- meta
	============================================= -->
	<!-- <meta http-equiv="content-type" content="text/html; charset=utf-8" /> -->
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">  
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta name="description" content="We are a company productions and events, corporate events,thematic events,stands,scenic,gala styles,weddings designs,ceremony and branding"/>
	<meta name="keywords" content="Corporate Events,Weddings,Branding"/>
	<meta name="author" content="Zuñiga decorations"/>
	<meta name="copyright" content="Propietario del copyright"/>
	<meta name="robots" content="index,follow"/>
	<meta http-equiv="cache-control" content="no-cache"/>
	<!-- fa-icon
	============================================= -->
	<link rel="icon" type="image/png" href="demos/photography/images/zdlogo.png">
	<!-- Stylesheets
	============================================= -->
	<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,600,700&display=swap" rel="stylesheet"
		type="text/css" />
	<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
	<link rel="stylesheet" href="css/style.css" type="text/css" />
	<link rel="stylesheet" href="css/app.css" type="text/css" />
	<link rel="stylesheet" href="css/dark.css" type="text/css" />
	<link rel="stylesheet" href="css/swiper.css" type="text/css" />

	<link rel="stylesheet" href="css/font-icons.css" type="text/css" />
	<link rel="stylesheet" href="css/animate.css" type="text/css" />
	<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />
	<link rel="stylesheet" href="css/custom.css" type="text/css" />
	<link rel="stylesheet" href="css/colors.php?color=c85e51" type="text/css" />
	<link rel="stylesheet" href="one-page/css/et-line.css" type="text/css" />
	<link rel="stylesheet" href="css/components/datepicker.css" type="text/css" />
	<!-- Photography Specific Stylesheet -->
	<link rel="stylesheet" href="demos/photography/photography.css" type="text/css" />
	<link rel="stylesheet" href="demos/photography/css/photography-addons.css" type="text/css" />
	<link rel="stylesheet" href="demos/photography/css/fonts.css" type="text/css" />
	<!-- Beauty Demo Specific Stylesheet  beauty-->
	<!-- Stylesheets
	============================================= -->
	<link href="https://fonts.googleapis.com/css?family=Lato:400|Merriweather:400,700&display=swap" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="demos/beauty/beauty.css" type="text/css" />
	<link rel="stylesheet" href="demos/beauty/css/fonts.css" type="text/css" />
	<link rel="stylesheet" href="demos/spa/css/fonts/spa-icons.css" type="text/css" />

	


</head>

<body class="stretched side-header side-header-right open-header">

	<!-- Document Wrapper
	============================================= -->
	<div id="wrapper" class="clearfix">
		<div class="co-name d-none d-lg-block center">
			<img src="demos/photography/images/zdlogo.png" alt="Canvas Logo">
		</div>

		<!-- Header
		============================================= -->
		<header id="header" class="dark">
			<div id="header-wrap">
				<div class="container">
					<div class="header-row align-items-lg-start">
						<div class="header-title d-none d-lg-block mt-4"></div>
						<!-- Logo
							============================================= -->
						<div id="logo" class="d-block d-lg-none d-xl-block">
							<a href="#" class="standard-logo"
								data-dark-logo="demos/photography/images/zdlogo.png">
								<img src="demos/photography/images/zdlogo.png" alt="Canvas Logo">
							</a>
							<a href="#" class="retina-logo"
								data-dark-logo="demos/photography/images/zdlogo.png">
								<img src="demos/photography/images/zdlogo.png" alt="Canvas Logo">
							</a>
						</div>
						<!-- #logo end -->

						<div id="primary-menu-trigger">
							<svg class="svg-trigger" viewBox="0 0 100 100">
								<path
									d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20">
								</path>
								<path d="m 30,50 h 40"></path>
								<path
									d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20">
								</path>
							</svg>
						</div>

						<!-- Primary Navigation
						============================================= -->
						<nav class="primary-menu">
							<ul class="menu-container">
								<li class="menu-item current"><a class="menu-link" href="#">
										<div>Home</div>
									</a></li>
								<li class="menu-item"><a class="menu-link" href="#gianpolo">
										<div>Explore</div>
									</a></li>
								<li class="menu-item"><a class="menu-link" href="#content">
										<div>Gallery</div>
									</a></li>
								<li class="menu-item"><a class="menu-link" href="#questions">
										<div>Questions</div>
									</a></li>
								<li class="menu-item"><a class="menu-link" href="#footer">
										<div>Quick Contact</div>
									</a></li>
							</ul>
						</nav><!-- #primary-menu end -->
					</div>
				</div>
			</div>
			<div id="header-trigger" class="d-none d-lg-block">
				<i class="icon-line-menu"></i>
				<i class="icon-line-cross"></i>
			</div>
		</header><!-- #header end -->


		<!-- Slider
		============================================= -->
		<section id="slider" class="slider-element swiper_wrapper min-vh-75 min-vh-md-100" data-loop="true"
			data-speed="1200" data-autoplay="5000">
			<div class="slider-inner">
				<div class="swiper-container swiper-parent">
					<div class="swiper-wrapper">
						<div class="swiper-slide dark">
							<div class="container">
								<div class="slider-text">
									<!--<h3>Drinking Water</h3>
									<span>Summer Collection</span>-->
								</div>
							</div>
							<div class="swiper-slide-bg"
								style="background-image: url('demos/photography/images/slider/slider1.jpg');"></div>
						</div>
						<div class="swiper-slide dark">
							<div class="container">
								<div class="slider-text">
									<!--<h3>FireWorks Focus</h3>
									<span>Function Pictures</span>-->
								</div>
							</div>
							<div class="swiper-slide-bg"
								style="background-image: url('demos/photography/images/slider/slider2.jpg');"></div>
						</div>
						<div class="swiper-slide dark">
							<div class="container">
								<div class="slider-text">
									<!--<h3>Fashion Photography</h3>
									<span>Black &amp; White Collections</span>-->
								</div>
							</div>
							<div class="swiper-slide-bg"
								style="background-image: url('demos/photography/images/slider/slider3.jpg');"></div>
						</div>
						<div class="swiper-slide dark">
							<div class="container">
								<div class="slider-text">
									<!--<h3>Showing Camera</h3>
									<span>Dark Collections</span>-->
								</div>
							</div>
							<div class="swiper-slide-bg"
								style="background-image: url('demos/photography/images/slider/slider4.jpg');"></div>
						</div>
						<!-- <div class="swiper-slide dark">
							<div class="container">
								<div class="slider-text">
									<h3>Model Photography</h3>
									<span>Fashion Collections</span>
								</div>
							</div>
							<div class="swiper-slide-bg"
								style="background-image: url('demos/photography/images/slider/slider5.jpg');"></div>
						</div> -->
						<!-- <div class="swiper-slide dark">
							<div class="container">
								<div class="slider-text">
									<h3>Taking Snap</h3>
									<span>Nature Collections</span>
								</div>
							</div>
							<div class="swiper-slide-bg"
								style="background-image: url('demos/photography/images/slider/6.jpg');"></div>
						</div> -->
					</div>
					<div class="slider-arrow-left"><i class="icon-angle-left"></i></div>
					<div class="slider-arrow-right"><i class="icon-angle-right"></i></div>
					<div class="slide-number">
						<div class="slide-number-current"></div><span></span>
						<div class="slide-number-total"></div>
					</div>
				</div>
				<a href="#" data-scrollto="#content" data-offset="0" class="dark one-page-arrow">
					<i class="icon-line-grid"></i>
				</a>
			</div>
		</section>
		<!-- #Slider End -->

		<!-- Author area
				============================================= -->
		<div class="rocher" id="gianpolo">
			<div class="container clearfix">
				<div class="row clearfix">
					<div class="col-lg-4 col-md-5 offset-lg-1 mt-5 mb-6">
						<img src="demos/photography/images/pothography-wedding.jpg" alt="img-author" style="border: 8px solid #333;">
					</div>
					<div class="col-lg-5 col-md-7 offset-lg-1">
						<div class="topmargin d-block d-md-none d-lg-none d-xl-block"></div>
						<div class="heading-block border-0">
							<h2 class="ls5">ZUÑIGA DECORACIONES ESCENOGRÁFICAS</h2>
							<span class="font-weight-light" style="font-size: 20px; color: #DDD;">We transform your dreams, into wonderful memories</span>
						</div>
						<p class="text-muted">With more than 20 years of experience, our goal, is to turn your dream event, into a reality, producing visually stunning weddings and corporate events that reflect the unique vision of each one of our clients, providing an exceptional service, and a unique design perspective.</p>
						<a href="#" class="button button-circle button-light button-white">Contact Us</a>
					</div>
				</div>
			</div>
		</div>

		<!-- Content Before - After
		============================================= -->
		<section  class="before_after">
			<div class="content-wrap py-0">
				<div class="section mb-0 dark">
					<div class="container">
						<div class="row">
							<div class="col-xl-7 col-md-6">
								<div class="twentytwenty-container">
									<img src="demos/beauty/images/others/cemony5.jpg" alt="Image 1" />
									<img src="demos/beauty/images/others/cemony2.jpg" alt="Image 2" />
								</div>
							</div>
							<div class="col-xl-4 col-md-6 pl-md-5 pl-3 mt-4 mt-md-0">
								<div class="heading-block border-bottom-0 mb-4">
									<div class="before-heading ls1 text-white-50" style="font-style: normal">Difference</div>
									<h2 class="nott ls1 font-weight-bold mt-2" style="font-size: 46px">Before & After</h2>
									<p class="text-white-50 font-weight-normal mt-3" style="font-size: 16px;">Our clients come from around the world seeking authentic local products, exceptional service, and a unique design perspective for their special day. Our singular vision is to design a backdrop that encourages communal experiences, unbridled celebration, and the making of unforgettable memories together. Through our event design, floral production, and rentals divisions we are able to create a setting from vision to fruition with each and every detail accounted for. We are your 360-degree visual design team</p>
									<p class="text-white-50 font-weight-normal mt-3" style="font-size: 16px;">
										Incidunt reprehenderit itaque dicta pariatur ipsam officiis nobis quo deleniti optio ducimus, aliquid, impedit tempore neque dolorum. Ea vitae iure magni rem. Synergistically extend future-proof meta-services whereas resource sucking e-services. Dramatically supply next-generation.
									</p>
								</div>
								<a href="#"
									class="button button-circle button-light bg-white nott font-weight-normal">learn
									more</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- Content
		============================================= -->
		<section id="content" class="clearfix">
			<div class="content-wrap">
				<div class="clear"></div>
				<!-- #content end -->
				<div class="container dark clearfix">
					<div class="heading-block dark center border-0">
						<h3>OUR WORK</h3>
						<span>Click on the photography grids</span>
					</div>
					<!-- Grid Items
					============================================= -->
					<div class="row grid grid-container gutter-20">
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/flores/flor1.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/flores/flor1.jpg" alt="img01" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis recusandae beatae,
										possimus nam at facilis magni fugit atque. Facere saepe, inventore in. Sunt, laboriosam
										commodi distinctio sequi dolores quos numquam? <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/invitados/invitados1.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/invitados/invitados1.jpg" alt="img02" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/banquetes/banquetes2.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/banquetes/banquetes2.jpg" alt="img03" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/paisajes/paisaje3.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/paisajes/paisaje3.jpg" alt="img04" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/banquetes/banquetes3.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/banquetes/banquetes3.jpg" alt="img05" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/adornos/adornos1.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/adornos/adornos1.jpg" alt="img06" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/flores/flor2.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/flores/flor2.jpg" alt="img07" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/adornos/adornos4.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/adornos/adornos4.jpg" alt="img08" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/paisajes/paisaje2.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/paisajes/paisaje2.jpg" alt="img09" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/adornos/adornos8.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/adornos/adornos8.jpg" alt="img10" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/invitados/invitados3.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/invitados/invitados3.jpg" alt="img11" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/paisajes/paisaje8.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/paisajes/paisaje8.jpg" alt="img12" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/banquetes/banquetes4.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/banquetes/banquetes4.jpg" alt="img13" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/banquetes/banquetes5.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/banquetes/banquetes5.jpg" alt="img14" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/adornos/adornos6.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/adornos/adornos6.jpg" alt="img15" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/adornos/adornos5.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/adornos/adornos5.jpg" alt="img16" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/flores/flor7.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/flores/flor7.jpg" alt="img17" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/adornos/adornos10.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/adornos/adornos10.jpg" alt="img18" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
						<div class="grid-item col-12 col-sm-6 col-md-4 col-lg-3" data-size="1280x853">
							<a href="demos/photography/images/items/adornos/adornos11.jpg" class="img-wrap img-grayscale"
								data-animate="fadeInUp" onclick="return false;">
								<img src="demos/photography/images/items/adornos/adornos11.jpg" alt="img19" />
								<div class="description description-grid">
									<h3>Mother's Love</h3>
									<p>Every time you drink a glass of milk or eat a piece of cheese, you harm a mother. Please
										go vegan. <span>&mdash; Gary L. Francione</span></p>
									<div class="details">
										<ul>
											<li><i class="icon icon-line-camera"></i><span>Canon PowerShot S95</span></li>
											<li><i class="icon icon-line-eye"></i><span>22.5mm</span></li>
											<li><i class="icon icon-line-printer"></i><span>&fnof;/5.6</span></li>
											<li><i class="icon icon-line-cog"></i><span>1/1000</span></li>
											<li><i class="icon icon-line-sun"></i><span>80</span></li>
										</ul>
									</div>
								</div>
							</a>
						</div>
					</div>
					<!-- /grid -->
					<div class="preview">
						<button class="action action-close"><i class="icon-line2-close"></i><span
								class="text-hidden">Close</span></button>
						<div class="description description-preview"></div>
					</div>
				</div>
			</div>
		</section><!-- #content end -->


		<!-- Slider hostel
		============================================= -->
		<section id="slider" class="slider-element"
			style="background: linear-gradient(to right, rgba(0,0,0, 0.4) 20%, transparent 100%), url('demos/hostel/images/caribe/footer.jpg') no-repeat center center / cover;">
			<div class="container">
				<div class="row justify-content-between align-items-center mt-5 mb-5">
					<div class="col-lg-6 col-md-7 dark mb-5 mb-md-0 py-5">
						<h2 class="display-4" style="font-weight: 600;">Let’s create Wonderful memories</h2>
						<p class="mb-5 lead text-white op-07">Contact us, and let us create aunique experience for that special day.</p>
						<!--<a href="#" class="button button-xlarge bg-color font-weight-normal nott ls0">Book
							Now</a>
						<a href="#"
							class="button button-xlarge button-white button-light font-weight-normal nott ls0">Contact Us</a>-->
					</div>
					<div class="col-md-5 d-flex align-self-end align-items-center align-items-lg-end col-form">
						<div class="card rounded-top bg-white border-0 w-100 shadow p-3">
							<div class="card-body">
								<h3 class="mb-0">Check Availability</h3>
								<div class="line line-sm"></div>
								<div class="widget mt-0 form-widget" data-alert-type="inline">
									<div class="form-result"></div>

									<form id="form-availability" name="form-availability" class="form-availability mb-0">
										<!-- <div class="input-daterange travel-date-group">
											<div class="row">
												<div class="col-6 col-md-12 col-lg-6 form-group">
													<label for="form-availability-from">Check-In<small
															class="text-danger">*</small></label>
													<input type="text" value="" class="form-control rounded text-left required"
														id="form-availability-from" name="form-availability-from"
														placeholder="MM/DD/YYYY">
												</div>
												<div class="col-6 col-md-12 col-lg-6 form-group">
													<label for="form-availability-to">Check-Out<small
															class="text-danger">*</small></label>
													<input type="text" value="" class="form-control rounded text-left required"
														id="form-availability-to" name="form-availability-to"
														placeholder="MM/DD/YYYY">
												</div>
											</div>
										</div> -->
										<div class="form-group">
											<label for="form-availability-guests">Number of Guests</label>
											<input type="number" class="required form-control rounded input-block-level"
												id="form-availability-guests" name="form-availability-guests" min="1" max="10"
												value="" placeholder="Enter Guests Number" />
										</div>

										<div class="form-group">
											<label for="form-availability-email">Email Address</label>
											<input type="email" class="required form-control rounded email input-block-level"
												id="form-availability-email" name="form-availability-email" value=""
												placeholder="Email Address" />
										</div>


										<button type="submit" id="form-availability-submit" name="form-availability-submit"
											class="button botton-chect-contact button-large btn-block rounded font-weight-semibold ml-0 mt-2"
											onclick='sendCheck("ok");'>Send Email</button>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>


		<!-- Content
		============================================= -->
		<section id="questions" class="question">
			<div class="pb-0">
				<div class="section m-0 bg-transparent">
					<div class="container">
						<div class="heading-block center border-bottom-0 bottommargin-lg">
							<h3 class="text-dark">Frequently asked Questions</h3>
						</div>
						<div class="row justify-content-around">
							<div class="col-lg-6">
								<div class="toggle">
									<div class="toggle-header justify-content-between flex-row-reverse">
										<div class="toggle-icon">
											<i class="toggle-closed icon-line-plus"></i>
											<i class="toggle-open icon-line-minus"></i>
										</div>
										<div class="toggle-title font-weight-semibold">
											Where are you located?
										</div>
									</div>
									<div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
										Assumenda, dolorum, vero ipsum molestiae minima odio quo voluptate illum excepturi quam
										cum voluptates doloribus quae nisi tempore necessitatibus dolores ducimus enim libero
										eaque explicabo suscipit animi at quaerat aliquid ex expedita perspiciatis? Saepe,
										aperiam, nam unde quas beatae vero vitae nulla.</div>
								</div>

								<div class="toggle">
									<div class="toggle-header justify-content-between flex-row-reverse">
										<div class="toggle-icon">
											<i class="toggle-closed icon-line-plus"></i>
											<i class="toggle-open icon-line-minus"></i>
										</div>
										<div class="toggle-title font-weight-semibold">
											What kind of events can you create?
										</div>
									</div>
									<div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
										Assumenda, dolorum, vero ipsum molestiae minima odio quo voluptate illum excepturi quam
										cum voluptates doloribus quae nisi tempore necessitatibus dolores ducimus enim libero
										eaque explicabo suscipit animi at quaerat aliquid ex expedita perspiciatis? Saepe,
										aperiam, nam unde quas beatae vero vitae nulla.</div>
								</div>

								<div class="toggle">
									<div class="toggle-header justify-content-between flex-row-reverse">
										<div class="toggle-icon">
											<i class="toggle-closed icon-line-plus"></i>
											<i class="toggle-open icon-line-minus"></i>
										</div>
										<div class="toggle-title font-weight-semibold">
											Can you create custom designs?
										</div>
									</div>
									<div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
										Assumenda, dolorum, vero ipsum molestiae minima odio quo voluptate illum excepturi quam
										cum voluptates doloribus quae nisi tempore necessitatibus dolores ducimus enim libero
										eaque explicabo suscipit animi at quaerat aliquid ex expedita perspiciatis? Saepe,
										aperiam, nam unde quas beatae vero vitae nulla.</div>
								</div>

								<div class="toggle">
									<div class="toggle-header justify-content-between flex-row-reverse">
										<div class="toggle-icon">
											<i class="toggle-closed icon-line-plus"></i>
											<i class="toggle-open icon-line-minus"></i>
										</div>
										<div class="toggle-title font-weight-semibold">
											Do you offer complimentary services?
										</div>
									</div>
									<div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
										Assumenda, dolorum, vero ipsum molestiae minima odio quo voluptate illum excepturi quam
										cum voluptates doloribus quae nisi tempore necessitatibus dolores ducimus enim libero
										eaque explicabo suscipit animi at quaerat aliquid ex expedita perspiciatis? Saepe,
										aperiam, nam unde quas beatae vero vitae nulla.</div>
								</div>

								<div class="toggle">
									<div class="toggle-header justify-content-between flex-row-reverse">
										<div class="toggle-icon">
											<i class="toggle-closed icon-line-plus"></i>
											<i class="toggle-open icon-line-minus"></i>
										</div>
										<div class="toggle-title font-weight-semibold">
											Is it expensive to get married in Cancun?
										</div>
									</div>
									<div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
										Assumenda, dolorum, vero ipsum molestiae minima odio quo voluptate illum excepturi quam
										cum voluptates doloribus quae nisi tempore necessitatibus dolores ducimus enim libero
										eaque explicabo suscipit animi at quaerat aliquid ex expedita perspiciatis? Saepe,
										aperiam, nam unde quas beatae vero vitae nulla.</div>
								</div>

								<div class="toggle">
									<div class="toggle-header justify-content-between flex-row-reverse">
										<div class="toggle-icon">
											<i class="toggle-closed icon-line-plus"></i>
											<i class="toggle-open icon-line-minus"></i>
										</div>
										<div class="toggle-title font-weight-semibold">
											Do you accept USD?
										</div>
									</div>
									<div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
										Assumenda, dolorum, vero ipsum molestiae minima odio quo voluptate illum excepturi quam
										cum voluptates doloribus quae nisi tempore necessitatibus dolores ducimus enim libero
										eaque explicabo suscipit animi at quaerat aliquid ex expedita perspiciatis? Saepe,
										aperiam, nam unde quas beatae vero vitae nulla.</div>
								</div>

							</div>
							<div class="col-lg-6">
								<img src="demos/hostel/images/caribe/caribe13.JPG" alt="">
							</div>
						</div>
					</div>
				</div>
			</div>
		</section><!-- #content end -->


		<!-- Footer
		============================================= -->
		<footer id="footer" class="border-0 page-section"
			style="background: url('demos/hostel/images/caribe/caribe14.jpg') center top / cover;">
			<div class="container clearfix">
				<div class="footer-widgets-wrap">
					<div class="row justify-content-between">
						<div class="col-md-5">
							<!--<p class="font-weight-normal"
								style="font-size: 13px; line-height: 23px; font-family: var(--font1);">Monotonectally
								re-engineer optimal architectures without principle-centered markets. Continually synergize B2B
								channels before ethical.</p>-->
							<div class="line line-sm dark"></div>
							<div class="row justify-content-between clearfix">
								<div class="col-6">
									<h5>Address:</h5>
									<address class="mb-3" style="line-height: 1.7; font-family: var(--font1);">
										Mza 157 smz 307 L 4-2<br>
										Alfredo V.Bonfil Benito Juarez<br>
									</address>
									
								</div>
								<div class="col-6">
									<div class="fr">
										<div class="footer-big-contacts">
											<span>Call ES:</span>
											Null
										</div>
										<div class="footer-big-contacts mt-3">
											<span>Send an Email:</span>
											info@decocancun.com <br>
											info@decocabos.com
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-5 mt-5 mt-md-4">
							<div id="q-contact" class="widget quick-contact-widget form-widget clearfix">
								<h4 class="nott ls0">Quick Contact</h4>
								<div class="form-result"></div>
								<form id="quick-contact-form" name="quick-contact-form"
									class="quick-contact-form mb-0">
									<div id="process" class="form-process">
										<div id="spiner" class="css3-spinner">
											<div class="css3-spinner-scaler"></div>
										</div>
									</div>
									<input type="text" class="required sm-form-control input-block-level"
										id="quick-contact-form-name" name="quick-contact-form-name" value=""
										placeholder="Full Name" />
										
									<input type="text" class="required sm-form-control email input-block-level"
										id="quick-contact-form-email" name="quick-contact-form-email" value=""
										placeholder="Email Address" />

									<textarea class="required sm-form-control input-block-level short-textarea"
										id="quick-contact-form-message" name="quick-contact-form-message" rows="4" cols="30"
										placeholder="Message"></textarea>								
									<button type="submit" id="quick-contact-form-submit" name="quick-contact-form-submit"
										class="button button-circle botton-contact button-small nott font-weight-normal ml-0" value="submit" onclick='sendEmail("ok");'>send
										email</button>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</footer>


	</div><!-- #wrapper end -->

	<!-- Go To Top
	============================================= -->
	<div id="gotoTop" class="icon-angle-up"></div>

	<!-- JavaScripts
	============================================= -->
	<script src="js/jquery.js"></script>
	<script src="js/plugins.min.js"></script>
	<script src="js/plugins.imagesloaded.js"></script>
	<script src="demos/photography/js/photography-addons.js"></script>
	<!-- JavaScripts Before & After
	============================================= -->
	<script src="js/components/event.move.js"></script>
	<script src="js/components/image-changer.js"></script>
	<!-- Footer Scripts
	============================================= -->
	<script src="js/functions.js"></script>
	<script src="js/plugins-galery.js"></script>
	<script src="js/sendEmail.js"></script>
	<script src="js/components/datepicker.js"></script>

	<!-- sweet alert
	============================================= -->
	<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
	<!-- navigation scrolll
	============================================= -->
	<script src="js/scroll-navegation.js"></script>

	<!-- JavaScripts Before & After
	============================================= -->
	<script>
		var revapi139,
			tpj;
		var $ = jQuery.noConflict();
		(function () {
			if (!/loaded|interactive|complete/.test(document.readyState)) document.addEventListener("DOMContentLoaded", onLoad); else onLoad();

			function onLoad() {
				if (tpj === undefined) { tpj = jQuery; if ("off" == "on") tpj.noConflict(); }
				if (tpj("#rev_slider_139_1").revolution == undefined) {
					revslider_showDoubleJqueryError("#rev_slider_139_1");
				} else {
					revapi139 = tpj("#rev_slider_139_1").show().revolution({
						sliderType: "standard",
						jsFileLocation: "include/rs-plugin/js/",
						sliderLayout: "fullscreen",
						dottedOverlay: "none",
						delay: 9000,
						navigation: {
							keyboardNavigation: "off",
							keyboard_direction: "horizontal",
							mouseScrollNavigation: "off",
							mouseScrollReverse: "default",
							onHoverStop: "off",
							touch: {
								touchenabled: "on",
								touchOnDesktop: "off",
								swipe_threshold: 75,
								swipe_min_touches: 1,
								swipe_direction: "horizontal",
								drag_block_vertical: false
							}
							,
							arrows: {
								style: "uranus",
								enable: true,
								hide_onmobile: false,
								hide_under: 0,
								hide_onleave: false,
								tmp: '',
								left: {
									h_align: "left",
									v_align: "center",
									h_offset: 15,
									v_offset: 0
								},
								right: {
									h_align: "right",
									v_align: "center",
									h_offset: 15,
									v_offset: 0
								}
							}
							,
							bullets: {
								enable: true,
								hide_onmobile: false,
								style: "bullet-bar",
								hide_onleave: false,
								direction: "horizontal",
								h_align: "center",
								v_align: "bottom",
								h_offset: 0,
								v_offset: 30,
								space: 5,
								tmp: ''
							}
						},
						responsiveLevels: [1240, 1024, 778, 480],
						visibilityLevels: [1240, 1024, 778, 480],
						gridwidth: [1240, 1024, 778, 480],
						gridheight: [868, 768, 960, 720],
						lazyType: "none",
						shadow: 0,
						spinner: "off",
						stopLoop: "off",
						stopAfterLoops: -1,
						stopAtSlide: -1,
						shuffle: "off",
						autoHeight: "off",
						fullScreenAutoWidth: "on",
						fullScreenAlignForce: "on",
						fullScreenOffsetContainer: "",
						fullScreenOffset: "0px",
						hideThumbsOnMobile: "off",
						hideSliderAtLimit: 0,
						hideCaptionAtLimit: 0,
						hideAllCaptionAtLilmit: 0,
						debugMode: false,
						fallbacks: {
							simplifyAll: "off",
							nextSlideOnWindowFocus: "off",
							disableFocusListener: false,
						}
					});
					revapi139.on("revolution.slide.onloaded", function (e) {
						revapi139.addClass("tiny_bullet_slider");
					});
				}; /* END OF revapi call */
			}; /* END OF ON LOAD FUNCTION */
		}()); /* END OF WRAPPING FUNCTION */

		jQuery(window).on('load', function () {
			$(".twentytwenty-container[data-orientation!='vertical']").twentytwenty({ default_offset_pct: 0.5 });
		});
	</script>

</body>

</html>