FAQs

<div class="wrapper">
<div class="wrapper">
<div class="pick_currency" align="right" style="display: none;"><br /><label for="currencies" style="display: inline;">Pick a currency </label><select id="currencies" name="currencies" style="display: inline; max-height: 50px; max-width: 87px; height: 100%;">
<option value="USD" selected="selected">USD</option>
<option value="EUR">EUR</option>
<option value="GBP">GBP</option>
<option value="CAD">CAD</option>
<option value="AUD">AUD</option>
<option value="SAR">SAR</option>
<option value="SEK">SEK</option>
<option value="NOK">NOK</option>
<option value="INR">INR</option>
<option value="JPY">JPY</option>
</select></div>
<script src="https://www.google.com/recaptcha/api.js"></script>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="s4com-icon-arrow-right" viewbox="0 0 512 512"> <path d="m154 0l-90 90 181 181-181 181 90 91 272-272z"></path> </symbol> <symbol id="s4com-icon-arrow-down" viewbox="0 0 512 512"> <path d="m511 160l-85-96-170 192-171-192-85 96 256 288 85-96z"></path> </symbol> <symbol id="s4com-icon-cross" viewbox="0 0 512 512"> <path d="m501 56l-55-56-195 195-195-195-56 56 195 195-195 195 56 55 195-195 195 195 55-55-195-195z"></path> </symbol> </svg></div>
</div>
<style><!--
input:focus, textarea:focus {
outline:none;
}

.s4-com-clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

.s4-com-clearfix { display: inline-block; }
* html .s4-com-clearfix { height: 1%; }
.s4-com-clearfix { display: block; }

.s4com-space-top {
padding-top:30px;
}

.s4com-space-bottom {
padding-bottom:30px;
}

.s4com-space-small-top {
padding-top:15px;
}

.s4com-space-small-bottom {
padding-bottom:15px;
}

.s4com-border-top {
border-top:1px solid #e0e0e0;
}

.s4com-border-bottom {
border-bottom:1px solid #e0e0e0;
}

.s4com-panel {
position: relative;
border:1px solid #e0e0e0;
border-radius:5px;
padding:30px;
}

.s4com-panel form {
margin:0px;
padding:0px;
}

.s4com-panel input {
float: left;
-webkit-appearance:none;
box-sizing: border-box;
border:1px solid #e0e0e0;
border-radius:3px;
font-size:14px;
width:100%;
padding:10px;
}

.s4com-panel .s4com-btn {
margin-top:-10px;
}

.s4com-top-heading {
margin:0px;
padding-left:15px;
}

.s4com-sub-heading {
padding:20px 0px 20px 0px;
padding-left:50px;
margin:0px;
cursor:pointer;
}

.s4com-helpcenter h2 {
margin:0px;
}

.s4com-helpcenter a {
color: #000000;
text-decoration: none;
}

.s4com-articles {
padding-left:50px;
}

.s4com-articles h4 {
display: inline-block;
margin:0px;
font-weight:normal;
padding:15px 0px;
}

.s4com-articles > a {
position: relative;
display: block;
}

.s4com-articles a h4 {
color:#333333;
font-weight:normal;
font-size:16px;
padding-left:25px;
}

.s4com-articles a.s4com-active h4 {
font-weight: bold;
}

.s4com-icon-arrow-right {
width: 9px;
height: 9px;
fill:#333333;
margin-right:15px;
margin-top:8px;
}

.s4com-icon-arrow-down {
width: 9px;
height: 9px;
fill:#333333;
margin-right:15px;
margin-top:8px;
display: none;
}

.s4com-articles a.s4com-active .s4com-icon-arrow-right {
display: none;
}

.s4com-articles a.s4com-active .s4com-icon-arrow-down {
display: inline-block;
}

.s4com-articles a + .s4com-article-body {
display: none !important;
}

.s4com-articles a.s4com-active + .s4com-article-body {
display: block !important;
}

.s4com-icon-cross {
width: 16px;
height: 16px;
fill:#e0e0e0;
}

.s4com-btn {
display: block;
text-decoration: none;
float: right;
background:#d55118;
padding:8px 50px;
border-radius:3px;
color:#fff;
}

.s4com-helpcenter .s4com-panel .s4com-btn {
color: #ffffff;
}

