
	<!DOCTYPE html>
	<html lang="en-gb">

	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<base href="https://officialstilote.com/enter/index.php" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Home</title>
	<link href="/enter/index.php?format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
	<link href="/enter/index.php?format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
	<link href="/enter/templates/airflow/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
	<link href="/enter/media/com_rstbox/css/engagebox.css?v=3.4.9" rel="stylesheet" type="text/css" />
	<link href="/enter/media/system/css/modal.css?1ee41a60e4a084a822f56dcecee84779" rel="stylesheet" type="text/css" />
	<link href="/enter/media/jui/css/bootstrap.min.css?1ee41a60e4a084a822f56dcecee84779" rel="stylesheet" type="text/css" />
	<link href="/enter/media/jui/css/icomoon.css" rel="stylesheet" type="text/css" />
	<link href="/enter/media/jui/css/bootstrap-extended.css?1ee41a60e4a084a822f56dcecee84779" rel="stylesheet" type="text/css" />
	<link href="/enter/media/jui/css/bootstrap-responsive.min.css?1ee41a60e4a084a822f56dcecee84779" rel="stylesheet" type="text/css" />
	<link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
	<link href="https://officialstilote.com/enter/components/com_jxtc/css.php?id=66&amp;file=default" rel="stylesheet" type="text/css" />
	<link href="https://officialstilote.com/enter/components/com_jxtc/css.php?id=66&amp;group=grid" rel="stylesheet" type="text/css" />
	<link href="https://officialstilote.com/enter/components/com_jxtc/css.php?id=66&amp;group=style4" rel="stylesheet" type="text/css" />
	<link href="https://officialstilote.com/enter/components/com_jxtc/css.php?id=66&amp;group=typo" rel="stylesheet" type="text/css" />
	<link href="https://officialstilote.com/enter/templates/system/css/system.css" rel="stylesheet" type="text/css" />
	<link href="https://officialstilote.com/enter/templates/system/css/general.css" rel="stylesheet" type="text/css" />
	<link href="https://officialstilote.com/enter/modules/mod_jxtc_newspro/css/wall.css" rel="stylesheet" type="text/css" />
	<style type="text/css">

		#rstbox_3 .rstbox-close:hover {
			color: rgba(128, 128, 128, 1) !important;
		}	
	
		@-webkit-keyframes backgroundScrollw1, @-webkit-keyframes backgroundScroll1 {from {background-position: 0 0;}}
		@keyframes backgroundScrollw1, @keyframes backgroundScroll1 {from {background-position: 0 0;}}
		#region1wrap {
		-webkit-animation: backgroundScrollw1 40s linear infinite;
			animation: backgroundScrollw1 40s linear infinite;
		}
		@-webkit-keyframes backgroundScrollw1 { to {background-position: 0 700px;}}
		@keyframes backgroundScrollw1 {to {background-position: 0 700px;}}
		
		@-webkit-keyframes backgroundScrollw2, @-webkit-keyframes backgroundScroll2 {from {background-position: 0 0;}}
		@keyframes backgroundScrollw2, @keyframes backgroundScroll2 {from {background-position: 0 0;}}
		#region7wrap   {
		-webkit-animation: backgroundScrollw2 40s linear infinite alternate;
			animation: backgroundScrollw2 40s linear infinite alternate;
		}
		@-webkit-keyframes backgroundScrollw2 { to {background-position: 0 100%;}}
		@keyframes backgroundScrollw2 {to {background-position: 0 100%;}}
		#region7   {background-size:auto}
		@-webkit-keyframes backgroundScrollw3, @-webkit-keyframes backgroundScroll3 {from {background-position: 0 0;}}
		@keyframes backgroundScrollw3, @keyframes backgroundScroll3 {from {background-position: 0 0;}}
		#region7   {
		-webkit-animation: backgroundScrollw3 12s linear infinite alternate;
			animation: backgroundScrollw3 12s linear infinite alternate;
		}
		@-webkit-keyframes backgroundScrollw3 { to {background-position: -5% -5%;}}
		@keyframes backgroundScrollw3 {to {background-position: -5% -5%;}}
		
