
	<!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" />
	<meta name="generator" content="Joomla! - Open Source Content Management" />
	<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?cb037fdc06f0971bed03c929cdb68a4d" rel="stylesheet" type="text/css" />
	<link href="/enter/media/jui/css/bootstrap.min.css?cb037fdc06f0971bed03c929cdb68a4d" 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?cb037fdc06f0971bed03c929cdb68a4d" rel="stylesheet" type="text/css" />
	<link href="/enter/media/jui/css/bootstrap-responsive.min.css?cb037fdc06f0971bed03c929cdb68a4d" 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" />
	<link href="https://officialstilote.com/enter/modules/mod_jxtc_contactwall/templates/airflow_staff_u25/template.css" rel="stylesheet" type="text/css" />
	<link href="https://officialstilote.com/enter/modules/mod_jxtc_contactwall/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?cb037fdc06f0971bed03c929cdb68a4d" type="text/javascript"></script>
	<script src="/enter/media/jui/js/jquery-noconflict.js?cb037fdc06f0971bed03c929cdb68a4d" type="text/javascript"></script>
	<script src="/enter/media/jui/js/jquery-migrate.min.js?cb037fdc06f0971bed03c929cdb68a4d" type="text/javascript"></script>
	<script src="/enter/media/system/js/caption.js?cb037fdc06f0971bed03c929cdb68a4d" 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?cb037fdc06f0971bed03c929cdb68a4d" type="text/javascript"></script>
	<script src="/enter/media/system/js/core.js?cb037fdc06f0971bed03c929cdb68a4d" type="text/javascript"></script>
	<script src="/enter/media/system/js/mootools-more.js?cb037fdc06f0971bed03c929cdb68a4d" type="text/javascript"></script>
	<script src="/enter/media/system/js/modal.js?cb037fdc06f0971bed03c929cdb68a4d" type="text/javascript"></script>
	<script src="/enter/media/jui/js/bootstrap.min.js?cb037fdc06f0971bed03c929cdb68a4d" 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});});