@media screen and (max-width: 677px) and (min-width: 320px) {
.s4com-helpcenter .s4com-panel .s4com-btn {
float: none;
clear: both;
text-align: center;
display: block;
margin-top: 10px;
}

.modal-content {
width: 350px;
margin-left: -175px;
}
}

@media (max-width: 768px) {
.s4com-helpcenter .s4com-article-body {
padding-left: 0px;
padding-right: 25px;
}
}

#s4com-emailMessage {
padding:10px 0px;
}

.s4com-searchbutton {
text-align:center;
margin-top:0px !important;
padding-left:0px;
padding-right:0px;
width: 15%;
}

#s4com-q {
margin:0px;
}

.s4com-article-body {
margin-top:-15px;
padding-left:25px;
padding-top:10px;
padding-bottom:15px;
}
.s4com-article-body img {
max-width: 100%;
}
#s4com-hits {
display: none;
position: absolute;
top:63px;
padding:10px;
width: 75%;
background:rgba(255,255,255,0.9);
border:1px solid #e0e0e0;
}

.s4com-icon-wrap {
position: absolute;
left:0px;
top:50%;
height: 24px;
margin-top:-14px;
}

.modal-title h4 {
font-size:16px;
font-weight:normal;
}

.modal-body label{
display: block;
font-weight:bold;
padding-bottom:10px;
}

.modal-body input, .modal-body textarea {
border:1px solid #e0e0e0;
border-radius:3px;
width:95%;
padding:10px;
resize:none;
margin-bottom:20px;
}