li, a, .btn, .button, button,.item-image img,#headerwrap {
-webkit-transition-property:all;
-moz-transition-property:all;
-o-transition-property: all;
-ms-transition-property:all;
transition-property: all;
-webkit-transition-duration:0.4s,0.4s;
-moz-transition-duration:0.4s,0.4s;
-o-transition-duration:0.4s,0.4s;
-ms-transition-duration:0.4s,0.4s;
transition-duration:0.4s,0.4s;
-webkit-transition-timing-function:easeInOutQuad;
-moz-transition-timing-function:easeInOutQuad;
-o-transition-timing-function:easeInOutQuad;
-ms-transition-timing-function:easeInOutQuad;
transition-timing-function:easeInOutQuad;
}

.dnpblog4wrap,#footerwrap.stickyscroll {
-webkit-transition-property:all;
-moz-transition-property:all;
-o-transition-property: all;
-ms-transition-property:all;
transition-property: all;
-webkit-transition-duration:0.4s,0.4s;
-moz-transition-duration:0.4s,0.4s;
-o-transition-duration:0.4s,0.4s;
-ms-transition-duration:0.4s,0.4s;
transition-duration:0.4s,0.4s;
-webkit-transition-timing-function:easeInOutQuad;
-moz-transition-timing-function:easeInOutQuad;
-o-transition-timing-function:easeInOutQuad;
-ms-transition-timing-function:easeInOutQuad;
transition-timing-function:easeInOutQuad;
}
#jparticle3 {max-width:100%;height:100%;}
/* Default CSS */
.legend {
	font-size: 12px;
	font-weight: 700;
	color: #333;
	background-color: #e0e0e0;
	padding: 2px 5px 2px 2px;
	border-bottom: 1px solid #333;
}
.tag {
	padding: 2px;
	font-size: 10px;
	font-family: Arial;
	color: #333;
	background-color: #f9f9f9;
	border-bottom: 1px solid #333;
}
/* Element Area */
figure.effect-marley {
	margin-bottom: 20px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
/* Common style */
figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	background: #000;
	text-align: center;
	cursor: pointer;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

figure img {
	position: relative;
	display: block;
	max-width: 100%;
	width: 100%;
	opacity: .6;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure figcaption::before, figure figcaption::after {
	pointer-events: none;
}
figure figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	height: 70%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
figure.effect-marley h2 {
	word-spacing: -.15em;
	font-weight: 900 !important;
	color: #fff;
	font-size: 32px;
}
figure span {
	font-weight: 100;
}
figure h2, figure p {
	margin: 0;
}
figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
	font-weight: 400;
}
figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
figure.effect-marley figcaption {
	text-align: left;
cursor: pointer
}
figure.effect-marley h2, figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}
figure.effect-marley p {
	bottom:40px;
	line-height: 1.5;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
figure.effect-marley h2 {
	top: 30px;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
cursor: pointer
}
figure.effect-marley:hover h2 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
cursor: pointer
}
figure.effect-marley h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 90%;
	height: 4px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
}
figure.effect-marley h2::after, figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform .35s;
	transition: opacity 0.35s, transform .35s;
cursor: pointer
}
figure.effect-marley:hover h2::after, figure.effect-marley:hover p {opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
cursor: pointer
}
@media (max-width: 1160px) {
figure figcaption {width: 75%;}
figure.effect-marley h2 {font-size: 28px;}
}
@media  (max-width: 979px) {
.adventures .span3 {width:44%!important;margin-left:24px!important;}
}
@media (max-width:768px) {
figure.effect-marley h2 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
cursor: pointer
}