window.addEvent('load', function(){ // 1464
	var jxtcwall1464slidebox = new slidebox('jxtcwall1464','RSO',{xi:0,xo:0,yi:0,yo:0},{fxtype:new Fx.Transition(Fx.Transitions.Quad.easeIn),dura:800,frames:50});
	var jxtcwall1464jxtcpops = new jxtcpops('jxtcwall1464',{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 jxtcwall1464jxtctips = new jxtctips('jxtcwall1464',{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 jxtcwall1464jxtchover = new jxtchover('jxtcwall1464','CECECE','FFFFFF');
	});
window.addEvent('load', function(){var jxtcwall1464 = new wallFX('jxtcwall1464',{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-1446"><a href="/enter/index.php/features" >Features</a></li><li class="item-1467"><a href="/enter/index.php/blog" >Blog</a></li><li class="item-1454 dropdown parent"><a class=" dropdown-toggle" data-toggle="dropdown" href="/enter/index.php/layout" >Layout</a>        <ul class="dropdown-menu animated ">
	<li class="item-1455"><a href="/enter/?regioncfg=1,2,3,4,5,6,7,8,9,10,11,12" >Full Layout</a></li><li class="item-1523"><a href="/enter/?regioncfg=1,2,3,6,12" >Layout 4</a></li></ul></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="#" >Meet Malika</a></li><li class="item-1722"><a href="#" >Blog</a></li><li class="item-1723"><a href="/enter/index.php/pyradon-tote" >Pyradon Tote</a></li><li class="item-1728"><a href="https://officialstilote.com/enter/?xtcstyle=style4" >Stilote</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/ballonfire.gif">
  <figcaption>
   <h2>Pyradon Tote - Black</h2>
   <p>The tote is lined with our durable signature red material an...</p>
   <a href="/enter/index.php/adventures/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/hnagglider_thumb.jpg">
  <figcaption>
   <h2>Pyradon Tote - Chocolate</h2>
   <p>Dolor donec sagittis sapien. Ante aptent feugiat adipisicing...</p>
   <a href="/enter/index.php/adventures/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/skydive_thumb.jpg">
  <figcaption>
   <h2>Pyradon Tote - Red</h2>
   <p>Dolor donec sagittis sapien. Ante aptent feugiat adipisicing...</p>
   <a href="/enter/index.php/adventures/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 >HEART POUNDING</p>
<h3 class="glitch" data-text="THRILLS">THRILLS</h3>
<p class="small">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ex ea difficultate illae fallaciloquae, ut ait Accius, malitiae natae sunt. Esse enim quam vellet iniquus iustus poterat inpune.</p>
<a class="btn btn-primary" href="/enter/index.php/adventures">BOOK YOUR ADVENTURE</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>HIGH FLYING</p>
<h3 class="glitch" data-text="ACTION">ACTION</h3>
<p class="small">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ex ea difficultate illae fallaciloquae, ut ait Accius, malitiae natae sunt. Esse enim quam vellet iniquus iustus poterat inpune.</p>
<a class="btn btn-primary" href="/enter/index.php/adventures">BOOK YOUR ADVENTURE</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>Dolor donec sagittis sapien. Ante aptent feugiat adipisicing. Duis interdum sed arcu et nullam eu.  Dolor donec sagittis sapien. Ante aptent feugiat adipisicing. Duis interdum sed arcu et nullam eu. <span style="font-style:italic">-Jane Reyhas</span></p>
</div>
</div></a></div></div> </div></div></div></div></div></div></div></div><div id="region6wrap" class="xtc-bodygutter xtc-spacer"><div id="region6pad" class="xtc-wrapperpad"><div id="region6" class="row-fluid xtc-wrapper"><div class="span12"><div id="user25_30" class="clearfix"><div class="row-fluid"><div id="user25" class="xtcBootstrapGrid span12 singlecolumn cols-1 column-1"><div class="singlearea"><div class="module "> <div class="modulecontent"> <div id="jxtcwall1464"><div class="row-fluid">
<div class="contact_title span2">
<p>MEET THE</p><h3>TEAM</h3>
</div>
<div class="span10 cmain">
<div class="contactmain">
<div id="wallviewjxtcwall1464" class="wallviewbootstrap columns-3 rows-1" style="overflow:hidden"><div class="wallspinner"></div><div id="wallsliderjxtcwall1464" class="wallslider"><div class="wallsliderrow"><div class="wallslidercell"><div class="wallpage oddpage firstpage page-1" ><div class="row-fluid singlerow oddrow row-1"><div class="span4 firstcol oddcol col-1" ><div class="airflow_contact">
<a href="/enter/index.php/component/contact/contact/4-our-staff/1?Itemid=638">
<div class="airflow_contact_image">
<img src="https://officialstilote.com/enter/images/contact4.jpg" alt="Todd Jonson">
</div>
<div class="airflow_contact_inner">
<h3>Todd Jonson<h3>
<p>Pilot</p>
<p>Lorem Ipsum is the single greatest threat. We are not - we are not keeping up with other websites. Lorem Ipsum is unattractive, both inside and out.</p>
</a>
</div>
</div> 





</div><div class="span4 centercol evencol col-2" ><div class="airflow_contact">
<a href="/enter/index.php/component/contact/contact/4-our-staff/2?Itemid=638">
<div class="airflow_contact_image">
<img src="https://officialstilote.com/enter/images/contact1.jpg" alt="Jessica Tudro">
</div>
<div class="airflow_contact_inner">
<h3>Jessica Tudro<h3>
<p>Instructor</p>
<p>Lorem Ipsum is the single greatest threat. We are not - we are not keeping up with other websites. Lorem Ipsum is unattractive, both inside and out.</p>
</a>
</div>
</div> 





</div><div class="span4 lastcol oddcol col-3" ><div class="airflow_contact">
<a href="/enter/index.php/component/contact/contact/4-our-staff/3?Itemid=638">
<div class="airflow_contact_image">
<img src="https://officialstilote.com/enter/images/contact3.jpg" alt="Lon Gordon">
</div>
<div class="airflow_contact_inner">
<h3>Lon Gordon<h3>
<p>Instructor</p>
<p>Lorem Ipsum is the single greatest threat. We are not - we are not keeping up with other websites. Lorem Ipsum is unattractive, both inside and out.</p>
</a>
</div>
</div> 





</div></div></div></div><div class="wallslidercell"><div class="wallpage evenpage lastpage page-2" ><div class="row-fluid singlerow oddrow row-1"><div class="span4 firstcol oddcol col-1" ><div class="airflow_contact">
<a href="/enter/index.php/component/contact/contact/4-our-staff/4?Itemid=638">
<div class="airflow_contact_image">
<img src="https://officialstilote.com/enter/images/contact6.jpg" alt="Tom Stark">
</div>
<div class="airflow_contact_inner">
<h3>Tom Stark<h3>
<p>Instructor</p>
<p>Lorem Ipsum is the single greatest threat. We are not - we are not keeping up with other websites. Lorem Ipsum is unattractive, both inside and out.</p>
</a>
</div>
</div> 





</div><div class="span4 centercol evencol col-2" ><div class="airflow_contact">
<a href="/enter/index.php/component/contact/contact/4-our-staff/5?Itemid=638">
<div class="airflow_contact_image">
<img src="https://officialstilote.com/enter/images/contact2.jpg" alt="Kevin Aldrek">
</div>
<div class="airflow_contact_inner">
<h3>Kevin Aldrek<h3>
<p>Pilot</p>
<p>Lorem Ipsum is the single greatest threat. We are not - we are not keeping up with other websites. Lorem Ipsum is unattractive, both inside and out.</p>
</a>
</div>
</div> 





</div><div class="span4 lastcol oddcol col-3" ><div class="airflow_contact">
<a href="/enter/index.php/component/contact/contact/4-our-staff/6?Itemid=638">
<div class="airflow_contact_image">
<img src="https://officialstilote.com/enter/images/contact5.jpg" alt="James Keff">
</div>
<div class="airflow_contact_inner">
<h3>James Keff<h3>
<p>Instructor</p>
<p>Lorem Ipsum is the single greatest threat. We are not - we are not keeping up with other websites. Lorem Ipsum is unattractive, both inside and out.</p>
</a>
</div>
</div> 





</div></div></div></div></div></div></div>
<div class="contact_buttons"><img id="prevjxtcwall1464" class="prevbutton" src="https://officialstilote.com/enter/modules/mod_jxtc_contactwall/buttons/lg_linear_left_right/prev.png" alt="" /><img id="nextjxtcwall1464" class="nextbutton" src="https://officialstilote.com/enter/modules/mod_jxtc_contactwall/buttons/lg_linear_left_right/next.png" alt="" /></div>
</div>
</div></div></div></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>SUMMER SPECIAL</h3>
<p>Dolor donec sagittis sapien. Ante aptent feugiat adipisicing. Duis interdum sed arcu et nullam eu.  </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 span3 firstcolumn cols-4 column-1"><div class="singlearea"><div class="module "><h3 class="moduletitle"><span class="first_word">OUR</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="bottom2" class="xtcBootstrapGrid span3 centercolumn cols-4 column-2"><div class="singlearea"><div class="module "><h3 class="moduletitle"><span class="first_word">OUR</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="bottom3" class="xtcBootstrapGrid span3 centercolumn cols-4 column-3"><div class="singlearea"><div class="module "><h3 class="moduletitle"><span class="first_word">OUR</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 span3 lastcolumn cols-4 column-4"><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</p>
</center></div></div> </div></div></div> </div>
			</div>
		</div>
			
<div class="rstboxes" data-t="f57743f3503259cc94b5c94ed8b74e14" 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 Site</h1>
            <button id="enterSite" style="
                padding: 10px 20px;
                font-size: 1.5rem;
                background-color: #ff6600;
                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>