.twitter-typeahead {
width: 100%;
}
.gist,.tt-menu{text-align:left}
.tt-hint,.tt-query,.typeahead {
width:100%;
height:30px;
padding:8px 12px;
font-size:14px;
line-height:18px;
border:2px solid #e0e0e0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
outline:0
}
.tt-suggestion a {
text-decoration: none;
color:#000;
}
.typeahead{background-color:#fff}
.typeahead:focus{border:2px solid #e0e0e0}
.tt-query{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.tt-hint{display:none !important; color:#999; top:5px !important;}
.tt-menu{
width:80%;
padding:8px 0;
background-color:#fff;
border:1px solid #e0e0e0;
border:1px solid rgba(0,0,0,.2);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);
box-shadow:0 5px 10px rgba(0,0,0,.2)}
.tt-suggestion{padding:3px 20px;font-size:14px;line-height:24px}
.tt-suggestion:hover{cursor:pointer;color:#fff;background-color:#0097cf}
.tt-suggestion.tt-cursor{color:#fff;background-color:#0097cf}
.tt-suggestion p{margin:0}.gist{font-size:14px}
.empty-message{padding:5px 10px;text-align:left}
--></style>
<style type="text/css"><!--
.s4com-btn {
background-color: #41B2EC;
}

.s4com-helpcenter a,
.s4com-articles a.s4com-active h4 {
color:#41B2EC;
}

.s4com-helpcenter {
max-width:1070px;
margin-left:auto;
margin-right:auto;
}

@media screen and (max-width: 768px) ,
screen and (max-height: 650px) {

.help-center-modal-dialog .help-center-modal-content.long-text {
top: 0;
left: 0;
margin: 0;
height: 100%;
width: 100%;
overflow: auto;
}
}
--></style>
<div class="wrapper">
<div class="s4com-helpcenter">
<h1>Help Center</h1>
<!-- Search -->
<div class="s4com-space-bottom s4com-border-bottom">
<div class="s4com-panel">
<div class="s4com-clearfix"><form method="get" action="#"><span class="twitter-typeahead" style="position: relative; display: inline-block;"><span class="twitter-typeahead" style="position: relative; display: inline-block;"><input autocomplete="off" class="autocomplete tt-hint" type="text" spellcheck="false" isp_ignore="" readonly="readonly" tabindex="-1" dir="ltr" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; opacity: 1; background: none 0% 0% / auto repeat scroll padding-box border-box #f6f6f6;" /><input autocomplete="off" class="autocomplete tt-input" id="s4com-q" placeholder="Start typing" type="text" spellcheck="false" isp_ignore="" dir="auto" style="position: relative; vertical-align: top; background-color: transparent;" /></span></span>
<pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre; font-family: Arapey, serif; font-size: 14px; font-style: italic; font-variant: normal; font-weight: 300; word-spacing: 0px; letter-spacing: 0px; text-indent: 0px; text-rendering: optimizeLegibility; text-transform: none;"></pre>
</form></div>
</div>
</div>
<!-- //Search -->
<div class="s4com-space-bottom" data-no-instant="">
<h2 class="s4com-top-heading s4com-space-bottom s4com-space-top s4com-border-bottom">FAQS</h2>
<a class="js-no-transition" data-no-instant="" onclick="toggleSection(this)">
<h3 class="s4com-sub-heading s4com-border-bottom" style="padding-top: 20px;">Orders</h3>
</a>
<div class="s4com-section-body">
<div class="s4com-articles s4com-border-bottom" data-no-instant=""><a href="#how-do-i-know-my-order-has-been-received" class="js-no-transition" data-no-instant=""> <span class="s4com-icon-wrap"> <svg class="s4com-icon-arrow-right"> <use xlink:href="#s4com-icon-arrow-right"></use> </svg> <svg class="s4com-icon-arrow-down"> <use xlink:href="#s4com-icon-arrow-down"></use> </svg> </span>
<h4 id="how-do-i-know-my-order-has-been-received-question">How do I know my order has been received ?</h4>
</a>
<div class="s4com-article-body" id="how-do-i-know-my-order-has-been-received" style="display: none;">
<p> </p>
<p><span style="color: #000000; font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-size: 15px;">After your purchase has been made you will receive a confirmation e-mail, but this doesn't mean that your order has been accepted yet. The order will be accepted and sent to you once your credit card and address details will be approved and verified</span></p>
<p> </p>
</div>
</div>
<div class="s4com-articles s4com-border-bottom" data-no-instant=""><a href="#can-i-cancel-an-order" class="js-no-transition" data-no-instant=""> <span class="s4com-icon-wrap"> <svg class="s4com-icon-arrow-right"> <use xlink:href="#s4com-icon-arrow-right"></use> </svg> <svg class="s4com-icon-arrow-down"> <use xlink:href="#s4com-icon-arrow-down"></use> </svg> </span>
<h4 id="can-i-cancel-an-order-question">Can I cancel an order ?</h4>
</a>
<div class="s4com-article-body" id="can-i-cancel-an-order" style="display: none;">
<p> </p>
<p><span style="color: #000000; font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-size: 15px;">Cancellation is possible, for any reason, up to the moment your order has been processed by the store. After that, you cannot cancel your order, but you may return the item you purchased if you wish. If you need to cancel an order, please contact our Customer Service</span></p>
<p> </p>
</div>
</div>
<div class="s4com-articles s4com-border-bottom" data-no-instant=""><a href="#how-can-i-check-my-orders-status" class="js-no-transition" data-no-instant=""> <span class="s4com-icon-wrap"> <svg class="s4com-icon-arrow-right"> <use xlink:href="#s4com-icon-arrow-right"></use> </svg> <svg class="s4com-icon-arrow-down"> <use xlink:href="#s4com-icon-arrow-down"></use> </svg> </span>
<h4 id="how-can-i-check-my-orders-status-question">How can I check my order's status ?</h4>
</a>
<div class="s4com-article-body" id="how-can-i-check-my-orders-status" style="display: none;">
<p> </p>
<p><span style="color: #000000; font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-size: 15px;">Exirious keeps you constantly updated via e-mail on your order's status. You can keep track of it also through My Account, under the Orders section. To track your package, click on ‘Where is my order?' of the order you want to track (My Account-Orders)</span></p>
<p> </p>
</div>
</div>
</div>
<a class="js-no-transition" data-no-instant="" onclick="toggleSection(this)">
<h3 class="s4com-sub-heading s4com-border-bottom">Shipping</h3>
</a>
<div class="s4com-section-body">
<div class="s4com-articles s4com-border-bottom" data-no-instant=""><a href="#do-you-ship-to-my-country" class="js-no-transition" data-no-instant=""> <span class="s4com-icon-wrap"> <svg class="s4com-icon-arrow-right"> <use xlink:href="#s4com-icon-arrow-right"></use> </svg> <svg class="s4com-icon-arrow-down"> <use xlink:href="#s4com-icon-arrow-down"></use> </svg> </span>
<h4 id="do-you-ship-to-my-country-question">Do you ship to my country ?</h4>
</a>
<div class="s4com-article-body" id="do-you-ship-to-my-country" style="display: none;">
<p> </p>
<p><span style="color: #000000; font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-size: 15px;">We ship all over the world in more than 180 countries</span></p>
<p> </p>
</div>
</div>
<div class="s4com-articles s4com-border-bottom" data-no-instant=""><a href="#how-long-does-delivery-take-and-how-much-will-it-cost" class="js-no-transition" data-no-instant=""> <span class="s4com-icon-wrap"> <svg class="s4com-icon-arrow-right"> <use xlink:href="#s4com-icon-arrow-right"></use> </svg> <svg class="s4com-icon-arrow-down"> <use xlink:href="#s4com-icon-arrow-down"></use> </svg> </span>
<h4 id="how-long-does-delivery-take-and-how-much-will-it-cost-question">How long does delivery take, and how much will it cost ?</h4>
</a>
<div class="s4com-article-body" id="how-long-does-delivery-take-and-how-much-will-it-cost" style="display: none;">
<p> </p>
<p><span style="color: #000000; font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-size: 15px;">We ship all over the world. Deliveries are made Monday to Saturday, between 9am and 7pm. Delivery takes place within 3- 10 working days for UNITED STATE, and within 10-40 working days for the rest of the world</span></p>
<p> </p>
</div>
</div>
<div class="s4com-articles s4com-border-bottom" data-no-instant=""><a href="#can-exiriouscom-ship-to-more-than-one-address-in-a-single-order" class="js-no-transition" data-no-instant=""> <span class="s4com-icon-wrap"> <svg class="s4com-icon-arrow-right"> <use xlink:href="#s4com-icon-arrow-right"></use> </svg> <svg class="s4com-icon-arrow-down"> <use xlink:href="#s4com-icon-arrow-down"></use> </svg> </span>
<h4 id="can-exiriouscom-ship-to-more-than-one-address-in-a-single-order-question">Can Exirious.com ship to more than one address in a single order ?</h4>
</a>
<div class="s4com-article-body" id="can-exiriouscom-ship-to-more-than-one-address-in-a-single-order" style="display: none;">
<p> </p>
<p><span style="color: #000000; font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-size: 15px;">We can ship one order to one address</span></p>
<p> </p>
</div>
</div>
<div class="s4com-articles s4com-border-bottom" data-no-instant=""><a href="#will-shipping-and-custom-costs-will-get-refunded-in-case-i-return-an-item" class="js-no-transition" data-no-instant=""> <span class="s4com-icon-wrap"> <svg class="s4com-icon-arrow-right"> <use xlink:href="#s4com-icon-arrow-right"></use> </svg> <svg class="s4com-icon-arrow-down"> <use xlink:href="#s4com-icon-arrow-down"></use> </svg> </span>
<h4 id="will-shipping-and-custom-costs-will-get-refunded-in-case-i-return-an-item-question">Will shipping and custom costs will get refunded in case I return an item ?</h4>
</a>
<div class="s4com-article-body" id="will-shipping-and-custom-costs-will-get-refunded-in-case-i-return-an-item" style="display: none;">
<p> </p>
<p><span style="color: #000000; font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-size: 15px;">Customers will be fully refunded the price of the order, excluding the shipping costs and any custom duties incurred. You may be able to recover custom duties for returned items by contacting your local customs bureau. You may want to hire a customs broker to claim back duties on returned products</span></p>
<p> </p>
</div>
</div>
</div>
<a class="js-no-transition" data-no-instant="" onclick="toggleSection(this)">
<h3 class="s4com-sub-heading s4com-border-bottom">Return Policy</h3>
</a>
<div class="s4com-section-body">
<div class="s4com-articles s4com-border-bottom" data-no-instant=""><a href="#can-i-return-an-item" class="js-no-transition" data-no-instant=""> <span class="s4com-icon-wrap"> <svg class="s4com-icon-arrow-right"> <use xlink:href="#s4com-icon-arrow-right"></use> </svg> <svg class="s4com-icon-arrow-down"> <use xlink:href="#s4com-icon-arrow-down"></use> </svg> </span>
<h4 id="can-i-return-an-item-question">Can I return an item ?</h4>
</a>
<div class="s4com-article-body" id="can-i-return-an-item" style="display: none;">
<p> </p>
<p><span style="color: #000000; font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-size: 15px;">Yes, making a return or exchange is easy. You have 14 working days from the delivery date to decide whether to keep your items. Simply request a returns from your ‘My account' page and then book a collection to send your item(s) back to us</span></p>
<p> </p>
</div>
</div>
<div class="s4com-articles s4com-border-bottom" data-no-instant=""><a href="#i-returned-an-order-when-will-i-get-my-refund" class="js-no-transition" data-no-instant=""> <span class="s4com-icon-wrap"> <svg class="s4com-icon-arrow-right"> <use xlink:href="#s4com-icon-arrow-right"></use> </svg> <svg class="s4com-icon-arrow-down"> <use xlink:href="#s4com-icon-arrow-down"></use> </svg> </span>
<h4 id="i-returned-an-order-when-will-i-get-my-refund-question">I returned an order, when will I get my refund ?</h4>
</a>
<div class="s4com-article-body" id="i-returned-an-order-when-will-i-get-my-refund" style="display: none;">
<p> </p>
<p><span style="color: #000000; font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-size: 15px;">Once your returned item is received and the boutique verifies that it complies with our returns policy, we will refund you through your original method of payment. Please note that payments can take up to several days to be processed, depending on your bank or payment providers</span></p>
<p> </p>
</div>
</div>
<div class="s4com-articles s4com-border-bottom" data-no-instant=""><a href="#my-order-was-cancelled-when-will-i-get-a-refund" class="js-no-transition" data-no-instant=""> <span class="s4com-icon-wrap"> <svg class="s4com-icon-arrow-right"> <use xlink:href="#s4com-icon-arrow-right"></use> </svg> <svg class="s4com-icon-arrow-down"> <use xlink:href="#s4com-icon-arrow-down"></use> </svg> </span>
<h4 id="my-order-was-cancelled-when-will-i-get-a-refund-question">My order was cancelled, when will I get a refund ?</h4>
</a>
<div class="s4com-article-body" id="my-order-was-cancelled-when-will-i-get-a-refund" style="display: none;">
<p> </p>
<p><span style="color: #000000; font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-size: 15px;">If a cancellation is made prior to order processing, and we have confirmed that your order has been cancelled by email, then we will fully refund you through your original payment method. Please note that payments can take up to several days to be processed, depending on your bank or payment providers</span></p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="help-center-modal fade s4com-help-centercenter-modal in" id="contactForm" tabindex="-1" role="dialog" aria-labelledby="contactForm" aria-hidden="true" data-no-instant="">
<div class="help-center-modal-backdrop fade in" style="height: 100%;"></div>
<div class="help-center-modal-dialog">
<div class="help-center-modal-content long-text">
<div class="help-center-modal-header"><a href="#" class="close" aria-label="Close" onclick="hideModal()"> <svg class="s4com-icon-cross"><use xlink:href="#s4com-icon-cross"></use></svg> </a>
<h3 class="help-center-modal-title">Contact support</h3>
</div>
<div class="help-center-modal-body">
<div class="after-success-hide"><form method="POST" accept-charset="UTF-8" id="s4com-emailForm" action="#">
<div class="form-group"><label for="email" class="control-label">Your Email</label> <input class="js-email control-label" name="email" type="text" id="email" /> <br /> <label for="message" class="control-label">Message</label> <textarea class="js-required control-label" rows="5" name="message" cols="50" id="message"></textarea></div>
<div class="g-recaptcha" data-sitekey="6LeAoh8UAAAAAB4JXRivKERGvUOjYIRgeUt7S_UH">
<div style="width: 304px; height: 78px;">
<div><iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6LeAoh8UAAAAAB4JXRivKERGvUOjYIRgeUt7S_UH&amp;co=aHR0cHM6Ly9zaG93bmF1dC5jb206NDQz&amp;hl=fr&amp;v=v1531759913576&amp;size=normal&amp;cb=ss7gnrjauibb" width="304" height="78" role="presentation" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox"></iframe></div>
<textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div>
</div>
</form></div>
<div class="form-group">
<div id="s4com-emailMessage"></div>
</div>
</div>
<div class="after-success-hide">
<div class="help-center-modal-footer"><a href="#" class="s4com-btn" onclick="jqS4com('#s4com-emailForm').submit(); return false;"> Send </a></div>
</div>
</div>
</div>
</div>
<!-- //Modal -->
<script src="https://helpcenter.eoscity.com/js/all.js"></script>
<script src="https://helpcenter.eoscity.com/js/algoliasearch.min.js"></script>
<script type="text/javascript">// <![CDATA[
jqS4com.ajaxSetup({
headers: {
'X-CSRF-TOKEN': '9wCD65XUwki1WtaPlgtJv5x82eBPbeivlxoM2oom'
}
});

function toggleSection(section) {
var link = jqS4com(section);
link.next().toggle();
}

function isEmail(email) {
var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return regex.test(email);
}
// Contact Form

jqS4com('#s4com-emailForm').submit(function(event){
var form = jqS4com(this),
emailVal = form.find('.js-email').val(),
msgVal = form.find('.js-required').val();
event.preventDefault();

if ((emailVal.length) && (isEmail(emailVal)) && (msgVal.length)) {
jqS4com.ajax({
method: "POST",
url: '/apps/help-center/send-email',
crossDomain: true,
data: form.serialize(),
success: function (res) {
res = JSON.parse(res);
if (res.status == 1)
{
jqS4com('#s4com-emailMessage').html('<h3>'+res.msg+'</h3>');
jqS4com('.after-success-hide').hide();
setTimeout(function(){ hideModal(); }, 1000);
} else {
jqS4com('#s4com-emailMessage').html(res.msg);
}
}
});
} else {
jqS4com('#s4com-emailMessage').html('Please fill in all the fields');
}
});

function showHCModal()
{
var modal = jqS4com('#contactForm');
modal.show();
jqS4com('html,body').animate({
scrollTop: modal.find('div.help-center-modal-content').offset().top - 0
}, 1);
jqS4com("body").css("overflow", "hidden");
}

function hideModal()
{
var modal = jqS4com('#contactForm');
modal.hide();
jqS4com("body").css("overflow", "");
}




function searchCallback(err) {
if (err) {
// error

}

}


jqS4com(document).ready(function() {

var $inputfield = jqS4com('#s4com-q');
var client = algoliasearch("XKBYJZA3VJ", "808e1d0bc8888de4baa261aa4fbad515"); // public credentials
var index = client.initIndex("production-hc-11451-icloths.myshopify.com");

$inputfield.keyup(function() {
index.search($inputfield.val(), searchCallback);
}).focus().closest('form').on('submit', function() {
// on form submit, store the query string in the anchor
location.replace('#q=' + encodeURIComponent($inputfield.val()));
return false;
});

var searchTimeout = null;
var executeSearch = function(query,sync,async) {
if (query.length >= 3) {
if (searchTimeout) {
window.clearTimeout(searchTimeout);
searchTimeout = null;
}
searchTimeout = window.setTimeout(function () {
index.ttAdapter()(query, sync, async);
}, 500);
}
};

jqS4com('#s4com-q').typeahead(null, {
source: executeSearch,
displayKey: 'title',
templates: {
empty: [
'<div class="empty-message">',
'No results found',
'</div>'
].join('\n'),
suggestion: function(hit) {
return '<div><a href="#'+hit.slug+'">'+hit.title+'</a></div>';
}
}
}).on('typeahead:select', function(ev, suggestion) {
var selected = jqS4com('#'+suggestion.slug);
selected.show();
selected.siblings('a').addClass('s4com-active');

var selectedQuestion = jqS4com('#'+suggestion.slug+'-question');

selectedQuestion.parents('.s4com-section-body').show();

jqS4com('html,body').animate({
scrollTop: selectedQuestion.offset().top - 0
});

});

if (location.hash && location.hash.indexOf('#q=') === 0) {
var q = decodeURIComponent(location.hash.substring(3));
$inputfield.val(q).trigger('keyup');
}


jqS4com('.s4com-articles > a').click(function(e){
e.preventDefault();
var id = jqS4com(this).attr('href');
jqS4com(this).toggleClass('s4com-active');

history.pushState(null, null, '#!'+id.substr(1));
});

if((window.location.hash != "") && (window.location.hash.indexOf('#q') == -1)) {
jqS4com(window).trigger('hashchange');
}
});

jqS4com(window).on('hashchange', function() {
var target = jqS4com('a[href="#' + window.location.hash.slice(1).substring(1, window.location.hash.slice(1).length) + '"]');

if (target.parents('.s4com-section-body').length) {
target.parents('.s4com-section-body:first').show();
}

if (target.length) {
target.addClass('s4com-active');

jqS4com('html, body').animate({
scrollTop: target.offset().top - 0
});
}
});
// ]]></script>
</div>