figure.effect-marley h2::after, figure.effect-marley p {opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
cursor: pointer
}
}
@media  (max-width: 767px) {
.adventures .span3 {width:44%!important;margin-left:24px!important;float:left!important;}
}
@media (max-width: 640px) {
figure.effect-marley h2 {font-size: 24px;}
.adventure_title {width:100%;}
}
@media (max-width: 480px) {
.adventure_title h2 {font-size:42px;}
figure.effect-marley h2 {font-size: 32px;}
.adventures .span3 {width:100%!important;margin-left:0px!important;float:none!important;}
}
@media (max-width: 380px) {
.adventures .span3 {width:100%!important;margin-left:0px!important;float:none!important;}
}
	</style>
	<script type="application/json" class="joomla-script-options new">{"system.paths":{"root":"\/enter","base":"\/enter"}}</script>
	<script src="/enter/media/jui/js/jquery.min.js?1ee41a60e4a084a822f56dcecee84779" type="text/javascript"></script>
	<script src="/enter/media/jui/js/jquery-noconflict.js?1ee41a60e4a084a822f56dcecee84779" type="text/javascript"></script>
	<script src="/enter/media/jui/js/jquery-migrate.min.js?1ee41a60e4a084a822f56dcecee84779" type="text/javascript"></script>
	<script src="/enter/media/system/js/caption.js?1ee41a60e4a084a822f56dcecee84779" type="text/javascript"></script>
	<script src="/enter/media/com_rstbox/js/velocity.js?v=3.4.9" type="text/javascript"></script>
	<script src="/enter/media/com_rstbox/js/velocity.ui.js?v=3.4.9" type="text/javascript"></script>
	<script src="/enter/media/com_rstbox/js/engagebox.js?v=3.4.9" type="text/javascript"></script>
	<script src="/enter/media/system/js/mootools-core.js?1ee41a60e4a084a822f56dcecee84779" type="text/javascript"></script>
	<script src="/enter/media/system/js/core.js?1ee41a60e4a084a822f56dcecee84779" type="text/javascript"></script>
	<script src="/enter/media/system/js/mootools-more.js?1ee41a60e4a084a822f56dcecee84779" type="text/javascript"></script>
	<script src="/enter/media/system/js/modal.js?1ee41a60e4a084a822f56dcecee84779" type="text/javascript"></script>
	<script src="/enter/media/jui/js/bootstrap.min.js?1ee41a60e4a084a822f56dcecee84779" type="text/javascript"></script>
	<script src="/enter/templates/airflow/js/template.js" type="text/javascript"></script>
	<script src="/enter/components/com_jxtc/effects/jparticles.all.js" type="text/javascript"></script>
	<script src="/enter/components/com_jxtc/effects/scrollReveal.js" type="text/javascript"></script>
	<script src="/enter/components/com_jxtc/effects/sharer.min.js" type="text/javascript"></script>
	<script src="/enter/components/com_jxtc/effects/SmoothScroll.js" type="text/javascript&quot;  defer=&quot;false&quot; async=&quot;true"></script>
	<script src="https://officialstilote.com/enter/media/JoomlaXTC/wallFX.js" type="text/javascript"></script>
	<script type="text/javascript">
jQuery(window).on('load',  function() {
				new JCaption('img.caption');
			});
		jQuery(function($) {
			SqueezeBox.initialize({});
			SqueezeBox.assign($('a.modal').get(), {
				parse: 'rel'
			});
		});

		window.jModalClose = function () {
			SqueezeBox.close();
		};
		
		// Add extra modal close functionality for tinyMCE-based editors
		document.onreadystatechange = function () {
			if (document.readyState == 'interactive' && typeof tinyMCE != 'undefined' && tinyMCE)
			{
				if (typeof window.jModalClose_no_tinyMCE === 'undefined')
				{	
					window.jModalClose_no_tinyMCE = typeof(jModalClose) == 'function'  ?  jModalClose  :  false;
					
					jModalClose = function () {
						if (window.jModalClose_no_tinyMCE) window.jModalClose_no_tinyMCE.apply(this, arguments);
						tinyMCE.activeEditor.windowManager.close();
					};
				}
		
				if (typeof window.SqueezeBoxClose_no_tinyMCE === 'undefined')
				{
					if (typeof(SqueezeBox) == 'undefined')  SqueezeBox = {};
					window.SqueezeBoxClose_no_tinyMCE = typeof(SqueezeBox.close) == 'function'  ?  SqueezeBox.close  :  false;
		
					SqueezeBox.close = function () {
						if (window.SqueezeBoxClose_no_tinyMCE)  window.SqueezeBoxClose_no_tinyMCE.apply(this, arguments);
						tinyMCE.activeEditor.windowManager.close();
					};
				}
			}
		};
		
