www.nocta.com
Open in
urlscan Pro
2620:127:f00f:e::
Public Scan
Submitted URL: http://nocta.com/
Effective URL: https://www.nocta.com/?rb=o&_s=_s-l-f
Submission: On November 21 via manual from CH — Scanned from CA
Effective URL: https://www.nocta.com/?rb=o&_s=_s-l-f
Submission: On November 21 via manual from CH — Scanned from CA
Form analysis 21 forms found in the DOM
POST /cart
<form action="/cart" class="Cart bg-color-black" data-activatable-singleton-togglable-item="cart" method="post" novalidate="" id="cart" style="position:relative;" onsubmit="checkoutFormSubmit()">
<div class="Cart__close px-sys fixed z-cart-info-mobile pt-sys transition-md md:none" data-unswipeable="">
<button data-activatable-singleton-toggle="cart" data-activatable-singleton-togglable-item="cart" data-activatable-singleton-deactivator="shoppable-clip-cta,product-variant-drawer,logo" class="
NavItem NavItem__menu NavItem__cart circle-indicator-wrapper hover-fade-wrapper w100 circle-indicator-interaction-wrapper
flex items-center justify-between pb-line
" aria-label="navigate to page." type="button">
<span>Close Cart</span>
<div class="NavItem__cart-info">
<div class="HeaderRegionSelect">
<ul>
<li>
<a class="NavItem__cart-currency NavItem__other-currency-option text-md fade js-currency-switch-link" href="?currency=USD" aria-label="USD" aria-current="false">
<span>USD</span>
</a>
<span class="NavItem__cart-currency text-md">CAD</span>
</li>
</ul>
</div>
<span data-cart-menu-item-count="" class="block text-md hover-fade-inner sr-only">( 0 )</span>
</div>
</button>
</div>
<div class="Cart__deactivator fixed l0 r0 b0 t0 z-cart-shim none" data-activatable-singleton-deactivator="cart"></div>
<div data-cart-inner="" class="cart-wrapper" id="cart-wrapper-element" role="dialog" aria-modal="true" aria-labelledby="Cart Item List" tabindex="0">
<h2 class="visually-hidden" id="cart-popup-heading" aria-label="cart" aria-labelledby="Mini Cart">Cart</h2>
<div class="Cart__inner fixed t0 b0 overflow-y-scroll relative transition-md" style="background-color:black;" role="dialog" aria-modal="true">
<div class="Cart__item-container z1">
<div data-cart-line-items="" class="cart-line-items" role="list">
<div class="height30"></div>
<!-- Mobile Add Product Suggestion to Cart -->
<div id="Mobile-Cart_suggestion" class="transition-md">
<div id="Mobile-Cart_suggestion_verbiage">
<span>Sign up for an account to benefit from exclusive offers <br>
<br>
<a href="/account/register" style="font-weight:600; border:1px solid white; padding: 2px 5px;">
REGISTER
</a>
</span>
</div>
<div id="Mobile-Cart_suggestion_products">
<div class="Mobile-Cart_suggestion_product ge-hide">
<div class="Mobile-Cart_suggestion_image">
<img src="//www.nocta.com/cdn/shop/files/HAT_BLUE_1_1752ac9e-7984-4a77-bd02-94f32515eecd_1200x@2x.png?v=1729016572" style="width:100%" alt="S.S. C Deep Cover Hat">
</div>
<div class="Mobile-Cart_suggestion_product_info_holder">
<div class="Mobile-Cart_suggestion_product_info">
<div class="Mobile-Cart_suggestion_product_title"> S.S. C Deep Cover Hat </div>
<div class="Mobile-Cart_suggestion_product_description"> $75.00 </div>
</div>
<div class="Mobile-btn-wrapper">
<select class="Mobile-custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="45421606142101"> S/M </option>
<option value="45421606174869"> M/L </option>
</select>
<input type="number" class="opacity-0 display-none" name="quantity" value="1" min="1">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" role="link" onclick="gtm_push(this,'add_to_cart', '8621791084693', 'S.S. C Deep Cover Hat','7500','NOCTA Canada');"> ADD </button>
</div>
</div>
</div>
<div class="Mobile-Cart_suggestion_product ge-hide">
<div class="Mobile-Cart_suggestion_image">
<img src="//www.nocta.com/cdn/shop/files/HAT_ORANGE_1_1200x@2x.png?v=1729016437" style="width:100%" alt="S.S. C Deep Cover Hat">
</div>
<div class="Mobile-Cart_suggestion_product_info_holder">
<div class="Mobile-Cart_suggestion_product_info">
<div class="Mobile-Cart_suggestion_product_title"> S.S. C Deep Cover Hat </div>
<div class="Mobile-Cart_suggestion_product_description"> $75.00 </div>
</div>
<form></form>
<form action="/cart/add" method="post" enctype="multipart/form-data" id="Mobile-upsellProductForm-8621791117461" data-add-to-cart-form="">
<div class="Mobile-btn-wrapper">
<select class="Mobile-custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="45421608042645"> S/M </option>
<option value="45421608075413"> M/L </option>
</select>
<input type="number" class="opacity-0 display-none" name="quantity" value="1" min="1">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" role="link" onclick="gtm_push(this,'add_to_cart', '8621791117461', 'S.S. C Deep Cover Hat','7500','NOCTA Canada');"> ADD </button>
</div>
</form>
</div>
</div>
<div class="Mobile-Cart_suggestion_product ge-hide">
<div class="Mobile-Cart_suggestion_image">
<img src="//www.nocta.com/cdn/shop/files/crewsockswhite_1200x@2x.png?v=1683924306" style="width:100%" alt="Crew Socks 3 Pack">
</div>
<div class="Mobile-Cart_suggestion_product_info_holder">
<div class="Mobile-Cart_suggestion_product_info">
<div class="Mobile-Cart_suggestion_product_title"> Crew Socks 3 Pack </div>
<div class="Mobile-Cart_suggestion_product_description"> $43.00 </div>
</div>
<form></form>
<form action="/cart/add" method="post" enctype="multipart/form-data" id="Mobile-upsellProductForm-8599897866389" data-add-to-cart-form="">
<div class="Mobile-btn-wrapper">
<select class="Mobile-custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="45362070487189"> S </option>
<option value="45362070519957"> M </option>
<option value="45362070585493"> XL </option>
</select>
<input type="number" class="opacity-0 display-none" name="quantity" value="1" min="1">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" role="link" onclick="gtm_push(this,'add_to_cart', '8599897866389', 'Crew Socks 3 Pack','4300','NOCTA Canada');"> ADD </button>
</div>
</form>
</div>
</div>
<div class="Mobile-Cart_suggestion_product ge-hide">
<div class="Mobile-Cart_suggestion_image">
<img src="//www.nocta.com/cdn/shop/files/brief2_1_e44ffded-087c-4936-9f4b-8ddcff7b9fa0_1200x@2x.png?v=1707943722" style="width:100%" alt="NOCTA Briefs">
</div>
<div class="Mobile-Cart_suggestion_product_info_holder">
<div class="Mobile-Cart_suggestion_product_info">
<div class="Mobile-Cart_suggestion_product_title"> NOCTA Briefs </div>
<div class="Mobile-Cart_suggestion_product_description"> $71.00 </div>
</div>
<form></form>
<form action="/cart/add" method="post" enctype="multipart/form-data" id="Mobile-upsellProductForm-7830685941909" data-add-to-cart-form="">
<div class="Mobile-btn-wrapper">
<select class="Mobile-custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="43228985589909"> S </option>
<option value="43228985622677"> M </option>
<option value="43228985655445"> L </option>
<option value="43228985688213"> XL </option>
<option value="43228985720981"> XXL </option>
</select>
<input type="number" class="opacity-0 display-none" name="quantity" value="1" min="1">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" role="link" onclick="gtm_push(this,'add_to_cart', '7830685941909', 'NOCTA Briefs','7100','NOCTA Canada');"> ADD </button>
</div>
</form>
</div>
</div>
<div class="Mobile-Cart_suggestion_product ge-hide">
<div class="Mobile-Cart_suggestion_image">
<img src="//www.nocta.com/cdn/shop/files/BOXERBRIEF-PINK-FCOLOR_Composite_01763186-d14f-4df0-9ae4-efeabc3e9f8e_1200x@2x.png?v=1698095012" style="width:100%" alt="NOCTA Briefs">
</div>
<div class="Mobile-Cart_suggestion_product_info_holder">
<div class="Mobile-Cart_suggestion_product_info">
<div class="Mobile-Cart_suggestion_product_title"> NOCTA Briefs </div>
<div class="Mobile-Cart_suggestion_product_description"> $70.00 </div>
</div>
<form></form>
<form action="/cart/add" method="post" enctype="multipart/form-data" id="Mobile-upsellProductForm-8019651723413" data-add-to-cart-form="">
<div class="Mobile-btn-wrapper">
<select class="Mobile-custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="43727124430997"> XL </option>
<option value="43727124463765"> 2XL </option>
</select>
<input type="number" class="opacity-0 display-none" name="quantity" value="1" min="1">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" role="link" onclick="gtm_push(this,'add_to_cart', '8019651723413', 'NOCTA Briefs','7000','NOCTA');"> ADD </button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div data-cart-empty-state="" class="Cart__empty-state flex h100 background-gradient">
<a data-activatable-singleton-deactivator="cart" class="text-md mauto hover-fade" href="/collections/shop-all" aria-label="Navigate to shop all page.">
Continue shopping
</a>
</div>
</div>
</div>
<div data-cart-info="" class="Cart__info-container p-sys text-md fixed b0 w100 transition-md" id="Cart__info-container" data-unswipeable="" role="dialog" aria-modal="true" aria-labelledby="Cart Checkout">
<div class="Cart__info-wrapper">
<div class="relative w100 z1">
<div class="Cart-progress-wrapper ge-hide">
<div class="Cart-progress-line-wrapper">
<div class="Cart-progress-line ge-hide" style="width: 0px;"></div>
</div>
<div class="Cart-progress-text-wrapper ge-hide">
<span class="Cart-progress-text">Spend $283 for Free Shipping. Spend $354 for free socks.</span>
</div>
</div>
<div class="Cart__limit-text w100 flex justify-between">
<span>All Sales Final. See FAQ for more information. <span class="ge-hide"></span></span>
</div>
<div class="Cart__limit-text w100 flex justify-between" id="hotStep_Warning" style="display: none;">
<span>Recommend purchasing a half size up for Hot Step.</span>
</div>
<div class="Cart__total w100 mb-sys pt-line flex justify-between">
<span>Total</span>
<span data-cart-total="">$0.00 CAD</span>
</div>
<button type="submit" name="checkout" class="Cart__checkout-btn hover-fade-wrapper flex justify-center pt-line w100 last-focusable-element" role="link" value="CHECKOUT">
<span class="hover-fade-inner">Checkout</span>
</button>
</div>
<div class="Cart__info-shim z0"></div>
</div>
</div>
<!-- Desktop Add Product Suggestion to Cart -->
<!-- Desktop Add Product Suggestion to Cart -->
<div id="Cart_suggestion" class="transition-md" role="dialog" aria-modal="true">
<div id="Cart_suggestion_verbiage">
<h2> Sign up for an account to benefit from exclusive offers <br>
<br>
<a href="/account/register" style="font-weight:600; border:1px solid white; padding: 2px 5px;">
REGISTER
</a>
</h2>
</div>
<ul id="Cart_suggestion_products">
<li class="Cart_suggestion_product ge-hide">
<div class="Cart_suggestion_image">
<img src="//www.nocta.com/cdn/shop/files/HAT_BLUE_1_1752ac9e-7984-4a77-bd02-94f32515eecd_1200x@2x.png?v=1729016572" width="100%" alt="">
</div>
<div class="Cart_suggestion_product_info">
<div class="Cart_suggestion_product_title"> S.S. C Deep Cover Hat </div>
<div class="Cart_suggestion_product_description"> $75.00 </div>
</div>
<form></form>
<form action="/cart/add" method="post" enctype="multipart/form-data" id="upsellProductForm-8621791084693" data-add-to-cart-form="">
<div class="btn-wrapper">
<select class="custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="45421606142101"> S/M </option>
<option value="45421606174869"> M/L </option>
</select>
<input type="number" class="opacity-0" name="quantity" value="1" min="1" aria-hidden="true">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" aria-label="Add to Cart" onclick="gtm_push(this,'add_to_cart', '8621791084693', 'S.S. C Deep Cover Hat','7500','NOCTA Canada');"> ADD </button>
</div>
</form>
</li>
<li class="Cart_suggestion_product ge-hide">
<div class="Cart_suggestion_image">
<img src="//www.nocta.com/cdn/shop/files/HAT_ORANGE_1_1200x@2x.png?v=1729016437" width="100%" alt="">
</div>
<div class="Cart_suggestion_product_info">
<div class="Cart_suggestion_product_title"> S.S. C Deep Cover Hat </div>
<div class="Cart_suggestion_product_description"> $75.00 </div>
</div>
<form></form>
<form action="/cart/add" method="post" enctype="multipart/form-data" id="upsellProductForm-8621791117461" data-add-to-cart-form="">
<div class="btn-wrapper">
<select class="custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="45421608042645"> S/M </option>
<option value="45421608075413"> M/L </option>
</select>
<input type="number" class="opacity-0" name="quantity" value="1" min="1" aria-hidden="true">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" aria-label="Add to Cart" onclick="gtm_push(this,'add_to_cart', '8621791117461', 'S.S. C Deep Cover Hat','7500','NOCTA Canada');"> ADD </button>
</div>
</form>
</li>
<li class="Cart_suggestion_product ge-hide">
<div class="Cart_suggestion_image">
<img src="//www.nocta.com/cdn/shop/files/crewsockswhite_1200x@2x.png?v=1683924306" width="100%" alt="">
</div>
<div class="Cart_suggestion_product_info">
<div class="Cart_suggestion_product_title"> Crew Socks 3 Pack </div>
<div class="Cart_suggestion_product_description"> $43.00 </div>
</div>
<form></form>
<form action="/cart/add" method="post" enctype="multipart/form-data" id="upsellProductForm-8599897866389" data-add-to-cart-form="">
<div class="btn-wrapper">
<select class="custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="45362070487189"> S </option>
<option value="45362070519957"> M </option>
<option value="45362070585493"> XL </option>
</select>
<input type="number" class="opacity-0" name="quantity" value="1" min="1" aria-hidden="true">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" aria-label="Add to Cart" onclick="gtm_push(this,'add_to_cart', '8599897866389', 'Crew Socks 3 Pack','4300','NOCTA Canada');"> ADD </button>
</div>
</form>
</li>
<li class="Cart_suggestion_product ge-hide">
<div class="Cart_suggestion_image">
<img src="//www.nocta.com/cdn/shop/files/brief2_1_e44ffded-087c-4936-9f4b-8ddcff7b9fa0_1200x@2x.png?v=1707943722" width="100%" alt="">
</div>
<div class="Cart_suggestion_product_info">
<div class="Cart_suggestion_product_title"> NOCTA Briefs </div>
<div class="Cart_suggestion_product_description"> $71.00 </div>
</div>
<form></form>
<form action="/cart/add" method="post" enctype="multipart/form-data" id="upsellProductForm-7830685941909" data-add-to-cart-form="">
<div class="btn-wrapper">
<select class="custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="43228985589909"> S </option>
<option value="43228985622677"> M </option>
<option value="43228985655445"> L </option>
<option value="43228985688213"> XL </option>
<option value="43228985720981"> XXL </option>
</select>
<input type="number" class="opacity-0" name="quantity" value="1" min="1" aria-hidden="true">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" aria-label="Add to Cart" onclick="gtm_push(this,'add_to_cart', '7830685941909', 'NOCTA Briefs','7100','NOCTA Canada');"> ADD </button>
</div>
</form>
</li>
<li class="Cart_suggestion_product ge-hide">
<div class="Cart_suggestion_image">
<img src="//www.nocta.com/cdn/shop/files/BOXERBRIEF-PINK-FCOLOR_Composite_01763186-d14f-4df0-9ae4-efeabc3e9f8e_1200x@2x.png?v=1698095012" width="100%" alt="">
</div>
<div class="Cart_suggestion_product_info">
<div class="Cart_suggestion_product_title"> NOCTA Briefs </div>
<div class="Cart_suggestion_product_description"> $70.00 </div>
</div>
<form></form>
<form action="/cart/add" method="post" enctype="multipart/form-data" id="upsellProductForm-8019651723413" data-add-to-cart-form="">
<div class="btn-wrapper">
<select class="custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="43727124430997"> XL </option>
<option value="43727124463765"> 2XL </option>
</select>
<input type="number" class="opacity-0" name="quantity" value="1" min="1" aria-hidden="true">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" aria-label="Add to Cart" onclick="gtm_push(this,'add_to_cart', '8019651723413', 'NOCTA Briefs','7000','NOCTA');"> ADD </button>
</div>
</form>
</li>
</ul>
</div>
<style>
.itemQuantity {
display: flex;
flex-direction: column-reverse;
align-content: flex-end;
flex-wrap: wrap;
}
@media(min-width:1024px) {
#Cart_suggestion {
display: block;
overflow-y: scroll;
position: fixed;
width: 25%;
height: 100%;
right: 25%;
background-color: black;
z-index: 699;
transform: translate(200%);
}
.Cart[data-active] #Cart_suggestion {
transform: translate(0);
}
#Cart_suggestion_verbiage {
position: fixed;
width: calc(100% - 1.5rem);
top: 96.19px;
text-align: center;
border-bottom: 1px solid white;
margin: 0 0.75rem;
padding: 10px 0;
}
#Cart_suggestion_products {
position: relative;
width: 100%;
top: 187.5px;
}
.Cart_suggestion_product_info {
display: flex;
margin: 0 2.5%;
}
.Cart_suggestion_product_title {
flex: 1;
}
.btn-wrapper {
display: flex;
justify-content: space-between;
padding: 20px 2.5%;
}
.custom-add {
width: 20%;
text-align: center;
border: 1px solid white;
padding: 4px 10px;
line-height: normal;
}
.custom-sizepicker {
border: 1px solid white;
background-color: black;
}
}
@media(max-width:1024px) {
#Cart_suggestion {
display: none;
}
}
@media(max-width:1024px) {
#Mobile-Cart_suggestion {
background-color: black;
}
.Cart[data-active] #Mobile-Cart_suggestion {
transform: translate(0);
padding-bottom: 40px;
}
#Mobile-Cart_suggestion_products {
display: flex;
overflow-x: scroll;
}
#Mobile-Cart_suggestion_verbiage {
text-align: center;
padding: 15px;
}
.Mobile-Cart_suggestion_product {
display: flex;
min-width: 60vw;
}
.Mobile-Cart_suggestion_image {
flex: 0.5;
}
.Mobile-Cart_suggestion_product_info_holder {
display: -ms-flexbox;
display: flex;
flex: 0.5;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
.Mobile-Cart_suggestion_product_title {}
.Mobile-Cart_suggestion_product_description {}
.Mobile-btn-wrapper {}
.custom-add {
margin-top: 5%;
display: flex;
}
.Mobile-custom-sizepicker {
margin-top: 5%;
background-color: black;
}
#Mobile-Cart_suggestion_products::-webkit-scrollbar {
display: none;
}
#Mobile-Cart_suggestion_products::-webkit-scrollbar-track {
display: none;
}
#Mobile-Cart_suggestion_products::-webkit-scrollbar-thumb {
display: none;
}
#Mobile-Cart_suggestion_products::-webkit-scrollbar-thumb:hover {
display: none;
}
}
@media(min-width:1024px) {
#Mobile-Cart_suggestion {
display: none;
}
}
</style>
</div>
</form><form></form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" id="Mobile-upsellProductForm-8621791117461" data-add-to-cart-form="">
<div class="Mobile-btn-wrapper">
<select class="Mobile-custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="45421608042645"> S/M </option>
<option value="45421608075413"> M/L </option>
</select>
<input type="number" class="opacity-0 display-none" name="quantity" value="1" min="1">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" role="link" onclick="gtm_push(this,'add_to_cart', '8621791117461', 'S.S. C Deep Cover Hat','7500','NOCTA Canada');"> ADD </button>
</div>
</form><form></form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" id="Mobile-upsellProductForm-8599897866389" data-add-to-cart-form="">
<div class="Mobile-btn-wrapper">
<select class="Mobile-custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="45362070487189"> S </option>
<option value="45362070519957"> M </option>
<option value="45362070585493"> XL </option>
</select>
<input type="number" class="opacity-0 display-none" name="quantity" value="1" min="1">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" role="link" onclick="gtm_push(this,'add_to_cart', '8599897866389', 'Crew Socks 3 Pack','4300','NOCTA Canada');"> ADD </button>
</div>
</form><form></form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" id="Mobile-upsellProductForm-7830685941909" data-add-to-cart-form="">
<div class="Mobile-btn-wrapper">
<select class="Mobile-custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="43228985589909"> S </option>
<option value="43228985622677"> M </option>
<option value="43228985655445"> L </option>
<option value="43228985688213"> XL </option>
<option value="43228985720981"> XXL </option>
</select>
<input type="number" class="opacity-0 display-none" name="quantity" value="1" min="1">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" role="link" onclick="gtm_push(this,'add_to_cart', '7830685941909', 'NOCTA Briefs','7100','NOCTA Canada');"> ADD </button>
</div>
</form><form></form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" id="Mobile-upsellProductForm-8019651723413" data-add-to-cart-form="">
<div class="Mobile-btn-wrapper">
<select class="Mobile-custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="43727124430997"> XL </option>
<option value="43727124463765"> 2XL </option>
</select>
<input type="number" class="opacity-0 display-none" name="quantity" value="1" min="1">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" role="link" onclick="gtm_push(this,'add_to_cart', '8019651723413', 'NOCTA Briefs','7000','NOCTA');"> ADD </button>
</div>
</form><form></form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" id="upsellProductForm-8621791084693" data-add-to-cart-form="">
<div class="btn-wrapper">
<select class="custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="45421606142101"> S/M </option>
<option value="45421606174869"> M/L </option>
</select>
<input type="number" class="opacity-0" name="quantity" value="1" min="1" aria-hidden="true">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" aria-label="Add to Cart" onclick="gtm_push(this,'add_to_cart', '8621791084693', 'S.S. C Deep Cover Hat','7500','NOCTA Canada');"> ADD </button>
</div>
</form><form></form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" id="upsellProductForm-8621791117461" data-add-to-cart-form="">
<div class="btn-wrapper">
<select class="custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="45421608042645"> S/M </option>
<option value="45421608075413"> M/L </option>
</select>
<input type="number" class="opacity-0" name="quantity" value="1" min="1" aria-hidden="true">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" aria-label="Add to Cart" onclick="gtm_push(this,'add_to_cart', '8621791117461', 'S.S. C Deep Cover Hat','7500','NOCTA Canada');"> ADD </button>
</div>
</form><form></form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" id="upsellProductForm-8599897866389" data-add-to-cart-form="">
<div class="btn-wrapper">
<select class="custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="45362070487189"> S </option>
<option value="45362070519957"> M </option>
<option value="45362070585493"> XL </option>
</select>
<input type="number" class="opacity-0" name="quantity" value="1" min="1" aria-hidden="true">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" aria-label="Add to Cart" onclick="gtm_push(this,'add_to_cart', '8599897866389', 'Crew Socks 3 Pack','4300','NOCTA Canada');"> ADD </button>
</div>
</form><form></form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" id="upsellProductForm-7830685941909" data-add-to-cart-form="">
<div class="btn-wrapper">
<select class="custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="43228985589909"> S </option>
<option value="43228985622677"> M </option>
<option value="43228985655445"> L </option>
<option value="43228985688213"> XL </option>
<option value="43228985720981"> XXL </option>
</select>
<input type="number" class="opacity-0" name="quantity" value="1" min="1" aria-hidden="true">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" aria-label="Add to Cart" onclick="gtm_push(this,'add_to_cart', '7830685941909', 'NOCTA Briefs','7100','NOCTA Canada');"> ADD </button>
</div>
</form><form></form>POST /cart/add
<form action="/cart/add" method="post" enctype="multipart/form-data" id="upsellProductForm-8019651723413" data-add-to-cart-form="">
<div class="btn-wrapper">
<select class="custom-sizepicker" name="variant">
<option selected="" hidden="" style="display:none">Choose Size</option>
<option selected="" value="43727124430997"> XL </option>
<option value="43727124463765"> 2XL </option>
</select>
<input type="number" class="opacity-0" name="quantity" value="1" min="1" aria-hidden="true">
<button class="custom-add" type="submit" name="add" data-add-to-cart-button="" aria-label="Add to Cart" onclick="gtm_push(this,'add_to_cart', '8019651723413', 'NOCTA Briefs','7000','NOCTA');"> ADD </button>
</div>
</form><form aria-live="polite" class="needsclick klaviyo-form klaviyo-form-version-cid_1 go3279073480 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-XdBdJs" novalidate=""
style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; border-radius: 4px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.01); background-repeat: no-repeat; background-position-y: 50%; padding: 40px 32px; flex: 1 1 0%;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 260px; justify-content: center;">
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; justify-content: flex-start; padding: 0px; position: relative; background-color: rgba(0, 0, 0, 0); flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_49941621" class="needsclick go3237242123 kl-private-reset-css-Xuajs1" type="email"
autocomplete="email" name="email" tabindex="0" placeholder="EMAIL ADDRESS *" aria-label="EMAIL ADDRESS" aria-required="true" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 53px; text-align: left; color: rgb(0, 0, 0); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(148, 149, 150);">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px; position: relative; flex: 1 0 0px;"><button
class="needsclick go300628013 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
style="background: rgba(5, 5, 5, 0); border-radius: 0px; border-style: solid; border-color: rgb(255, 255, 255); border-width: 1px; color: rgb(255, 255, 255); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 11px; padding-bottom: 11px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; pointer-events: auto; height: auto; width: 100%;">SUBSCRIBE</button>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>POST /localization
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/?rb=o&_s=_s-l-f&_s=_s-l-f">
<input type="hidden" name="country_code" value="CA">
<input type="hidden" name="language_code" value="en">
</form>Text Content
This website uses cookies to ensure you get the best experience on our
website.Privacy Policy
PreferencesAccept
x
Choose Type of Cookies You Accept Using
Strictly Required Cookies
These cookies are required for the website to run and cannot be switched off.
Such cookies are only set in response to actions made by you such as language,
currency, login session, privacy preferences. You can set your browser to block
these cookies but this might affect the way our site is working.
Analytics and Statistics
These cookies allow us to measure visitors traffic and see traffic sources by
collecting information in data sets. They also help us understand which products
and actions are more popular than others.
Marketing and Retargeting
These cookies are usually set by our marketing and advertising partners. They
may be used by them to build a profile of your interest and later show you
relevant ads. If you do not allow these cookies you will not experience targeted
ads for your interests.
Functional Cookies
These cookies enable our website to offer additional functions and personal
settings. They can be set by us or by third-party service providers that we have
placed on our pages. If you do not allow these cookies, these or some of these
services may not work properly.
Save my choiceAccept All
*By clicking on the above buttons, I give my consent on collecting my IP and
email (if registered). For more check GDPR Compliance
Skip to main content
* Shop
* Archive
* Account
* Cart Cart ( 0 ) Close Cart
* USD CAD
IN STOCK
82
LATEST
232
ALL
263
CARDINAL STOCK
81
Menu
Shop
* IN STOCK
* LATEST
* ALL
* CARDINAL STOCK
* Archive
* Account
* Cart Cart ( 0 ) Close Cart
* USD CAD
Close Cart
* USD CAD
( 0 )
CART
Sign up for an account to benefit from exclusive offers
REGISTER
S.S. C Deep Cover Hat
$75.00
Choose Size S/M M/L ADD
S.S. C Deep Cover Hat
$75.00
Choose Size S/M M/L ADD
Crew Socks 3 Pack
$43.00
Choose Size S M XL ADD
NOCTA Briefs
$71.00
Choose Size S M L XL XXL ADD
NOCTA Briefs
$70.00
Choose Size XL 2XL ADD
Continue shopping
Spend $283 for Free Shipping. Spend $354 for free socks.
All Sales Final. See FAQ for more information.
Recommend purchasing a half size up for Hot Step.
Total $0.00 CAD
Checkout
SIGN UP FOR AN ACCOUNT TO BENEFIT FROM EXCLUSIVE OFFERS
REGISTER
* S.S. C Deep Cover Hat
$75.00
Choose Size S/M M/L ADD
* S.S. C Deep Cover Hat
$75.00
Choose Size S/M M/L ADD
* Crew Socks 3 Pack
$43.00
Choose Size S M XL ADD
* NOCTA Briefs
$71.00
Choose Size S M L XL XXL ADD
* NOCTA Briefs
$70.00
Choose Size XL 2XL ADD
NOCTA
SHOPPABLE CLIPS
SHOPPABLE CLIP MODAL
Shop Hot Step II
RELEASING IN
00:
00:
00:
00
This section contains a carousel as list of items, the list is tab operated.
NEW
HOT STEP II
$230.00 CAD 4 5 5.5 6 6.5 7 7.5 8 8.5 9 9.5 10 10.5 11 11.5 12
12.5 13
Quick Shop
* 4
* 5
* 5.5
* 6
* 6.5
* 7
* 7.5
* 8
* 8.5
* 9
* 9.5
* 10
* 10.5
* 11
* 11.5
* 12
* 12.5
* 13
Add To Cart
NEW
HOT STEP II
$230.00 CAD 4 5 5.5 6 6.5 7 7.5 8 8.5 9 9.5 10 10.5 11 11.5 12
12.5 13
Quick Shop
* 4
* 5
* 5.5
* 6
* 6.5
* 7
* 7.5
* 8
* 8.5
* 9
* 9.5
* 10
* 10.5
* 11
* 11.5
* 12
* 12.5
* 13
Add To Cart
HOT STEP II
$230.00 CAD 4 5 5.5 6 6.5 7 7.5 8 8.5 9 9.5 10 10.5 11 11.5 12
12.5 13
Sold Out
* 4
* 5
* 5.5
* 6
* 6.5
* 7
* 7.5
* 8
* 8.5
* 9
* 9.5
* 10
* 10.5
* 11
* 11.5
* 12
* 12.5
* 13
Sold Out
HOT STEP II
$230.00 CAD 4 5 5.5 6 6.5 7 7.5 8 8.5 9 9.5 10 10.5 11 11.5 12
12.5 13
Sold Out
* 4
* 5
* 5.5
* 6
* 6.5
* 7
* 7.5
* 8
* 8.5
* 9
* 9.5
* 10
* 10.5
* 11
* 11.5
* 12
* 12.5
* 13
Sold Out
EXCLUSIVE
HOT STEP II
$230.00 CAD 4 5 5.5 6 6.5 7 7.5 8 8.5 9 9.5 10 10.5 11 11.5 12
12.5 13
Sold Out
* 4
* 5
* 5.5
* 6
* 6.5
* 7
* 7.5
* 8
* 8.5
* 9
* 9.5
* 10
* 10.5
* 11
* 11.5
* 12
* 12.5
* 13
Sold Out
HOT STEP II
$260.00 CAD 4 5 5.5 6 6.5 7 7.5 8 8.5 9 9.5 10 10.5 11 11.5 12
12.5 13
Sold Out
* 4
* 5
* 5.5
* 6
* 6.5
* 7
* 7.5
* 8
* 8.5
* 9
* 9.5
* 10
* 10.5
* 11
* 11.5
* 12
* 12.5
* 13
Sold Out
HOT STEP II
$260.00 CAD 4 5 5.5 6 6.5 7 7.5 8 8.5 9 9.5 10 10.5 11 11.5 12
12.5 13
Sold Out
* 4
* 5
* 5.5
* 6
* 6.5
* 7
* 7.5
* 8
* 8.5
* 9
* 9.5
* 10
* 10.5
* 11
* 11.5
* 12
* 12.5
* 13
Sold Out
Shop all
SIZE GUIDE
shoes tops bottoms fins headwear SOCKS shoes (big kids) shoes (little kids)
women's chalet polar top
MENS455.566.577.588.599.51010.51111.51213
WOMENS5.56.577.588.599.51010.51111.51212.51313.514.5
UK3.54.555.5666.577.588.599.51010.51112
CM2323.5242424.52525.52626.52727.528.528.52929.53031
EU3637.53838.5394040.5414242.5434444.54545.54647.5
in cm
SIZEXXSXSSMLXL2XL WOMEN’S SIZING XS S M L XL 2XL 3XL CHEST 28.5 - 31.5 72 - 80
31.5 - 35 80 - 88 35 - 37.5 88 - 96 37.5 - 41 96 - 104 41 - 44 104 - 112 44 -
48.5 112 - 124 48.5 - 53.5 124 - 136 HIP 28.5 - 31.5 72 - 80 31.5 - 35 80 - 88
35 - 37.5 88 - 96 37.5 - 41 96 - 104 41 - 44 104 - 112 44 - 47 112 - 120 47 -
50.5 120 - 128
in cm
SIZEXSSMLXL2XL WAIST <29 <73.5 29 - 32 73.5 - 81 32 - 35 81 - 89 35 - 38 89 -
96.5 38 - 43 96.5 - 109 43 - 47.5 109 - 120.5 HIP <35 <89 35 - 37.5 89 - 95 37.5
- 41 95 - 104 41 -44 104 - 111.5 44 - 47 111.5 - 119 47 - 50.5 119 - 128 LEG
LENGTH <32.25 <82 32.25 82 32.5 82.5 32.75 83 33 83.5 33.25 83.5
FIN SIZEXXSXSSMLXL MENS US3 - 55 - 77 - 99 - 10.510.5 - 1212 - 14 MENS UK2 -
44.5 - 66 - 88 - 9.59.5 - 1111 - 13 MENS EU35 - 37.537.5 - 4040 - 42.542.5 -
44.544.5 - 4646 - 48.5 WOMENS US5 - 6.56.5 - 8.58.5 - 10.510.5 - 1212 - 14-
HAT SIZES/MM/LL/XL CIRCUMFERENCE (IN)21.522.623.8 CIRCUMFERENCE (CM)54.557.560.5
SIZESMLXL MEN’S US6 - 88 - 1212 - 15 WOMEN’S US4 - 66 - 1010 - 13 EU34 - 3838 -
4242 - 4646 - 50
US - KIDS3.5Y4Y4.5Y5Y5.5Y6Y6.5Y7Y UK33.544.555.566 EU35.53636.537.53838.53940
FOOT LENGTH (IN)8 12/168 13/168 15/169 2/169 4/169 6/169 9/169 11/16 FOOT LENGTH
(CM)22.222.422.723.223.523.824.324.6
US - KIDS1Y1.5Y2Y2.5Y3Y UK13.511.522.5 EU323333.53435 FOOT LENGTH (IN)7 15/168
1/168 4/168 7/168 9/16 FOOT LENGTH (CM)20.120.520.921.421.8
in cm
SIZEXXSXSSMLXL2XL BUST 27.6 - 29.9 70 - 76 29.9 - 32.7 76 - 83 32.7 - 35.4 83 -
90 35.4 - 38.2 90 - 97 38.2 - 40.9 97 - 104 40.9 - 44.9 104 - 114 44.9 - 48.8
114 - 124 WAIST 21.3 - 23.6 54 - 60 23.6 - 26.4 60 - 67 26.4 - 29.1 67 - 74 29.1
- 31.9 74 - 81 31.9 - 34.6 81 - 88 34.6 - 38.6 88 - 98 38.6 - 42.5 98 - 108 HIP
30.7 - 33 78 - 84 33 - 35.8 84 - 91 35.8 - 38.6 91 - 98 38.6 - 41.3 98 - 105
41.3 - 44.1 105 - 112 44.1 - 47.2 112 - 120 47.2 - 50.4 120 - 128
CHEST: Measure around the fullest part of your chest.
WAIST: Measure around the narrowest part (typically where your body bends side
to side).
HIPS: Measure around the fullest part of your hips.
Top
SUBSCRIBE
* Size Guide
* Privacy
* Terms
* FAQ
* Terms of Service
* Refund policy
* Do not sell my personal information
*
* Instagram
* Twitter
* Facebook