jQuery(document).ready(function($){return new JParticles.snow("#jparticle3", {});});
		var velocity = 0.3;
		function update2(){ 
			var pos =  jQuery(window).scrollTop(); 
			jQuery("#region1").each(function() { 
      	var $element =  jQuery(this);
        var height = $element.height() -1;
        jQuery(this).css("backgroundPosition", "0% " + Math.round((height - pos) * velocity) + "px");
	    });
		};
		jQuery(window).bind("scroll", update2);
	
		var velocity = 0.3;
		function update7(){ 
			var pos =  jQuery(window).scrollTop(); 
			jQuery("#region4wrap").each(function() { 
      	var $element =  jQuery(this);
        var height = $element.height() -1;
        jQuery(this).css("backgroundPosition", "0% " + Math.round((height - pos) * velocity) + "px");
	    });
		};
		jQuery(window).bind("scroll", update7);
	
jQuery(document).ready(function($){window.sr = new scrollReveal();});
window.SmoothScrollOptions = {frameRate:150,animationTime:400,stepSize:100,pulseAlgorithm:true,pulseScale:4,pulseNormalize:1,accelerationDelta:50,keyboardSupport:true,accelerationMax:3,arrowScroll:50,fixedBackground:true}
	  jQuery(window).scroll(function () {
  		if (window.scrollY > 1) {
      	jQuery("#headerwrap").addClass("stickyscroll")
      } else {
        jQuery("#headerwrap").removeClass("stickyscroll")
      }
	  });
  
jQuery(window).scroll(function () {
      if (window.scrollY > 2) {
          jQuery("body").addClass("stickyscroll")
      } else {
          jQuery("body").removeClass("stickyscroll")
      }
	   });
	 
window.addEvent('load', function(){ // 1462
	var jxtcwall1462slidebox = new slidebox('jxtcwall1462','RSO',{xi:0,xo:0,yi:0,yo:0},{fxtype:new Fx.Transition(Fx.Transitions.Quad.easeIn),dura:800,frames:50});
	var jxtcwall1462jxtcpops = new jxtcpops('jxtcwall1462',{opacityin:1,opacityout:0,verticalin:0,verticalout:0,horizontalin:0,horizontalout:0,durationin:550,durationout:550,pause:1000,fxtype:new Fx.Transition(Fx.Transitions.Quad.easeIn),centered:'1'});
	var jxtcwall1462jxtctips = new jxtctips('jxtcwall1462',{opacityin:1,opacityout:0,verticalin:0,verticalout:0,horizontalin:0,horizontalout:0,durationin:550,durationout:550,pause:1000,fxtype:new Fx.Transition(Fx.Transitions.Quad.easeIn),centered:'1'});
	var jxtcwall1462jxtchover = new jxtchover('jxtcwall1462','CECECE','FFFFFF');
	});
window.addEvent('load', function(){var jxtcwall1462 = new wallFX('jxtcwall1462',{fxmode:'slideHor',slidestart:'0',fxpause:-1,fxspeed:1500,fxlayer:'0',fxtype:new Fx.Transition(Fx.Transitions.linear),onclick:0});});
	</script>
	<link href="https://fonts.googleapis.com/css?family=Audiowide|Cairo:300,400,900" rel="stylesheet">

			</head>
	
	<body class="frontpage sticky   com_content category Itemid638">
		
		<video playsinline autoplay  loop preload="none" id="bgvid">
	<source src="https://officialstilote.com/enter/templates/airflow/images/backgrounds/snowflake1.mp4" type="video/mp4">
</video>
		<script type="text/javascript">
			document.getElementById( "bgvid" ).playbackRate = 1.7;
	  document.getElementById('bgvid').addEventListener('ended',videoHandler,false);
	  function videoHandler(e) {
			if(!e) { e = window.event; }
			jQuery('#bgvid').css('opacity', '0');
		}
		</script>
		
		
						<div id="headerwrap" class="sticky xtc-bodygutter">
			<div id="headertop">
				<div id="headertop_inner">
									</div>
			</div>
			<div id="header" class="xtc-wrapper clearfix">
				<div id="logo">
					<a href="/enter/index.php">
						<img src="https://officialstilote.com/enter/templates/airflow/images/logos/slogo.png" alt="logo">
												<p class="logotext">
							<span style="color:#A67E42;font-weight:100;">STILOTE</span>						</p>
					</a>
				</div>
				<div id="logomobile">
					<a href="/enter/index.php">
												<p class="logotextmobile">
							AIR<span style="color:#1ABBC7;font-weight:100;">FLOW</span>						</p>
					</a>
				</div>
								<div id="menuwrap">
					<div id="menu" class="clearfix hd8 dropcol2">
						<div class="navbar">
  <div class="navbar-inner">
    <div class="container">
 
      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
    
      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse collapse">
<ul class="nav ">
<li class="item-638 current active"><a href="/enter/index.php" >Home</a></li><li class="item-1467"><a href="/enter/index.php/blog" >Blog</a></li><li class="item-1718"><a href="#" >Shop</a></li><li class="item-1719"><a href="#" >The Pyradon Tote</a></li><li class="item-1720"><a href="/enter/index.php/contact-use" >Contact Us</a></li><li class="item-1721"><a href="/enter/index.php/owner" >Meet Malika</a></li></ul>
</div>
    </div>
  </div>
</div>
					</div>
				</div>
							</div>
		</div>
		<div id="message">
			<div id="system-message-container">
	</div>

		</div>
		
<div id="region1wrap" class=" xtc-spacer">
  <div id="region1pad" class="">
    <div id="region1" class="row-fluid xtc-fluidwrapper">
      <div class="module "> <div class="modulecontent"> <div class="inset_logo">
<center>
<div data-sr='reset wait 0.5s enter left please, and hustle 200px over 1.5s' >
<img src="/enter/images/logo1.png" alt="Stilote">
</div>
<div data-sr='reset wait 0.5s enter right please, and hustle 200px over 1.5s' class="inset_logo_text">
<h2>Luxury Handbags</h2>
<br>
<p>Stepping Out With Stilote! </p>
</div>
</center>
</div>
			
			
		</div></div> 
            
    </div>
  </div>
  <div id="r1separator"></div>
</div>

<div id="region2wrap" class="xtc-bodygutter xtc-spacer"><div id="region2pad" class="xtc-wrapperpad"><div id="region2" class="row-fluid xtc-wrapper"><div id="user1_6" class="span12"><div class="row-fluid"><div id="user1" class="xtcBootstrapGrid span12 singlecolumn cols-1 column-1"><div class="singlearea"><div class="module "> <div class="modulecontent"> <div id="jxtcwall1462"><div data-sr='enter bottom' class="adventure_title">
 <p>CHOOSE YOUR</p>
 <h2>BAG</h2>
 <hr class="motitle">
 </hr>
 <i class="fa fa-circle basecolor_1"></i>
 <hr class="motitle">
 </hr>
 <p class="small">Meet the Pyradon Tote – your new statement piece that doesn’t just turn heads; it commands attention! This tote blends high fashion with everyday ease, crafted from luxurious Italian cowhide leather that feels as good as it looks. It comes in a palette of stunning colors to match your every mood and occasion. Shaped like a sleek pyramid, it’s surprisingly spacious, with enough room to stash your favorite stilettos while staying compact enough to elevate your evening look. The sturdy feet studs add a touch of edge and keep your bag pristine wherever you place it, while the oversized handles let you glide it onto your forearm for effortless elegance or grab it on the go. The Pyradon Tote isn’t just an accessory – it’s an experience!.</p>
</div>
<div class="adventures"> <div id="wallviewjxtcwall1462" class="wallviewbootstrap columns-3 rows-1" style="overflow:hidden"><div class="wallspinner"></div><div id="wallsliderjxtcwall1462" class="wallslider"><div class="wallsliderrow"><div class="wallslidercell"><div class="wallpage oddpage singlepage page-1" ><div class="row-fluid singlerow oddrow row-1"><div class="span4 firstcol oddcol col-1" ><div class="us1_newspro">
 <figure class="effect-marley"> <img src="/enter/images/blk.png">
  <figcaption>
   <h2>Pyradon Tote - Black</h2>
   <p>The tote is lined with our durable signature red material an...</p>
   <a href="/enter/index.php/151-bags/831-pyradontote-blk">Read more</a> </figcaption>
 </figure>
</div></div><div class="span4 centercol evencol col-2" ><div class="us1_newspro">
 <figure class="effect-marley"> <img src="/enter/images/brown.png">
  <figcaption>
   <h2>Pyradon Tote - Chocolate</h2>
   <p>The Pyradon tote is the epitome of style and functionality. ...</p>
   <a href="/enter/index.php/151-bags/830-consectetur-adipiscing">Read more</a> </figcaption>
 </figure>
</div></div><div class="span4 lastcol oddcol col-3" ><div class="us1_newspro">
 <figure class="effect-marley"> <img src="/enter/images/red2.png">
  <figcaption>
   <h2>Pyradon Tote - Red</h2>
   <p>Perfect for that on-the-go woman who wants both style and fu...</p>
   <a href="/enter/index.php/151-bags/829-pyradontote-red">Read more</a> </figcaption>
 </figure>
</div></div></div></div></div></div></div></div> </div></div></div></div> </div></div></div></div></div></div></div><div id="region7wrap" class=" xtc-spacer"><div id="region7pad" class=""><div id="region7" class="row-fluid xtc-fluidwrapper"><div class="span12"><div id="user31_36" class="clearfix"><div class="row-fluid"><div id="user31" class="xtcBootstrapGrid span12 singlecolumn cols-1 column-1"><div class="singlearea"><div class="module "> <div class="modulecontent"> <div class="span6 offset7 hang"><div data-sr="enter bottom and move 50px over 1s">
<p >CELEBRATE THE JOYS OF THE</p>
<h3 class="glitch" data-text="SEASON">SEASON</h3>
<p class="small">This holiday season, let Stilote add a touch of elegance to your celebrations. Whether you're gifting someone special or treating yourself, our bags are crafted to carry the spirit of joy and togetherness. Let’s make your holidays unforgettable.</p>
<a class="btn btn-primary" href="/enter/index.php/adventures">SHOP NOW</a> 
</div></div></div></div> </div></div></div></div></div></div></div></div><div id="region4wrap" class=" xtc-spacer"><div id="region4pad" class=""><div id="region4" class="row-fluid xtc-fluidwrapper"><div class="span12"><div id="user13_18" class="clearfix r4spacer_top"><div class="row-fluid"><div id="user13" class="xtcBootstrapGrid span12 singlecolumn cols-1 column-1"><div class="singlearea"><div class="module "> <div class="modulecontent"> <div class="span4 offset2 divers"><div data-sr="enter bottom and move 50px over 1s">
<p>RING IN THE NEW YEAR WITH</p>
<h3 class="glitch" data-text="PURPOSE">PURPOSE</h3>
<p class="small">The New Year is a time to embrace new beginnings and bold aspirations. Start your 2025 journey with a bag designed to celebrate your milestones, big and small. Let Stilote be part of your story as you step into a year filled with possibility.</p>
<a class="btn btn-primary" href="/enter/index.php/adventures">SHOP NOW</a> 
</div></div></div></div> </div></div></div></div></div></div></div></div><div id="region5wrap" class="xtc-bodygutter xtc-spacer"><div id="region5pad" class="xtc-wrapperpad"><div id="region5" class="row-fluid xtc-wrapper"><div class="span12"><div id="user19_24" class="clearfix r5spacer_top"><div class="row-fluid"><div id="user19" class="xtcBootstrapGrid span12 singlecolumn cols-1 column-1"><div class="singlearea"><div class="module "> <div class="modulecontent"> <a href="/enter/index.php/testimonials"><div class="row-fluid  testiwrap">
<div class="span1"><i class="fa fa-user"></i></div>
<div class="span4">
<h3>TESTIMONIALS</h3>
</div>
<div class="span7">
<p>Add testimonials from previous customers here.<span style="font-style:italic">-customer</span></p>
</div>
</div></a></div></div> </div></div></div></div></div></div></div></div><div id="region8wrap" class="xtc-bodygutter xtc-spacer"><div id="region8pad" class="xtc-wrapperpad"><div id="region8" class="row-fluid xtc-wrapper"><div class="span12"><div id="user37_42" class="clearfix"><div class="row-fluid"><div id="user37" class="xtcBootstrapGrid span12 singlecolumn cols-1 column-1"><div class="singlearea"><div class="module "> <div class="modulecontent"> <div class="row-fluid  adwrap">
<div class="span1"><i class="fa fa-thumbs-up"></i> </div>
<div class="span8">
<h3>NEW YEAR SPECIAL</h3>
<p>Add specials here.  </p>
</div>
<div class="span3">
<a class="btn adbtn" href="/enter/index.php/specials">SAVE NOW</a>
</div>
</div></div></div> </div></div></div></div></div></div></div></div><div id="region12wrap" class="xtc-bodygutter xtc-spacer"><div id="region12pad" class="xtc-wrapperpad"><div id="region12" class="row-fluid xtc-wrapper"><div class="row-fluid"><div id="bottom1" class="xtcBootstrapGrid span6 firstcolumn cols-2 column-1"><div class="singlearea"><div class="module "><h3 class="moduletitle"><span class="first_word">STILOTE</span><span class="rest">LINKS</span></h3> <div class="modulecontent"> <ul class="menu bottom ">
<li class="item-1594"><a href="#" >Menu Link 1</a></li><li class="item-1595"><a href="#" >Menu Link 2</a></li><li class="item-1596"><a href="#" >Menu Link 3</a></li><li class="item-1597"><a href="#" >Menu Link 4</a></li></ul></div></div> </div></div><div id="bottom4" class="xtcBootstrapGrid span6 lastcolumn cols-2 column-2"><div class="singlearea"><div class="module "> <div class="modulecontent"> <center>
<img src="/enter/images/lglogo.png" alt="Stilote">
<div class="bottom_logo_text">
<h2>LUXURY</h2>
<br>
<p>HANDBAGS</p>
</div>
</center>

			
		</div></div> </div></div></div></div></div></div>		<div id="footerwrap" class=" xtc-bodygutter">
			<div id="footerpad" class="xtc-wrapperpad">
				<div class="footer">
					<div class="row-fluid"><div id="footer" class="xtcBootstrapGrid span12 singlecolumn cols-1 column-1"><div class="singlearea"><div class="module nopad    "> <div class="modulecontent"> <center>
<p>www.officialstilote.com Site Designed by BizHoni</p>
</center></div></div> </div></div></div> </div>
			</div>
		</div>
			
<div class="rstboxes" data-t="8a838fd63b296f3e2ca99ea8bb6213aa" data-baseurl="https://officialstilote.com/enter/" data-site="3816151c03e105e8f74d747c47ef0217" data-debug="0" >

	
	
	<div id="rstbox_3"  class="rstbox rstbox_top-left rstbox_custom   rstbox-acm rstbox-acl rstbox_shd_1 formVer" data-settings='{"delay":"0","transitionin":"rstbox.slideUpIn","transitionout":"rstbox.slideUpOut","duration":"400","autohide":"1","closeopened":"0","preventpagescroll":false,"log":1,"testmode":"0","autoclose":false}' data-trigger="pageload" data-cookietype="never" data-cookie="30" data-title="Popup Music" style="max-width:200px;height:auto;background-color:rgba(255, 255, 255, 0);color:rgba(51, 51, 51, 1);border:inset 2px rgba(255, 255, 255, 1);border-radius:0px;padding:2px;z-index:99999">
		
		
<span data-ebox-cmd="closeKeep" class="rstbox-close" aria-label="Close" style="color:rgba(174, 174, 174, 1);font-size:22px">
			<span aria-hidden="true">&times;</span>
	</span>
	

		<div class="rstbox-container">
						<div class="rstbox-content">
				<div id="audio-player-container" style="text-align: center; padding: 10px;">
  <h2 style="font-size: 14px; margin-bottom: 5px; color: #fff;">Happy Holidays! </h2>
  <audio id="customAudioPlayer" controls autoplay style="width: 100%; max-width: 300px; height: 30px;">
    <source src="https://officialstilote.com/enter/mp3player/assets/audio/csshort.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
  </audio>
</div>

<script src="https://officialstilote.com/enter/mp3player/js/player.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', function () {
    // Check if player.js has initialized the player
    const audioPlayer = document.getElementById('customAudioPlayer');

    if (audioPlayer) {
      // Ensure the player element is loaded and set its properties
      audioPlayer.volume = 0.2; // Set volume to 30%
      audioPlayer.autoplay = true;

      // Event listener for debugging
      audioPlayer.addEventListener('canplay', () => {
        console.log('Audio player is ready to play');
      });

      audioPlayer.addEventListener('error', (error) => {
        console.error('Error loading audio:', error);
      });

      // Optionally call a function from player.js if required
      if (typeof playerInit === 'function') {
        playerInit({
          elementId: 'customAudioPlayer',
        });
      }
    } else {
      console.error('Audio player element not found.');
    }
  });
</script>
			</div>
		</div>
			</div>	
	</div>

</body>

	</html>
    <div id="promoOverlay" style="
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        text-align: center;">
        <div>
            <h1 style="font-size: 3rem; margin-bottom: 20px;">Welcome to Our New Site</h1>
            <button id="enterSite" style="
                padding: 10px 20px;
                font-size: 1.5rem;
                background-color: #c49d29;
                color: white;
                border: none;
                border-radius: 5px;
                cursor: pointer;">Enter</button>
        </div>
    </div>
    
    <script>
    document.addEventListener("DOMContentLoaded", function () {
        const enterButton = document.getElementById("enterSite");
        if (enterButton) {
            enterButton.addEventListener("click", function () {
                const overlay = document.getElementById("promoOverlay");
                if (overlay) overlay.style.display = "none";

                // Refresh the page with a parameter to skip the overlay next time
                const url = new URL(window.location.href);
                url.searchParams.set("skipOverlay", "true");
                window.location.href = url.toString();
            });
        }

        // Automatically hide the overlay if "skipOverlay" parameter is set
        const params = new URLSearchParams(window.location.search);
        if (params.get("skipOverlay") === "true") {
            const overlay = document.getElementById("promoOverlay");
            if (overlay) overlay.style.display = "none";
        }
    });
    </script>
    <script src="/templates/airflow/js/custom.js"></script>