/** Shopify CDN: Minification failed

Line 71:2 Expected identifier but found "*"
Line 145:2 Expected identifier but found "*"
Line 1544:53 "line-hight" is not a known CSS property
Line 1930:21 "grid-template-area" is not a known CSS property
Line 2453:27 Unexpected "'.drawing-enter-btn'"
Line 2454:27 Unexpected "'.size-item'"
Line 2455:27 Unexpected "'.set-location'"

**/
/* Search Popup Overlap Issue Fix */
.predictive__search
{
  z-index:4 !important;
  margin-top : -2px !important;
}
#contact-us {
   font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.ReactModal__Overlay .ReactModal__Content .returns-app__modal.size .returns-app__modal--inner{
  word-break:normal!important;
}

.ReactModal__Overlay .ReactModal__Content .returns-app__modal.size .returns-app__modal--inner{
  max-width: 100%!important;
}
.pr-header-product-name{
  word-break: break-all;
}

@media(max-width:500px){
p.returns-app__modal--title{
  font-size:18px!important;
}

.input-wrap span.tooltipIcon:hover{
  margin-bottom: 40px;
}
.input-wrap #CustomerTelephone+.tooltipIcon:hover {
  height: 80px;
}

}

@media (min-width: 500px) and (max-width: 768px) {
  #create-account .account-page .form-vertical{
  max-width: 500px;
  margin: 0 auto;
}
}

/* General css */
*:focus{outline: none;}
.wrapper, #shopify-section-recently-viewed { padding: 0 30px; max-width: 1750px;}
#about-us .main-content .wrapper { padding: 0 !important; max-width: 1920px; }
/* width */
::-webkit-scrollbar { width: 8px; height: 4px; }
/* Track */
::-webkit-scrollbar-track {background: #707070;}
/* Handle */
::-webkit-scrollbar-thumb {background: #ccc;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: var(--orange); cursor:pointer;}

body.search_active { overflow: hidden;}
#shopify-section-header { position: sticky; top: 0; width: 100%; z-index: 9;}
#PageContainer { overflow: inherit;}

.clearfix{
  *zoom: 1
}
.clearfix::after{
  content:"";
  display:table;
  clear:both
}

/*============================================================================
  #Normalize
==============================================================================*/
*, input, ::before, ::after {
  box-sizing: border-box;
}

html, body {
  padding: 0;
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.grid::after,.grid--rev::after,.grid--full::after,.grid-uniform::after{
  content:"";
  display:table;
  clear:both
}

/*============================================================================
  #Basic Styles
==============================================================================*/
html{
  background-color: var(--colorFooterBg);
}
body{
  background-color: var(--colorBody);
}
body::after {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 58%);
  content: '';
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s;
}
body.no-scroll {
  overflow: hidden;
}
[tabindex="-1"]:focus{
  outline:none
}
.wrapper,#shopify-section-recently-viewed{
  *zoom: 1;
  max-width: var(--siteWidth);
  margin:0 auto;
  padding:0 calc(var(--gutter) / 2);
}
.wrapper::after,#shopify-section-recently-viewed::after{
  content:"";
  display:table;
  clear:both
}
.main-content {
  display: block;
  margin-top: var(--gutter);
  padding-bottom: calc(var(--gutter) * 2);
}
.visually-hidden,.supports-fontface .icon-fallback-text .fallback-text{
  position:absolute!important;
  overflow:hidden;
  clip:rect(0 0 0 0);
  height:1px!important;
  width:1px!important;
  margin:-1px!important;
  padding:0;
  border:0
}

/*============================================================================
  #Helper Classes
==============================================================================*/
.is-transitioning {
  display: block !important;
  visibility: visible !important;
}

.display-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.display-table-cell {
  display: table-cell;
  vertical-align: middle;
  float: none;
}


/*============================================================================
  #Typography
==============================================================================*/
body,
input,
textarea,
button,
select {
  font-size: var(--baseFontSize);
  line-height: 24px;
  font-family: var(--bodyFontStack);
  color: var(--colorTextBody);
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

.input-focus, .input-wrap {
  position: relative;
}

.input-focus.fit-content {
  width: fit-content;
}


h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,
.h{
  display: block;
  font-family: var(--headerFontStack);
  font-weight: var(--headerFontWeight);
  margin: 0 0 8px;
  line-height: 1.4;
}

h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a,h6 a,.h6 a{
  text-decoration:none;
  font-weight:inherit
}

h1,.h1{
  font-size: 32px;
}
h2,.h2{
  font-size: 26px;
}
h3,.h3{
  font-size: 20px;
}
h4,.h4{
  font-size: 16px;
}
h5,.h5{
  font-size: 14px;
}
h6,.h6{
  font-size: 12px;
}
.medium {
  font-family: var(--fontMed);
  font-weight: 500 !important;
}

.h.h-small {
  font-size: 16px;
  line-height: 20px;
}

.h.h-regular {
  font-size: 20px;
  line-height: 24px;
}

.h.h-large {
  font-size: 26px;
  line-height: 30px;
}

.h.h-display-small {
  font-size: 20px;
  line-height: 24px;
}

.h.h-display-regular {
  font-size: 26px;
  line-height: 30px;
}

.h.h-display-large {
  font-size: 30px;
  line-height: 34px;
}

.h.h-display {
  font-weight: 500;
}

p {
  margin: 0 0 calc(var(--gutter) / 2) 0;
}

.p-fine {
  font-size: 10px;
  line-height: 15px;
}

.p-small {
  font-size: 12px;
  line-height: 18px;
}

.p-regular {
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
}

.p-large {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

p img{
  margin:0
}

.heavy {
  font-weight: 700;
}

em {
  font-style: italic;
}

b, strong {
  font-weight: bold;
}

small {
  font-size: 12px;
  line-height: 18px;
}

sup, sub {
  position: relative;
  font-size: 60%;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}

sub {
  bottom: -0.5em;
}

/*================ Blockquotes ================*/
blockquote{
  font-size:1.125em;
  line-height:1.45;
  font-style:italic;
  margin: 0 0 var(--gutter);
  padding: calc(var(--gutter) / 2) var(--gutter);
  border-left: 1px solid var(--colorBorder);
}
blockquote p{
  margin-bottom:0;
}
blockquote p+cite{
  margin-top: calc(var(--gutter) / 2);
}
blockquote cite{
  display:block;
  font-size:.75em;
}
blockquote cite::before{
  content: '\2014 \0020';
}

/*================ Code ================*/
code, pre {
  background-color: #faf7f5;
  font-family: Consolas,monospace;
  font-size: 1em;
  border: 0 none;
  padding: 0 2px;
  color: #51ab62;
}

pre {
  overflow: auto;
  padding: calc(var(--gutter / 2));
  margin: 0 0 var(--gutter);
}

/*================ Horizontal Rules ================*/
hr{
  clear:both;
  border-top:solid var(--grey-light);
  border-width:1px 0 0;
  margin:24px 0;
  height:0
}
hr.hr--small{
  margin:calc(var(--gutter) / 2) 0
}
hr.hr--clear{
  border-top-color:transparent
}

/*================ Section Headers ================*/
.section-header{
  margin-bottom:20px
}

.section-header__right .form-horizontal,.section-header__right .collection-view{
  display:inline-block;
  vertical-align:middle
}

.section-header__right label+select,.section-header__right .collection-view{
  margin-left: calc(var(--gutter) / 2);
}

.collection-view{
  display:inline-block;
  border:1px solid var(--colorBorder);
  border-radius: var(--radius);
  padding:0 5px;
  height:37px;
  overflow:hidden
}

.change-view {
  display: block;
  background: none;
  border: 0 none;
  float: left;
  padding: 10px 8px;
  color: var(--colorBorder);
  line-height: 1;
}

.change-view:hover,
.change-view:focus {
  color: var(--colorPrimary);
}

.change-view--active {
  cursor: default;
  color: var(--colorPrimary);
}

/*============================================================================
  #Rich Text Editor
==============================================================================*/
.rte{
  margin-bottom: calc(var(--gutter) / 2);
}
.rte a{
  text-decoration:underline;
  color: inherit;
}
.rte h1,.rte .h1,.rte h2,.rte .h2,.rte h3,.rte .h3,.rte h4,.rte .h4,.rte h5,.rte .h5,.rte h6,.rte .h6{
  margin-top:2em
}
.rte h1:first-child,.rte .h1:first-child,.rte h2:first-child,.rte .h2:first-child,.rte h3:first-child,.rte .h3:first-child,.rte h4:first-child,.rte .h4:first-child,.rte h5:first-child,.rte .h5:first-child,.rte h6:first-child,.rte .h6:first-child{
  margin-top:0
}
.rte h1 a,.rte .h1 a,.rte h2 a,.rte .h2 a,.rte h3 a,.rte .h3 a,.rte h4 a,.rte .h4 a,.rte h5 a,.rte .h5 a,.rte h6 a,.rte .h6 a{
  text-decoration:none
}
.rte>div{
  margin-bottom: calc(var(--gutter) / 2);
}
.rte li{
  margin-bottom:.4em
}
.rte--header{
  margin-bottom:0
}


/*============================================================================
  #Links, Buttons and Labels
==============================================================================*/
a, .text-link {
  color: var(--grey-darker);
  text-decoration: none;
  background: transparent;
  text-transform: initial;
}

a:hover {
  color: var(--orange);
  cursor: pointer;
}

.text-link,
.rte a {
  position: relative;
}

.text-link:focus::before,
.rte a:focus::before {
  border: 1.5px solid #000;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
}


.link-small {
  font-size: 12px;
  line-height: 18px;
}

.link-regular {
  font-size: 14px;
  line-height: 21px;
}

.link-large {
  font-size: 16px;
  line-height: 24px;
}

button {
  overflow: visible;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

.btn,
.rte .btn,
.btn--secondary,
.rte .btn--secondary,
.btn--secondary-alt,
.rte .btn--secondary-alt {
  position: relative;
  display: inline-block;
  padding: 17px 24px;
  width: auto;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height:16px;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  text-transform: initial;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  /*================ Set primary button colors - can override later ================*/
  background-color: var(--colorBtnPrimary);
  border: 1px solid var(--colorBtnPrimary);
  color: var(--colorBtnPrimaryText);
}

.btn--icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.btn--icon::after {
  content: '';
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.20711 15.9902L7.85355 9.34379L8.20711 8.99023L7.85355 8.63668L1.20711 1.99023L1.5 1.69734L8.79289 8.99023L1.5 16.2831L1.20711 15.9902Z' fill='%231B1C1E' stroke='white'/%3E%3C/svg%3E%0A");
  width: 10px;
  height: 17px;
  background-size: contain;
  background-repeat: no-repeat;
}

.btn:hover,
.rte .btn:hover {
  background-color: var(--colorBtnPrimaryHover);
  border-color: var(--colorBtnPrimaryHover);
  color: var(--colorBtnPrimaryText);
}

.btn:focus::before,
.rte .btn:focus::before {
  border: 2px solid var(--colorBtnSecondary);
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
}

.btn[disabled], .btn.disabled
.rte .btn[disabled], .rte .btn.disabled {
  cursor: default;
  color: var(--colorBtnPrimary);
  background-color: var(--orange-lighter);
  border-color: var(--orange-lighter);
}

.btn--secondary,
.rte .btn--secondary {
  background-color: var(--colorBtnSecondary);
  border-color: var(--colorBtnSecondary);
}

.btn--secondary:hover,
.rte .btn--secondary:hover {
  background-color: var(--colorBtnSecondaryHover);
  color: var(--colorBtnSecondaryText);
  border-color: var(--colorBtnSecondaryHover);
}

.btn--secondary-alt,
.rte .btn--secondary-alt {
  background-color: var(--white);
  color: var(--colorBtnSecondary);
  border-color: var(--grey-light);
}

.btn--secondary-alt:hover,
.rte .btn--secondary-alt:hover {
  background-color: var(--white);
  color: var(--colorBtnSecondary);
  border-color: var(--colorBtnSecondary);
}

.btn--quick {
  padding: 12px;
  background: var(--white);
  margin:0;
  text-align:center;
  border:1px solid var(--grey-light);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.btn--quick:hover {
  background-color: var(--colorBtnSecondary);
  color: var(--white);
}

.btn--regular {
  font-size: 14px;
  line-height: 21px;
  padding: 10px;
}

.btn--small {
  padding: 4px 5px;
  font-size: 12px;
}

.btn--large {
  padding: 12px 15px;
  font-size: 16px;
}

.btn--full {
  width: 100%;
}

.btn--orange {
  background-color: var(--orange);
}

.btn--orange:hover {
  color: #fff !important;
  background-color: var(--orange-dark);
}

/* Labels */
label {
  letter-spacing: 1px;
  font-weight: 500;
}

.label-xsmall {
  font-size: 10px;
  line-height: 14px;
}

.label-small {
  font-size: 12px;
  line-height: 16px;
}

.label-regular {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}

.label-large {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

/*================ Force an input/button to look like a text link ================*/
.text-link {
  display: inline;
  border: 0 none;
  background: none;
  padding: 0;
  margin: 0;
}

/*============================================================================
  #Lists
==============================================================================*/
ul,ol{
  margin: 0 0 24px 20px;
  padding:0;
}
ol{
  list-style:decimal;
}
ul ul,ul ol,ol ol,ol ul{
  margin:4px 0 5px 20px;
}
li{
  margin-bottom:.25em;
}
ul.square{
  list-style:square outside;
}
ul.disc{
  list-style:disc outside;
}
ol.alpha{
  list-style:lower-alpha outside;
}
.no-bullets{
  list-style:none outside;
  margin-left:0;
}
.inline-list{
  margin-left:0;
}
.inline-list li{
  display:inline-block;
  margin-bottom:0;
}


/*============================================================================
  #Tables
==============================================================================*/
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

table.full {
  width: 100%;
  margin-bottom: 1em;
}

.table-wrap {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

th {
  font-weight: bold;
}

th, td {
  text-align: left;
  padding: calc(var(--gutter) / 2);
  border: 1px solid var(--colorBorder);
}

/*============================================================================
  Responsive tables, defined with .table--responsive on table element.
  Only defined for IE9+
==============================================================================*/
@media screen and (max-width: 480px){
  .table--responsive thead{
      display:none
  }
  .table--responsive tr{
      display:block
  }
  .table--responsive tr,.table--responsive td{
      float:left;
      clear:both;
      width:100%
  }
  .table--responsive th,.table--responsive td{
      display:block;
      text-align:right;
      padding:15px
  }
  .table--responsive td::before{
      content:attr(data-label);
      float:left;
      text-align:center;
      font-size:12px;
      padding-right:10px
  }
  .table--responsive.cart-table img{
      margin:0 auto
  }
  .table--responsive.cart-table .js-qty,.table--responsive.cart-table .ajaxcart__qty{
      float:right
  }
}
@media screen and (max-width: 480px){
  .table--small-hide{
      display:none!important
  }
  .table__section+.table__section{
      position:relative;
      margin-top:10px;
      padding-top:15px
  }
  .table__section+.table__section::after{
      content:"";
      display:block;
      position:absolute;
      top:0;
      left:15px;
      right:15px;
      border-bottom:1px solid var(--colorBorder)
  }
}

/*============================================================================
  #OOCSS Media Object
    - http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
==============================================================================*/
.media,
.media-flex {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}

.media-img {
  float: left;
  margin-right: var(--gutter);
}

.media-img-right {
  float: right;
  margin-left: var(--gutter);
}

.media-img img,
.media-img-right img {
  display: block;
}

/*============================================================================
  #Images and Iframes
==============================================================================*/
img{
  border:0 none
}
svg:not(:root){
  overflow:hidden
}
img,iframe{
  max-width:100%
}
.video-wrapper{
  position:relative;
  overflow:hidden;
  max-width:100%;
  padding-bottom:56.25%;
  height:0;
  height:auto
}
.video-wrapper iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}

/*============================================================================
  #Forms
==============================================================================*/
form {
  margin-bottom: 0;
}

.form-vertical {
  margin-bottom: 16px;
}

@media screen and (max-width: 768px){
  input,textarea{
      font-size:16px
  }
}

input,textarea,button,select{
  padding:0;
  margin:0;
  -webkit-user-select:text;
  -moz-user-select:text;
  -ms-user-select:text;
  user-select:text
}
button{
  background:none;
  border:none;
  cursor:pointer
}
button,input,textarea{
  -webkit-appearance:none;
  -moz-appearance:none
}
button{
  background:none;
  border:none;
  display:inline-block;
  cursor:pointer
}
input[type=image]{
  padding-left:0;
  padding-right:0
}
fieldset{
  border:1px solid var(--colorBorder);
  padding: calc(var(--gutter) / 2);
}
legend{
  border:0;
  padding:0
}
button,input[type=submit]{
  cursor:pointer
}
input,textarea,select{
  border:1px solid var(--grey-light);
  max-width:100%;
  padding:12px 16px;
}
input:focus,textarea:focus,select:focus{
  border:1px solid var(--colorBorderDarken);
}
input[disabled],input.disabled,textarea[disabled],textarea.disabled,select[disabled],select.disabled{
  cursor:default;
  background-color: var(--disabledGrey);
  border-color: var(--disabledBorder);
}
input.input-full,textarea.input-full,select.input-full{
  width:100%
}
textarea{
  min-height:100px;
}

/*================ Input element overrides ================*/
nput[type=checkbox],input[type=radio]{
  display:inline;
  margin:0 8px 0 0;
  padding:0;
  width:auto;
}
input[type=checkbox]{
  -webkit-appearance:checkbox;
  -moz-appearance:checkbox
}
input[type=radio]{
  -webkit-appearance:radio;
  -moz-appearance:radio;
}
input[type=image]{
  padding-left:0;
  padding-right:0;
}
select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-position:right center;
  background-image:url(//size.ca/cdn/shop/t/269/assets/ico-select.svg?v=69652958763098554041720717146);
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-color:transparent;
  padding-right:28px;
  text-indent:.01px;
  text-overflow:"";
  cursor:pointer
}
.ie9 select,.lt-ie9 select{
  padding-right:10px;
  background-image:none;
}
optgroup{
  font-weight:700
}
option{
  color:#000;
  background-color:#fff;
}
select::-ms-expand{
  display:none;
}
/*================ Form labels ================*/
.hidden-label{
  position:absolute;
  height:0;
  width:0;
  margin-bottom:0;
  overflow:hidden;
  clip:rect(1px,1px,1px,1px)
}
.ie9 .hidden-label,.lt-ie9 .hidden-label{
  position:static;
  height:auto;
  width:auto;
  margin-bottom:2px;
  overflow:visible;
  clip:initial;
}
.form-vertical input:not([type="checkbox"]):not([type="radio"]),.form-vertical select,.form-vertical textarea{
  display:block;
  width:100%;
  margin-bottom:16px;
}
/*================ Horizontal Form ================*/
.form-vertical input[type=radio],.form-vertical input[type=checkbox]{
  display:inline-block;
}
/*================ Error styles ================*/
input.error,select.error,textarea.error{
  border-color: var(--errorRed);
  background-color: var(--errorRedBg);
  color: var(--errorRed);
}
label.error{
  color: var(--errorRed);
}
/*================ Input Group ================*/
.input-group{
  position:relative;
  display:table;
  border-collapse:separate;
}
.input-group .input-group-field:first-child,.input-group .input-group-btn:first-child,.input-group .input-group-btn:first-child>.btn,.input-group .input-group-btn:first-child>.btn--secondary,.input-group input[type=hidden]:first-child+.input-group-field,.input-group input[type=hidden]:first-child+.input-group-btn>.btn,.input-group input[type=hidden]:first-child+.input-group-btn>.btn--secondary{
  border-radius: var(--radius) 0 0 var(--radius);
}
.input-group .input-group-field:last-child,.input-group .input-group-btn:last-child>.btn,.input-group .input-group-btn:last-child>.btn--secondary{
  border-radius: 0 var(--radius) var(--radius) 0;
}
.input-group input::-moz-focus-inner{
  border:0;
  padding:0;
  margin-top:-1px;
  margin-bottom:-1px
}
.input-group-field,.input-group-btn{
  display:table-cell;
  vertical-align:middle;
  margin:0
}
.input-group .btn,.input-group .btn--secondary,.input-group .input-group-field{
  height:37px
}
.input-group .input-group-field{
  width:100%
}
.input-group-btn{
  position:relative;
  white-space:nowrap;
  width:1%;
  padding:0
}

/*============================================================================
  #Icons
==============================================================================*/
.icon-fallback-text .icon{
  display:none
}
.supports-fontface .icon-fallback-text .icon{
  display:inline-block
}
.icon::before{
  display:none
}
.supports-fontface .icon::before{
  display:inline;
  font-family: var(--socialIconFontStack);
  text-decoration:none;
  speak:none;
  font-style:normal;
  font-weight:400;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.icon-amazon_payments::before{
  content:"\e800"
}
.icon-american_express::before{
  content:"A"
}
.icon-arrow-down::before{
  content:"\e607"
}
.icon-bitcoin::before{
  content:"B"
}
.icon-cart::before{
  content:"\e600"
}
.icon-cirrus::before{
  content:"C"
}
.icon-dankort::before{
  content:"d"
}
.icon-diners_club::before{
  content:"c"
}
.icon-discover::before{
  content:"D"
}
.icon-dogecoin::before{
  content:"\e904"
}
.icon-dwolla::before{
  content:"\e905"
}
.icon-facebook::before{
  content:"f"
}
.icon-fancy::before{
  content:"F"
}
.icon-forbrugsforeningen::before{
  content:"\e906"
}
.icon-google-plus::before{
  content:"\e900"
}
.icon-grid-view::before{
  content:"\e603"
}
.icon-hamburger::before{
  content:"\e601"
}
.icon-instagram::before{
  content:"\e901"
}
.icon-interac::before{
  content:"I"
}
.icon-jcb::before{
  content:"J"
}
.icon-list-view::before{
  content:"\e604"
}
.icon-litecoin::before{
  content:"\e908"
}
.icon-maestro::before{
  content:"m"
}
.icon-master::before{
  content:"M"
}
.icon-minus::before{
  content:"\e602"
}
.icon-paypal::before{
  content:"P"
}
.icon-pinterest::before{
  content:"p"
}
.icon-plus::before{
  content:"\e605"
}
.icon-rss::before{
  content:"r"
}
.icon-search::before{
  content:"s"
}
.icon-stripe::before{
  content:"S"
}
.icon-tumblr::before{
  content:"t"
}
.icon-twitter::before{
  content:"T"
}
.icon-vimeo::before{
  content:"v"
}
.icon-visa::before{
  content:"V"
}
.icon-x::before{
  content:"\e606"
}
.icon-youtube::before{
  content:"y"
}
.payment-icons{
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:default;
}
.payment-icons li{
  margin: 0 calc(var(--gutter) / 4) calc(var(--gutter) / 4);
  color: var(--colorFooterSocial);
  cursor:default;
}
.payment-icons .icon{
  font-size:30px;
  line-height:30px;
}
.payment-icons .fallback-text{
  text-transform:capitalize;
}
.social-icons li{
  margin: 0 calc(var(--gutter) / 2) calc(var(--gutter) / 2);
  vertical-align:middle;
}
@media screen and (min-width: 481px){
  .social-icons li{
      margin-left:0;
  }
}
.social-icons li .icon{
  font-size:30px;
  line-height:26px;
}
.social-icons li a{
  color: var(--colorFooterSocial);
}
.social-icons li a:hover{
  color: var(--colorFooterSocialDark);
}

/*============================================================================
  #Pagination
==============================================================================*/
.pagination{
  margin-bottom:1em;
  text-align:center
}
.pagination>span{
  display:inline-block;
  line-height:1
}
.pagination a{
  display:block
}
.pagination a,.pagination .page.current{
  padding:8px
}

/*============================================================================
  #Site Header
==============================================================================*/
.site-header{
  padding: calc(var(--gutter) / 2) 0;
}
.site-header .grid--table{
  display:table;
  table-layout:fixed;
  width:100%;
  border-bottom: 0.25px solid var(--grey-light);
}
.site-header .grid--table>.grid__item{
  float:none;
  display:table-cell;
  vertical-align:middle;
}
.site-header__logo{
  text-align:center;
  margin:0 auto;
  max-width:100%;
}
.site-header__logo a,.site-header__logo a:hover,.site-header__logo a:focus{
  text-decoration:none;
}
.site-header__logo a,.site-header__logo img{
  display:block;
}
.site-header__logo img{
  margin:0 auto;
}
.site-header__logo-link{
  max-width:450px;
  margin:0 auto;
}
.site-header__cart-toggle{
  display:inline-block;
}
.site-header__search{
  display:inline-block;
  max-width:350px;
  margin-top: calc(var(--gutter) / 2);
  width:100%;
}
.search-bar{
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}

/*============================================================================
  #Site Nav and Dropdowns
==============================================================================*/
.nav-bar{
  background-color: var(--colorNav);
}
.site-nav,.site-nav--mobile{
  font-size: 16px;
  cursor:default;
  margin: 0 0 0 calc(var(--gutter) / 2 * -1);
}
.site-nav li,.site-nav--mobile li{
  margin:0;
  display:block;
}
.site-nav>li,.site-nav--mobile>li{
  position:relative;
  display:inline-block;
}

/*================ Home to hamburger and cart that toggle drawers ================*/
.site-nav--mobile{
  display:flex;
}
.text-right .site-nav--mobile{
  margin: 0 calc(var(--gutter) / 2 * -1) 0 0;
}
.site-nav__link{
  display:block;
  text-decoration:none;
  padding: calc(var(--gutter) / 2);
  white-space:nowrap;
  color:var(--colorNavText);
  display:flex;
  align-items:center;
}
.site-nav__link:hover,.site-nav__link:active,.site-nav__link:focus{
  color: var(--colorNavTextDark);
}
.site-nav__link .icon-arrow-down{
  position:relative;
  top:-2px;
  font-size:10px;
  padding-left: calc(var(--gutter) / 4);
}
.site-nav--active>.site-nav__link{
  font-weight:700;
}
.site-nav--mobile .site-nav__link{
  display:inline-block;
}

/*================ Dropdowns ================*/
.site-nav__dropdown{
  display:none;
  position:absolute;
  left:0;
  margin:0;
  z-index:var(--zindexNavDropdowns);
}
.supports-no-touch .site-nav--has-dropdown:hover .site-nav__dropdown,.site-nav--has-dropdown.nav-hover .site-nav__dropdown,.nav-focus+.site-nav__dropdown{
  display:block;
}
.site-nav__dropdown a{
  background-color:var(--colorNav);
}
.site-nav__dropdown a:hover,.site-nav__dropdown a:active,.site-nav__dropdown a:focus{
  background-color:var(--colorNavDark);
}

/*================ Search bar in header ================*/
.nav-search{
  position:relative;
  padding:10px 0
}
@media screen and (max-width: 768px){
  .nav-search{
    padding:0 0 15px;
    margin:0 auto;
    text-align:center
  }
}

/*============================================================================
  #Mobile Nav
  - List of items inside the mobile drawer
==============================================================================*/
div#Mobile-Menu{
  -webkit-transform:translateZ(0);
  will-change:transform;
  position:fixed;
  -webkit-overflow-scrolling:touch;
  top:0;
  bottom:0;
  padding:0 15px 15px;
  max-width:95%;
  z-index:10;
  color:#333;
  background-color:#f6f6f6; 
  transition:all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
  width:300px;
  right:-320px;
  height:calc(100vh - 158px);
  display:none;
}

div#Mobile-Menu.is-open{
  -ms-transform:translateX(-320px);
  -webkit-transform:translateX(-320px);
  transform:translateX(-320px);
}
div#Mobile-Menu.is-open:before {
  position: absolute;
  left: -1000%;
  top: 0; 
  bottom: 0; 
  content: '';
  background: rgb(27 28 30 / 78%);
  z-index: 1;
  height: 100%;
  width: 1000%;
  }
.mobile-nav{
  margin: calc(var(--gutter) / 2) calc(var(--gutter) / 2) 0 calc(var(--gutter) / 2);
}
.mobile-nav li{
  margin-bottom:0;
}
.mobile-nav__search{
  padding: calc(var(--gutter) / 2);
}
.mobile-nav__search .search-bar{
  margin-bottom:0;
}
.mobile-nav__item{
  position:relative;
  display:block;
}
.mobile-nav>.mobile-nav__item{
  background-color: var(--colorDrawers);
}
.mobile-nav__item::after{
  content:"";
  position:absolute;
  bottom:0;
  left: calc(var(--gutter) / 2);
  right: calc(var(--gutter) / 2);
  border-bottom:1px solid var(--colorDrawerBorder);
}
.mobile-nav>.mobile-nav__item:last-child::after{
  display:none;
}
.mobile-nav__item a{
  display:block;
}
.mobile-nav__item a,.mobile-nav__toggle button{
  color: var(--colorDrawerText);
  padding:calc(var(--gutter) / 2);
  text-decoration:none;
}
.mobile-nav__item a:hover,.mobile-nav__item a:active,.mobile-nav__item a:focus,.mobile-nav__toggle button:hover,.mobile-nav__toggle button:active,.mobile-nav__toggle button:focus{
  color: var(--colorDrawerTextDark);
}
.mobile-nav__item a:active,.mobile-nav__item a:focus,.mobile-nav__toggle button:active,.mobile-nav__toggle button:focus{
  background-color: var(--colorDrawerBorder);
}
.mobile-nav__item--active{
  font-weight:700;
}
.mobile-nav__has-sublist{
  display:table;
  width:100%;
}
.mobile-nav__has-sublist .mobile-nav__link{
  display:table-cell;
  vertical-align:middle;
  width:100%;
}
.mobile-nav__toggle{
  display:table-cell;
  vertical-align:middle;
  width:1%;
}
.mobile-nav--expanded .mobile-nav__toggle-open,.mobile-nav__toggle-close{
  display:none;
}
.mobile-nav--expanded .mobile-nav__toggle-close{
  display:block;
}
.mobile-nav__sublist{
  margin:0;
  max-height:0;
  visibility:hidden;
  overflow:hidden;
  transition:all .3s cubic-bezier(.57,.06,.05,.95);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.mobile-nav--expanded+.mobile-nav__sublist{
  visibility:visible;
  max-height:700px;
  transition:all .7s cubic-bezier(.57,.06,.05,.95);
}
.mobile-nav__sublist .mobile-nav__item::after{
  top:0;
  bottom:auto;
}
.mobile-nav__sublist .mobile-nav__link{
  padding-left:var(--gutter);
  font-weight:400;
}
.cd-dropdown-content, .cd-dropdown-content ul{list-style:none; }
.is-column-half .menu_column { width: 50%; float: left;}
.launch_date { color: var(--white); font-size: 14px; line-hight: 21px; display:block; text-transform: capitalize; font-weight: 700;}
.mega__newsletter #k_id_email { background: transparent; border: 0; color: #fff; padding:0;}
.mega__newsletter #k_id_email::-webkit-input-placeholder { color: var(--grey-light); }
.mega__newsletter #k_id_email::-moz-placeholder { color: var(--grey-light); }
.mega__newsletter #k_id_email:-ms-input-placeholder { color: var(--grey-light);}
.mega__newsletter #k_id_email:-moz-placeholder { color: var(--grey-light);}
#ctm_Launcher { display:none; position: fixed; right: 20px; bottom: 10px; z-index: 999; cursor: pointer; width: 46px; height: 46px;}

/*============================================================================
  #Drawers
==============================================================================*/
.js-drawer-open{
  overflow: inherit;
}
.drawer{
  -webkit-transform:translateZ(0);
  will-change:transform;
  display:none;
  position:fixed;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  top:0;
  bottom:0;
  padding:0 calc(var(--gutter) / 2) calc(var(--gutter) / 2);
  max-width:95%;
  z-index:var(--zindexDrawer);
  color: var(--colorDrawerText);
  background-color:var(--colorDrawers);
  transition:var(--drawerTransition);
}

div#CartContainer{height:calc(100vh - 137px); }
.drawer a{
  color: var(--colorDrawerText);;
}
.drawer a:not(.btn):hover,.drawer a:not(.btn):focus{
  color: var(--orange);
}
.drawer input,.drawer textarea{
  border-color:var(--grey-darker);
}
.drawer--left{
  width:var(--drawerNavWidth);
  left:calc(var(--drawerNavWidth) * -1);
  border-right:1px solid var(--colorDrawerBorder);
}
.js-drawer-open-left .drawer--left{
  display:block;
  -ms-transform:translateX(var(--drawerNavWidth));
  -webkit-transform:translateX(var(--drawerNavWidth));
  transform:translate(var(--drawerNavWidth));
}
.lt-ie9 .js-drawer-open-left .drawer--left{
  left:0;
}
.drawer--right{
  width: var(--drawerCartWidth);
  right: calc(var(--drawerCartWidth) * -1);
  border-left:1px solid var(--colorDrawerBorder);
}
.js-drawer-open-right .drawer--right{
  display:block;
  -ms-transform:translateX(calc(var(--drawerNavWidth) * -1));
  -webkit-transform:translateX(calc(var(--drawerNavWidth) * -1));
  transform:translate(calc(var(--drawerNavWidth) * -1));
}
.lt-ie9 .js-drawer-open-right .drawer--right{
  right:0;
}
#PageContainer{
  overflow:inherit;
}
.is-moved-by-drawer{
  transition:var(--drawerTransition);
}
/* .js-drawer-open-left .is-moved-by-drawer{
  -ms-transform:translateX(var(--drawerNavWidth));
  -webkit-transform:translateX(var(--drawerNavWidth));
  transform:translate(var(--drawerNavWidth));
} */
.js-drawer-open-right .is-moved-by-drawer{
  -ms-transform:translateX(calc(var(--drawerCartWidth) * -1));
  -webkit-transform:translateX(calc(var(--drawerCartWidth) * -1));
  transform:translate(calc(var(--drawerCartWidth) * -1));
}
.js-drawer-open-right .overlay_click{ position: fixed; left: 0;top: 0;  width: 100%; height: 100%; background: rgb(0 0 0 / 58%); z-index: 10;transition: background 0.6s ease-in-out;}
.filter_overlay { position: fixed;  top: 0; height: 100%; background: rgb(0 0 0 / 58%); z-index: 4; left: 0; right: 0; opacity: 0; visibility: hidden; transition: all 0.6s; }
.drawer__header{
  display:flex;
  align-items: center;
  height:60px;
  width: calc(100% + 30px); 
  border-bottom: 1px solid var(--grey-dark);
}
.drawer__title,.drawer__close{
  display:table-cell;
  vertical-align:middle;
}
.drawer__title{
  width:100%;
  font-weight:normal;
}
.drawer__close{
  width:1%;
  text-align:center;
  font-size:18px;
}
.drawer__close button{
  position:relative;
  right:-15px;
  height:100%;
  padding:0 20px;
  color:inherit
}
.drawer__close button:active,.drawer__close button:focus{
  background-color:transparent;
}
.drawer, .drawer a, .ajaxcart__qty-num, .ajaxcart__qty-adjust{
  color:#fff;
}

/* Cart Drawer */
#CartDrawer.drawer{
  background:var(--colorTextBody);
  border-left:1px solid var(--grey-dark);
  padding: 0;
}
#CartDrawer .drawer__header {
  height: 109px;
  padding: 0 16px;
  position: relative;
  border-bottom: 1px solid var(--grey-light);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

#CartDrawer .drawer__title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
/*   margin-bottom: 16px; */
  padding-top:10px;
}

.ajaxcart__remove svg {
    pointer-events: none;
}

#CartDrawer .drawer__header .cart-text {
  margin-bottom: 0;
}

#CartDrawer .js-drawer-close {
  position: absolute;
  top: 32px;
  right: 16px;
  width: auto;
  font-size: 12px;
}

#CartDrawer .js-drawer-close:hover {
  cursor: pointer;
}

#CartDrawer .js-drawer-close i {
  font-size: 12px;
}

/* Setting the Icon to float right since the previous was confliciting with text on screens with viewport width <= 360px */
#CartDrawer .js-drawer-close-floating{
  width: auto;
  font-size: 12px;
  float: right;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#CartDrawer .js-drawer-close-floating:hover {
  cursor: pointer;
}

#CartDrawer .js-drawer-close-floating i {
  font-size: 12px;
}
#CartDrawer .ajaxcart__inner {
  padding: 24px 16px 0 16px;
  border-bottom: 1px solid var(--grey-light);
}

#CartDrawer #CartContainer .shop-new {
  display: block;
  text-decoration: underline;
  color: var(--white);
  margin: 24px 16px 0;
}

#CartDrawer #CartContainer .shop-new:hover {
  color: var(--orange);
}

#CartDrawer .ajaxcart__footer {
  padding: 0 16px 16px;
}

#CartDrawer .ajaxcart__footer .subtotal p {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

#CartDrawer .ajaxcart__footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

#CartDrawer .ajaxcart__footer .btn:first-of-type {
  margin-bottom: 16px;
}

#CartDrawer .ajaxcart__remove {
  position: absolute;
  right: 0;
}

/*============================================================================
  #Site Header Custom
==============================================================================*/
.search_active::after, .nav_hover_active::after, .side_menu-active::after { opacity: 1; visibility: visible; z-index: 0; }
.site-header a{color:#fff; }
.site-header{padding:0; background:var(--colorTextBody); }
.side_navigation{float:left; }
.side-menu--drawer{position:fixed; left:0; top:72px; height:calc(100vh - 72px); bottom:0; background:var(--colorTextBody); z-index:9; width:300px; padding:0 15px 15px; overflow-y:auto; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%); }
.side-menu--drawer.active{-webkit-transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); transform:translateX(0%); }
.side_menu--toggle{display:block; margin:0; cursor:pointer; width:60px; height:70px; text-align:center; position:relative; border-right:0.25px solid var(--grey-light); }
.side_menu--toggle svg{width:18px; height:18px; position:absolute; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%); }
.site-header .wrapper{max-width:100%; padding:0; }
.site-nav__link{padding:12px 10px; color:#fff; font-size:14px; }
.site-nav--is-megamenu .site-nav__link:hover, .site-nav__link:active, .site-nav__link:focus, .site-nav > li:hover .site-nav__link, .site-nav__link:hover{color:var(--orange) !important; }
.search-bar{display:block; position:relative; }
.search-bar .input-group-field{background:transparent; border:0; border-bottom:1px solid var(--grey-light); padding:2px 10px 2px 25px; color:#fff; height:auto; border-radius:0px !important; }
.search-bar .input-group-field::-webkit-input-placeholder{/* Chrome/Opera/Safari */
  color:#fff; }
.search-bar .input-group-field::-moz-placeholder{/* Firefox 19+ */
  color:#fff; }
.search-bar .input-group-field:-ms-input-placeholder{/* IE 10+ */
  color:#fff; }
.search-bar .input-group-field:-moz-placeholder{/* Firefox 18- */
  color:#fff; }
.search-bar .input-group-btn {
  position: absolute;
  right: 0;
  top: 55%;
  transform: translateY(-50%);
  width: auto;
}
.header__cart{display:inline-block; }
.site-header__cart-toggle{display:flex; color:#fff; align-items:center; }
.header_icon{width:20px; height:20px; margin-right: 10px; }
.site-header__cart-toggle svg{width:20px; height:20px; }
.site-header__cart-toggle p{margin:0; display:inline-block; line-height:20px; padding-top:2px; margin-left:5px; }
.site-header .grid__items{display:flex; /*align-items:center;*/ justify-content:space-between; }
.header__user .header_icon,.header__services .header_icon{width:20px; height:20px; }
.header__user .site-nav__link{display:flex; align-items:center; }
.header__user a{color:#fff; display:inline-block; line-height:20px; }
.header__user a span{ margin-left:6px;}
.site-header__logo{height:80px; display:flex; align-items:center; padding:0 15px; margin:-10px 0 0 0; }
.service__toggle{display:flex; align-items:center; cursor:pointer; }
.service__toggle .header_icon{height:18px; width:18px; }
.service__toggle span{line-height:20px; margin-left:5px; padding-top:2px; }
.close__icon path{fill:#fff; }
.side_menu--toggle .close__icon{opacity:0; }
.side_menu--toggle.active .close__icon{opacity:1; }
.side_menu--toggle.active .toggle__icon{opacity:0; }
.side-menu--drawer ul{list-style:none; margin:0; }
.side-menu--drawer ul li a.site-nav__link{padding:8px 0; border-bottom:1px solid var(--grey-dark); }
.header__services .dropdown{max-height:0; position:absolute; left:0; top:100%; background:var(--colorTextBody); z-index:9; overflow:hidden; -webkit-transition:max-height 500ms; -moz-transition:max-height 500ms; -o-transition:max-height 500ms; transition:max-height 500ms; }
.header__services.active .dropdown{max-height:30em; overflow-y:auto; }
.header__services{position:relative; }
.header__services .dropdown ul{margin:0; list-style-type:none; padding:10px; }
.header__services .dropdown ul li{margin:0; }
.header__services .dropdown ul li a{padding:5px; }
.service__toggle .close__icon{width:18px; height:18px; display:none; }
.header__services.active .service__toggle .close__icon{display:block; }
.header__services.active .service__toggle .header_icon{display:none; }
.header__user a:hover{color:var(--orange); }
.header__right-icon{display:flex; justify-content:flex-end; flex: 1 1 250px; }
.announce_bar{background:var(--orange); border-bottom:0.25px solid var(--grey-light); text-align:center; padding:9px 0; }
.announce_bar p{color:#fff; margin:0; text-transform:inherit; display:block;}
.announce_bar p a { text-decoration: underline; color:#fff}
.header__right-icon > div{border-left:0.25px solid var(--grey-light); }
.site-header__search{margin:0; padding:21px 20px; position:absolute; right:0; width:400px; background:#1B1C1E; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.site-header__search{margin:0; padding:21px 20px; background:var(--colorTextBody); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; position: relative; }
.site-header__search:after{content:""; border-left:0.25px solid var(--grey-light); width:1px; left:0; position:absolute; height:calc(100% + 1px); top:-1px; }
.js-drawer-open-right .is-moved-by-drawer{-ms-transform:translateX(0px); -webkit-transform:translateX(0px); transform:translateX(0px); }
.predictive__search{position:fixed; top:71px; left:0; right:0; width:100%; z-index:1; background:var(--colorTextBody); visibility:hidden; overflow:hidden; max-height:0; margin-top:0px; border-top:1px solid var(--grey-darker); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.predictive__search.active{visibility:visible; max-height:calc(100vh - 122px); }
.header__logo-left{display:flex; align-items:center;min-width:170px;}
.header-nav-search{display:flex; justify-content:space-between; align-items:center; flex:1 1 100%; position:relative; }
.header__right-icon{display:flex; justify-content:flex-end; flex:1 1 250px; align-items:center; }
.site-nav, .site-nav--mobile{margin:0; }
.site-header.search_active .site-header__search{max-width:100%; position:absolute; right:0; width:100%; }
ul#AccessibleNav{display:flex; width: fit-content; }
.nav-bar{width:calc(100% - 400px); background-color:transparent; float:left; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.search_container{margin:0 auto; max-width:1750px; padding:20px 43px; }
.search__left-menu ul{list-style:none; margin:0; }
.search__left-menu ul li{margin:0; }
.search__left-menu ul li a{padding:5px; font-size:14px; line-height:normal; }
.search__left-menu{width:250px; display:inline; border-right:0.25px solid var(--grey-dark); padding-right:30px; margin-right:30px; }
.default--search{display:flex; }
.search__left-menu .menu_title, .search_product__title{font-size:16px; line-height: 24px; color:#fff; }
.search__recently-view-product{width:calc(100% - 280px); }
.search__recently-view-product .grid__item .grid__image, .ctm_search .grid__item .grid__image{ padding-bottom: 0;}
.product__meta p.pro_price{color:#fff; margin:0; }
.price-markdown{color: #FF600B;}
.product__meta p.h6{font-weight:normal; margin:0 0 5px; }
.ctm_search{width:100%; }
.ctm_search p.error_msg{text-align:center; color:#fff; font-size:20px; }
.header__notification { position: absolute; top: 20px; left: 26px; background: var(--orange); color: #fff; font-size: 10px; width: 14px; height: 14px; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 14px; }
.header__user .site-nav__link, .header__cart .site-nav__link { padding: 12px 12px; }
.header__icon-wrap { position: relative; display: flex; align-items: center; justify-content: center; height: 100%; }

/* Mega menu */
.mega-menu--wrapper{position:fixed;top: 72px; left:0; right:0; width:100%; z-index:1; background:var(--colorTextBody); visibility:hidden; overflow:hidden; max-height:0; margin-top:0px; border-top:1px solid var(--grey-darker); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.site-nav--is-megamenu:hover .mega-menu--wrapper{visibility:visible; max-height:90%; overflow-y:hidden; }
.mega-menu--wrapper .wrapper{padding:40px 70px 26px; position:relative;}
.menu__title { position: absolute; left: 30px; bottom: 30px; transform-origin: 15px 35px; transform: rotate(-90deg); color: var(--grey-darker); text-transform: uppercase; opacity: 1; display: block; white-space: nowrap;}
.view_all_btn { margin-top: 30px; font-size:16px; line-height: 24px; float:left; clear:both; font-weight: 700;}
.view_all_btn:hover{color: var(--orange);}
.mega-link__title{margin:0 0 10px; color:#fff; font-size:16px; line-height: 24px; font-weight:normal; font-weight: 700; min-height:19px;}
.mega-menu__links{margin:0; }
.menu_column + .menu_column{margin-top:15px; }
.is-column-half .menu_column + .menu_column{margin-top:0px; }
.mega-menu__links li{line-height:normal; }
.mega-menu__links li a{font-size:14px; color:#fff; line-height:32px; text-transform: inherit; }
.mega-menu__links li a:hover{color:var(--orange); }
.is-menu-space .mega-menu__links li:nth-child(4) { margin-bottom: 20px;}
.mega-menu--wrapper .grid{display:flex; justify-content:center; }
.mega-menu--wrapper .grid .grid__item.is-border{border-right:1px solid var(--grey-darker); }
.mega-menu--wrapper .product__meta p.h6{font-size:14px; line-height: 21px;}
.mega-menu--wrapper .product__meta p.h6 a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mega-menu--wrapper .grid__item a.grid__image{padding-bottom:0;}
.mega-menu--wrapper .grid__item a.grid__image img{width:100%;height: auto;}
.column__img{padding-bottom:130%; position:relative; overflow:hidden; width:100%; display:block; }
.column__img img{position:absolute; left:0; top:0; object-fit:inherit; width:100%; height:100%; }
.search__close{display:none; }
.mega__newsletter{background:var(--orange); padding:10px 15px; }
.mega__newsletter-container{max-width:930px; margin:0 auto; display:flex; gap: 32px; align-items: center; justify-content:center; }
.mega__newsletter h3{color:#fff; min-width:100px; font-size:16px; line-height:24px; font-weight: 700; }
.mega__newsletter form{width:100%; }
.mega__newsletter .input-group{width:100%; border-bottom: 1px solid var(--grey-light); max-width:100%; margin-bottom:0;}
.mega__newsletter .input-group-btn{width:40px;}
.mega__newsletter .input-group button{width:100%; background:transparent; color:#fff;padding:7px 0;}
.mega__newsletter .input-group button svg {width: 35px; height: 25px;}
.klaviyo_messages { margin-top: 6px; font-weight: 400; }
.mega__newsletter .klaviyo_messages { margin-top: 0; color: #fff;}
.mega__newsletter.mobile{display:none; }

/*============================================================================
  #Site Footer
==============================================================================*/
.site-footer{
  background-color:var(--colorFooterBg);
  padding:40px 0;
  color:var(--colorFooterText);
}

.site-footer__content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "newsletter"
    "menu"
    "social"
    "copyright"
    "payment-icons";
  grid-row-gap: 15px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  max-width: 3000px;
}
.site-footer__menu { grid-template-area: menu; margin-bottom: 48px; }
.site-footer__newsletter { grid-area: newsletter; margin-bottom: 10px; }
.site-footer__social-icons { grid-area: social; }
.site-footer__payment-icons { grid-area: payment-icons; }
.site-footer__copyright { grid-area: copyright; display: block; }
.site-footer .icon__fallback-text{display:none;}
.social-icons li .icon{ width:22px; height:22px; }
.site-footer__newsletter #k_id_email{background:transparent; color:#fff; border-radius:0; border:1px solid #fff; height:50px; line-height:48px; padding:0 50px 0 15px; }
.site-footer__newsletter #k_id_email::-webkit-input-placeholder { color: var(--white); }
.site-footer__newsletter #k_id_email::-moz-placeholder { color: var(--white); }
.site-footer__newsletter #k_id_email:-ms-input-placeholder { color: var(--white);}
.site-footer__newsletter #k_id_email:-moz-placeholder { color: var(--white);}
.site-footer__newsletter input:-webkit-autofill, .footer__newsletter input:-webkit-autofill:hover, .footer__newsletter input:-webkit-autofill:focus, .footer__newsletter input:autofill, .footer__newsletter input:focus { background: transparent; border: 1px solid var(--orange); -webkit-text-fill-color: #fff; color: #fff; }
.site-footer__newsletter .input-group{width:100%; max-width:100%; margin:0;}
.site-footer__newsletter .input-group-btn{
  position: absolute;
  right: 1px;
  width: 50px;
  top: 16px;
  transform: translateY(0);
}
.site-footer__newsletter #subscribe{width:50px; text-align:center; border:0; font-size:0; }
.site-footer__newsletter #subscribe svg:not(:root){overflow:hidden; color:#fff; fill:#fff; width:10px; height:17px; }
.site-footer__newsletter-callout { font-weight: 700; margin-bottom: 16px; }
.site-footer__social-icons .social-icons { margin: 0; }
.social-icons li{margin: 0 20px 0 0; }
.site-footer__linklist { margin: 0; }
.site-footer__linklist a {color:#fff; display:block; }
.site-footer__menu-title {
  position: relative;
  padding: 15px 0;
  font-weight: bold;
  line-height: 1;
}

.site-footer__menu-title::after {
  content: '\e91e';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  font-family: 'icomoon';
}

.site-footer__menu-item--open .site-footer__menu-title::after {
  content: '\e91f';
}

.site-footer__menu-child { border-bottom: 1px solid var(--grey-light); padding: 0; max-height: 0; overflow: hidden; transition: all 0.4s; }
.site-footer__menu-child li { margin: 0; }
.site-footer__menu-item--open .site-footer__menu-child {
  padding:10px 0;
  max-height: 500px;
}
.site-footer__menu-child a { font-weight: normal; line-height: 32px; text-transform: initial; }
.social-icons li a:hover .icon path{fill:var(--orange); }
.site-footer__linklist li a:hover{color:var(--orange); }
.site-footer__copyright *,.site-footer__copyright {color:#fff; }
.site-footer__copyright a:hover{color:var(--orange); }
.footer_text.rte{text-align:center; color:#a5a5a5; margin-bottom:0; margin-top:20px; }
.site-footer__payment-icons .payment-icons { margin: 0; }
.site-footer__payment-icons .payment-icons .icon { font-size: 25px; line-height: 25px; display: block; }
.site-footer__payment-icons .payment-icons li { margin: 0 0 0 22px; }
.site-footer__payment-icons .payment-icons li:first-child { margin: 0; }

/*============================================================================
  #Product and Collection Grids
==============================================================================*/
.grid__image{
  display:block;
  margin: 0 auto calc(var(--gutter) / 2);
}
.grid__image img{
  display:block;
  margin:0 auto;
}

.striked-price {
  color: #666;
  text-decoration: line-through;
  padding-left: 5px;
  display: inline-block;
}
  .wish_share_wrap {
    min-height: 25px;
  }
.going-fast {
  font-size: 12px !important;
  line-height: 18px;
}

.product__exclusive {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 24px;
	height: 33px;
}

.product__exclusive-tooltip {
	background: #313131;
	padding: 6px 7px 6px 9px;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	position: absolute;
	left: 100%;
	top: 50%;
	white-space: nowrap;
	transform: translateX(10px) translateY(-50%);
	transition: all 0.6s;
	opacity: 0;
	visibility: hidden;
}

.product__exclusive-tooltip::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 6px 7px 0;
	border-color: transparent #313131 transparent transparent;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -6px;
}

.product__exclusive:hover .product__exclusive-tooltip {
	opacity: 1;
	visibility: visible;
}

.product__exclusive svg path {
	fill: var(--orange);
}

.product__sale-badge {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px;
  background: var(--sales-red);
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.template-product .product__sale-badge {
  padding: 8px 16px;
}

@media screen and (min-width: 40em) {
  .product__sale-badge {
    padding: 8px 16px;
  }
}

.product__sale-badge--right {
  right: 0;
  left: auto;
}

/*============================================================================
  #Collection Filters
==============================================================================*/
.filter--active {
  font-weight: bold;
}

/*============================================================================
  #Breadcrumbs
==============================================================================*/
.breadcrumb{
  margin-bottom:24px;
  margin-top:16px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.breadcrumb i {
  font-size: 5px;
  line-height: 22px;
  margin:0 7px;
}
.breadcrumb a,.breadcrumb span,.breadcrumb h2,.breadcrumb .h2{
  display:inline-block;
  margin-bottom: 0;
  font-weight:400;
  font-size:14px;
  line-height: 22px;
  color: var(--colorTextBody);
}
.breadcrumb a:first-child,.breadcrumb span:first-child,.breadcrumb h2:first-child,.breadcrumb .h2:first-child{
  padding-left:0;
}

/*============================================================================
  #Product Page
==============================================================================*/

/*============================================================================
  #Notes and Form Feedback
==============================================================================*/
.note,.errors{
  border-radius:var(--radius);
  padding:6px 12px;
  margin-bottom:calc(var(--gutter) / 2);
  border:1px solid transparent;
  font-size:.9em;
  text-align:left;
}
.note ul,.note ol,.errors ul,.errors ol{
  margin-top:0;
  margin-bottom:0;
}
.note li:last-child,.errors li:last-child{
  margin-bottom:0;
}
.note p,.errors p{
  margin-bottom:0;
}
.note{
  border-color:var(--colorBorder);
}
.errors ul{
  list-style:disc outside;
  margin-left:20px;
}
.form-success{
  color:var(--successGreen);
  background-color:var(--successGreenBg);
  border-color:var(--successGreen);
}
.form-success a{
  color:var(--successGreen);
  text-decoration:underline;
}
.form-success a:hover{
  text-decoration:none;
}
.form-error,.errors{
  color:var(--errorRed);
  background-color: var(--errorRedBg);
  border-color:var(--errorRed);
}
.form-error a,.errors a{
  color:var(--errorRed);
  text-decoration:underline;
}
.form-error a:hover,.errors a:hover{
  text-decoration:none;
}

/*============================================================================
  #Ajax Cart Styles
==============================================================================*/
form.cart.ajaxcart {
  height:100%;
}
.ajaxcart__inner{
  margin-bottom: 24px;
  overflow:auto;
  height:calc(100% - 210px); 
}
.ajaxcart__row>.grid,.ajaxcart__row>.grid--rev,.ajaxcart__row>.grid--full{
  margin-left:-16px;
}
.ajaxcart__row>.grid>.grid__item,.ajaxcart__row>.grid--rev>.grid__item,.ajaxcart__row>.grid--full>.grid__item{
  padding-left: 16px;
}
.ajaxcart__product{
  position:relative;
  max-height:500px;
}
.ajaxcart__product.is-removed{
  max-height:0;
  overflow:hidden;
  visibility:hidden;
  transition:all .45s cubic-bezier(.57,.06,.05,.95);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.ajaxcart__row{
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--grey-light);
}
.ajaxcart__product:last-of-type .ajaxcart__row {
  border-bottom: none;
}
.ajaxcart__row .details-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ajaxcart__row .details-row .prices {
}
.ajaxcart__product .ajaxcart__row p{
  font-weight:normal;
  margin-right: 20px;
}
.ajaxcart__product-image{
  display:block;
  overflow:hidden;
  margin-bottom:16px;
}
.ajaxcart__product-image img{
  display:block;
  margin:0 auto;
  max-width:100%;
}
.ajaxcart__product-name,.ajaxcart__product-meta{
  display:block;
}
.ajaxcart__product-name+.ajaxcart__product-meta{
  padding-top:0;
  margin-bottom:10px;
  color:#ababab;
}
.ajaxcart__footer p{
  color:#fff!important;
  font-weight:400;
}

.ajaxcart__footer .subtotal {
  margin-bottom: 16px;
}

/*================ Quantity Selectors ================*/
.js-qty,.ajaxcart__qty{
  position:relative;
  max-width:80px;
}
.js-qty .icon ,.ajaxcart__qty .icon {
  margin: 0;
}
.js-qty input,.ajaxcart__qty input{
  display:block;
  background:none;
  text-align:center;
  width:100%;
  padding:10px 8px;
  margin:0
}
.js-qty__adjust,.ajaxcart__qty-adjust{
  cursor:pointer;
  position:absolute;
  display:block;
  top:0;
  bottom:0;
  border:0 none;
  padding:0 8px;
  background:none;
  text-align:center;
  overflow:hidden;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.js-qty__adjust:hover,.ajaxcart__qty-adjust:hover,.js-qty__adjust:focus,.ajaxcart__qty-adjust:focus{
  color: var(--colorBtnPrimary);
}
.js-qty__adjust--plus,.ajaxcart__qty--plus{
  right:0;
}
.js-qty__adjust--minus,.ajaxcart__qty--minus{
  left:0;
}

/*================ Quantity Selectors in Ajax Cart ================*/
.ajaxcart__qty{
  margin:0
}
.is-loading .ajaxcart__qty{
  transition:none
}

.ajaxcart__qty-num{
  border-color: var(--colorDrawerBorder);
  color: #fff;
}
.ajaxcart-item__price-strikethrough{
  float:right
}

.dynamic-checkout__content .shopify-cleanslate ul li {
  margin: 0 5px 10px !important;
  min-width: calc(33.33% - 10px) !important;
}

@media screen and (max-width: 1024px) {
  .ctm_filter_active .filter_overlay { opacity: 1; visibility: visible;}
}

.hide_cart div#CartDrawer{
  display:none !important;
}

.blur-up {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  transition: filter 400ms, -webkit-filter 400ms;
}

.blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}
.image-wrap .responsive-image__image{
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.ctm_disabled,
.cart-product[data-limit-quantity] input[type="text"].js-qty__num {
  pointer-events: none;
}
.ctm_plus_btn{
  right: 0;
  cursor: pointer;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  border: 0 none;
  padding: 0 8px;
  background: 0 0;
  text-align: center;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 1;
  visibility: visible;
}
.ctm_plus_btn .icon-plus{
  color: #fff;
}

/* ================ Account Modal Snippet ================ */
.modal--login .login {
  max-width: 493px;
}

.modal--login .btn {
  width: 100%;
}

.modal--login .modal__content {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

.modal--login .account-form__title {
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 12px;
}

.modal--login .accepts-marketing {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 8px;
}


p.account-form__info {
  margin: 0 0 16px;
}

.account-form input {
  border-radius: 0;
}

.acount-form__buttons .account-form__info {
  margin-top: 8px;
}

.acount-form__buttons a {
  text-decoration: underline;
  text-transform: none;
  color: var(--colorTextBody);
}

.account-form__info a:not(:first-child) {
  margin-left: 10px;
}

.account-form input[type="email"], .account-form input[type="password"], .account-form input[type="text"] {
  border-color: var(--grey-med);
  margin-bottom: 16px !important;
}

.ais-hit--price-striked {
  color: var(--grey-dark);
  text-decoration: line-through;
  padding-left: 5px;
  display: inline-block;
}

.fancybox-wrap .fancybox-skin {
  background: var(--white);
  color: var(--colorTextBody);
}

/*============================================================================
  #SEED RAFFLES STYLES
==============================================================================*/
#app .drawing-form div,
.page__title,
.drawing__title {
  font-family: 'HelvetiaNeueLTPro-Bd' !important;
}

#app .drawing-form div:not('.drawing-enter-btn'),
#app .drawing-form div:not('.size-item'),
#app .drawing-form div:not('.set-location') {
  color: #1B1C1E !important;
}

.page__title,
.drawing__title,
.drawing-title-top,
.drawing-thank-you-wrapper div {
  color: #1B1C1E !important;
}

#app .drawing-form p,
#app .drawing-form a,
.drawing__cta-container a {
  color: #1B1C1E !important;
  font-family: 'HelveticaNeueLTPro-LtIt' !important;
}

.page-drawings__drawings{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.drawing__title{
  font-size: 11px;
  font-weight: bold;
  margin: 10px 0;
}

.drawing-title-top {
  padding-right: 30px;
  padding-top: 10px;
}

@media(min-width:481px){
  .page-drawings__drawings{
    grid-template-columns: repeat(3, 1fr);
  }
}

@media(min-width:769px){
  .page-drawings__drawings{
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}

/* Sezzle Styles */
.sezzle-button-text {
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
  font-size: 14px !important;
}
.sezzle-shopify-info-button {
  display: none !important;
}

.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text .sezzle-payment-amount {
  font-size: 1em;
  font-weight: normal;
}

.product-single .sezzle-checkout-button-wrapper {
  padding-bottom: 0;
}

.sezzle-logo {
  width: 58px;
}

.sezzle-ap-logo {
  width: 73px;
}

/* Modal */
.modal {
  position:fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.45);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s;
}

.modal--open {
  opacity: 1;
  visibility: visible;
}

.modal__content-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal__content {
  max-height: 95vh;
  overflow: hidden;
  max-width: 450px;
  width: 90%;
  background: #fff;
  padding: 24px;
  position: relative;
}

.modal__title {
  font-size: 18px;
  margin: 0 0 16px;
  line-height: 22px;
}

.modal__close {
  position: absolute;
  top: 24px;
  right: 24px;
  background: transparent;
  border: none;
  padding: 0;
}

.modal__close:hover {
  color: #999;
  background: transparent;
  border: none;
}

.modal__buttons {
  margin-top: 16px;
  display: flex;
  align-items: center;
}

.modal__buttons .btn:not(:first-child) {
  margin-left: 16px;
}

.modal--back-in-stock select,
.modal--back-in-stock input[type="email"],
.modal--back-in-stock button:not(.modal__close) {
  width: 100%;
}

#jtw-subscribe-newsletter {
  width: 16px;
  height: 16px;
}

.back-in-stock input {
  font-size: 14px;
}

.back-in-stock__subscribe input {
  position: absolute;
  height: 0;
  width: 0;
  margin-bottom: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.back-in-stock__subscribe label {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: initial;
  text-transform: inherit;
}

.back-in-stock__subscribe label::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #1B1C1E;
  margin-right: 8px;
}

.back-in-stock__subscribe input:checked + label::before {
  background: #1B1C1E url('data:image/svg+xml;utf-8,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.6114 0.81543C10.3422 0.81543 10.1055 0.922373 9.92215 1.10573L4.25555 6.77233L2.08838 4.3291L2.07781 4.31852C1.90345 4.14416 1.68291 4.03503 1.43011 4.01396C1.1485 3.99049 0.899209 4.09185 0.703588 4.26744C0.503616 4.44575 0.39864 4.68107 0.378691 4.93589C0.356045 5.21325 0.454565 5.46203 0.639901 5.65329L4.18078 9.61907L11.3166 2.50015C11.4999 2.31679 11.6069 2.08008 11.6069 1.81093C11.6069 1.54298 11.5085 1.29763 11.3166 1.10573C11.1247 0.913837 10.8793 0.81543 10.6114 0.81543Z" fill="white"/></svg>') 50% 50% no-repeat;
  background-size: contain;
}

.back-in-stock select {
  background-image: url('/cdn/shop/files/chevron-down.svg?v=1654903591');
  background-size: 12px 8px;
}

.back-in-stock small {
  font-size: 10px;
  line-height: 15px;
}

.back-in-stock p:last-child {
  margin-bottom: 0;
}

.back-in-stock__subscribe {
  margin-bottom: 10px;
}

.back-in-stock select,
.back-in-stock input[type="email"] {
  border-radius: 0;
  border: 1px solid var(--grey-med);
}

.back-in-stock .btn:hover,
.back-in-stock-success .btn:hover {
  background: #000;
}

/* ================ Swym Wishlist General ================ */
.swym-modal-active {
  overflow: auto !important;
}

.header__favourites {
  position: relative;
}

.header__notification.site-header__favourites-count {
  display: none;
  left: 24px;
}

.swym-button {
  background: none;
  box-shadow: none;
  margin: 0;
  padding: 0 !important;
  border: 0;
  vertical-align: baseline;
  box-sizing: border box;
  outline: none;
  display: inline-block;
  height: auto !important;
  overflow: visible;
  opacity: 1 !important;
  visibility: hidden;

  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
}

.swym-ui-component .swym-mailing-list-modal .swym-mailing-list-modal-dialog .swym-cancel-mailing-list-btn{
  line-height: 25px !important;
}
.swym-ui-component .swym-mailing-list-modal .swym-mailing-list-modal-dialog .swym-add-mailing-list-btn.swym-disabled{
  display: none !important;
}
.swym-ui-component .swym-mailing-list-modal .swym-mailing-list-modal-dialog .swym-mailing-list-input-container{
  margin-bottom: 0px !important;
}

.swym-clear-text br:first-of-type {
  display: none !important;
}
.swym-ui-component .swym-button::after{
  font-size: 13px !important;
}

.swym-button.swym-loaded {
  visibility: visible;
}

.swym-button:hover {
  background: none;
  border: none;
}

.swym-button::after {
  content: '\e94e';
  color: var(--colorTextBody);
  font-size: 20px;
}

.swym-add-to-cart-btn::after {
  display: none;
  content: unset;
}

.swym-button.swym-added::after {
  content: '\e950';
}

.swym-button-bar.swym-inject, .swym-tooltip {
  display: none !important;
}
/* ================ */

/* ================ Swym Wishlist Notification ================ */
.swym-wishlist-notifications-container,
.swym-wishlist-modal-container {
  display: none;
}

.swym-custom-notify-container {
  position: absolute;
  right: 0px;
  top: 100%;
  max-width: 400px;
  width: 100vw;
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
  transition: all 0.4s;
  visibility: hidden;
  transform: translateY(-100%);
  z-index: -1;
}

.swym-custom-notify-container--mobile {
  max-width: 100vw;
}

.favourite-added .swym-custom-notify-container {
  visibility: visible;
  transform: translateY(0);
}

.swym-custom-notify-container .swym-custom-notify-container-inner {
  background: var(--colorTextBody);
  width: 100%;
  padding: 18px 20px 20px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
  color: #fff;
}

.swym-custom-notify-container .swym-custom-notify-title {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #fff;
}

.swym-custom-notify-container .swym-custom-notify-body {
  display: grid;
  grid-template-columns: 80px 1fr;
  column-gap: 20px;
  align-items: center;
  margin: 10px 0;
}

.swym-custom-notify-login-link {
  margin-top: 7px;
  display: block;
  text-align: center;
  text-decoration: underline;
  color: #fff;
}

.swym-custom-notify-container img {
  max-width: 80px;
}

.swym-custom-notify-container .btn {
  width: 100%;
}
/* ================ */

/* ================ Swym Wishlist Collections ================ */
.ais-InfiniteHits-item .swym-button,
.ais-Hits-item .swym-button,
.product-grid__item .swym-button,
.favourites-page .swym-button {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
}

/* ================ */

/* ================ Swym Wishlist Quick View ================ */
.pdp__quickview .pdp__status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
}
/* ================ */
s + .sale-price, .sale-price + s {
  padding-left: 5px;
}

.cart__row .sale-price + s {
  padding-left: 0;
}

.sale-price + s {
  color: #777;
}


/* Misc */
line,
square,
rectangle,
.shimmer {
  background: #f6f7f8;
  background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-repeat: no-repeat;
  background-size: 1000px;
  display: inline-block;
  position: relative;

  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
}

line {
  height: 10px;
  width: 100%;
  max-width: 200px;
}

line.thick {
  height: 20px;
}

line.long {
  max-width: 400px;
}

line.short {
  max-width: 100px;
}


line + line {
  margin-top: 10px;
}

square {
  width: 100%;
  aspect-ratio: 1/1;
}

rectangle {
  width: 100%;
  aspect-ratio: 2/1;
}

@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.final-sale, .limited-stock-item {
  font-weight: 400;
  background: var(--grey-dark);
  color: #FFF;
  font-size: 12px;
  line-height: 18px;
  margin: 16px 0 0;
  padding: 8px 6px;
}

.ajaxcart__row .final-sale {
  color: #fff;
}

/* Responsive Styles */
.small--show, .show-for-small { display: none; }
@media(max-width:1279px){
  .header__right-icon { flex: 1 1 180px;}
  .site-header__search { max-width: 300px;}
  .header__right-icon > div{padding: 0;}
  .site-nav__link{padding:12px 10px;}
  .header__icon-wrap { min-width: 116px; }
  .header__icon-wrap .site-nav__link { position: relative; }
  .header__right-icon { height: 100%; }
  .mobile__header .wrapper{padding:0 8px; display: flex; align-items: center; min-height: 48px; }
  .header__notification { top: 6px; left: 26px; }
  .header__right-icon { border-right: 0.25px solid var(--grey-light); }
  .site-nav__mobile-toggle { padding: 0 4px 0 8px; }
  .site-nav--mobile { display: inline-block;}
  span.menu--icon { position: relative; width: 16px; height: 16px; display: block;}
  span.menu--icon:after, span.menu--icon:before { position: absolute; left: 0; right: 0; width: 100%;  height: 2px; background: #fff; content: ''; top: 4px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  span.menu--icon:before { top: 12px;}
  .site-header__logo { max-width: 80px !important; height: auto; margin: 0; padding: 0; }
  /* .js-drawer-open-left .is-moved-by-drawer{ -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);} */
  .drawer--left { width: 300px; right: -300px; left: inherit;}
  .js-drawer-open-left .drawer--left { display: block; -ms-transform: translateX(-300px); -webkit-transform: translateX(-300px); transform: translateX(-300px);}
  .site-header__search.mobile__search { width: 100%; max-width: unset; position: relative; padding: 4px 10px; background: #fff; border-bottom: 1px solid #f3f3f3; }
  .site-header__search:after{display:none;}
  .search-bar .input-group-btn {
    right: 0;
    top: 55%;
    transform: translateY(-50%);
  }
  .search-bar i {
    font-size: 20px;
  }
  .search-bar .input-group-field{border-bottom: 0; padding: 2px 30px 2px 5px; color:var(--colorTextBody); font-size: 16px; line-height: 24px;}
  .site-header.search_active .site-header__search { max-width: calc(100% + 45px); position: relative; right: 0; width: calc(100% + 45px);}
  .predictive__search{margin-top: 0px; overflow-y:auto;}
  .search-bar .input-group-field::-webkit-input-placeholder{/* Chrome/Opera/Safari */
    color:var(--grey-darker); }
  .search-bar .input-group-field::-moz-placeholder{/* Firefox 19+ */
    color:var(--grey-darker); }
  .search-bar .input-group-field:-ms-input-placeholder{/* IE 10+ */
    color:var(--grey-darker); }
  .search-bar .input-group-field:-moz-placeholder{/* Firefox 18- */
    color:var(--grey-darker); }
  .search_container{padding:15px;}
  .default--search{flex-direction:column;}
  .search__left-menu { padding-right: 0; margin-right: 0; border-right: 0; width: 100%; margin-bottom:20px;}
  .search__left-menu .menu_title { text-align: center;}
  .search__close { display: block; width: 20px; height: 20px; background: #ccc; padding: 5px; position: absolute; top: 14px; right: 20px; cursor: pointer;}
  .search__close svg { width: 10px; height: 10px; float: left;}
  .search__close svg path { fill: #000;}
  .search__recently-view-product{width: 100%;}
  .search__recently-view-product .product__meta{margin-bottom:20px;}

  @media(max-width:767px){
    .predictive__search{
      top: 80px;
    }
  }
  .mega__newsletter { background: #ff6009; padding: 5px 15px; position: fixed; bottom: 0; right: 0; width: 100%; will-change: transform; z-index: 11;-ms-transform: translateX(100%);-webkit-transform: translateX(100%); transform: translateX(100%); transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);}
  .mega__newsletter.active { -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%);}
  .mega__newsletter.mobile .klaviyo_messages > div { margin-top: 0; background: #ff6009; color: #fff; z-index: 111111; position: absolute; top: -6px; left:-10px; width: calc(100% + 20px); padding: 10px;}
  .mega__newsletter.mobile .klaviyo_messages .success_message {  margin: 0 !important;}    
  div#Mobile-Menu { top: 112px; bottom: 46px; background:#1B1C1E; display:block;}
  .mobile-header__user a { display: flex; align-items: center; width: 100%;padding:7px 15px; color:#fff;}
  .mobile-header__user a svg{margin-right:5px;}
  .mobile-nav{margin:0;}
  .mobile-nav>.mobile-nav__item{background:transparent;}
  .mobile-nav .mobile-nav__item a{color:#fff; padding:8px 15px;}
  .mobile-nav .mobile-nav__item a:hover { color: var(--orange); }
  .mobile-nav__item:after{border-bottom: 1px solid var(--grey-dark);}
  .mobile-nav__toggle button{color:#fff;}
  ul.mobile__service_menu { margin: 0; list-style: none;}
  ul.mobile__service_menu li { margin: 0;}
  ul.mobile__service_menu li a { color: #fff; padding: 5px 0; font-size: 12px;}
  body.js-drawer-open-left span.menu--icon:after, body.js-drawer-open-left span.menu--icon:before { transform: rotate(45deg); top: 8px; width: 20px;}
  body.js-drawer-open-left span.menu--icon:before { transform: rotate(-45deg);}
  .mega__newsletter-header svg { width: 22px; height: 22px;}
  .mega__newsletter-header svg path, .mega__newsletter-header svg rect{fill:#fff;}
  .mega__newsletter-header { display: flex; align-items: center; justify-content: space-between;}
  .mega__newsletter-container { height: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 100%; max-width: 100%;}
  .mega__newsletter-header.active + .mega__newsletter-container {  height: 37px; margin-top: 10px;}
  .mega__newsletter-container .input-group .input-group-field { width: 100%; border: 0; border-radius: 0 !important; font-size: 14px; padding: 0 15px;}
  .mega__newsletter.mobile{ display:block;}
  .mobile-nav li.go-back.mobile-nav__item a { padding-left: 40px; text-align: center;}
  li.mobile-service-nav__item a { padding: 3px 15px; font-size: 10px; line-height: 15px; color: var(--grey-dark);line-height: normal;}
  li.more--menu { margin-bottom: 10px;}
  .mobile-nav__item a:active, .mobile-nav__item a:focus, .mobile-nav__toggle button:active, .mobile-nav__toggle button:focus{background:transparent;}
  .mobile-nav .mobile-nav__item a.column__img { padding-bottom: 100%; margin: 10px 15px; width: calc(100% - 30px);}
  .mobile-nav .product_menu .mobile-nav__item a { margin: 0;}
  .mobile-nav .product_menu .view_all_btn{margin-top:0;}
  .launch_date{ margin: -12px 15px 0px; padding-bottom: 10px;}
  #CartCount {position:relative; left: 0; right: 0; margin: 0 auto; text-align: revert; font-size: 11px; top: -2px; transform: inherit; width: auto;}    
  #ctm_Launcher{width:40px; height:40px;}
  @supports (-webkit-touch-callout: none) {
    html{padding-bottom:0 !important;}
    body.newsletter_active, html.newsletter_active{position:fixed !important; left:0; right:0;}
    body.js-drawer-open-left, html.js-drawer-open-left{position:fixed !important; left:0; right:0;}
  }
  .cd-dropdown-content .has-children>a::before {
    background: none;
  }
  .cd-dropdown-content .has-children>a::after {
    font-family: 'icomoon' !important;
    content: "\e945";
    background: none;
    font-size: 8px;
    transform: translateY(-50%);
    height: auto;
    margin-top: 0;
  }
}
@media(max-width:768px){
  .small--hide, .hide-for-small{display:none !important;}
  .small--show, .show-for-small{ display: block;}
  .icon__fallback-text { display: none;}
  .header_icon { margin-right: 0; }
  .header__icon-wrap { min-width: 50px; }
  .text-right .site-nav--mobile{margin:0;}
  .wrapper{padding:0 8px;}

  /*Footer css*/
  .social-icons li .icon { width: 22px; height: 22px;}
  .footer__bottom{margin-top:30px;}
  .site-footer__copyright-content { margin-top: 20px; display: block; padding-top: 20px; border-top: 1px solid #404040;}
  .footer_text.rte{font-size:12px;}
}
@media(max-width:667px){
  .featured-link--section { flex-direction: column;}
  .featured-link--half{width:100%;}
  div#shopify-section-image-with-text-blog{border-bottom:0 !important; margin-bottom:30px;}
  .grid--rev .section_header h2{text-align:left;}
  .mobile_hide{display:none;}
  .desktop_hide{display:block;}
  .portfolio-dropdown{ margin-bottom: 30px; width:100%; float: left;}
  .portfolio-dropdown select{width:100%;}
  .featured-link--half .info{padding:30px 15px;}
  .portfolio-list { grid-gap: 30px 0px; grid-template-columns: repeat(1, 1fr); margin: 0 -15px;}
  .article__content { padding: 0 15px;}
  .h3.article__h3{height:auto;}
  .article__content .rte{height:auto; font-size: 14px; line-height: 22px;}
  .article__content .article__date p{ font-size: 14px; line-height: 22px;}
  .article__content .h3.article__h3 a { font-size: 20px;line-height: 26px;}
  .nice-select { display: block; width: 100%; border: 1px solid #777777; border-radius: 0; height: 48px; line-height: 46px; font-size: 16px; color: #1B1C1E;}
  .nice-select:after{border-bottom: 1px solid #000; border-right: 1px solid #000;height: 8px; width: 8px;}
  .nice-select .list { margin: 0; width: calc(100% + 2px); border-radius: 0; border: 1px solid #777; box-shadow: none;left: -1px; right: -1px;}
  .nice-select .option.selected{font-weight:normal;}
  .template-article article .grid.text-center { flex-direction: column;}
  .section-header__left h1 { font-size: 26px; line-height: 32px; text-align: left; color: #1B1C1E;}
  p.author_date{text-align:left;}
  p.author_date span:first-child{padding-left:0;}
  .template-article .article__img { margin-left: -15px; margin-right: -15px;}
  .template-article article .grid.text-center img { margin: 0 -15px; max-width: calc(100% + 30px);}
}

span.icon.icon-minus {
    pointer-events: none;
}

span.icon.icon-plus{
     pointer-events: none;
}

.drawer__header > div {
    width: 100%;
}
/* ABOUT US PAGE CSS FIX */
.about-hero__title {
    font-size: 32px;
    margin: 0 0 10px;
    color: #fff;
}
.about-hero__text .rte, .about-hero__text .rte p
{
  font-size :14px !important;
  margin-bottom : 15px !important;
}
/* PRODUCT PAGE CSS FIX */
.template-product .main-content {
    margin-top: 0;
}
@media(min-width:1279px)
{
  .desktop--hide {
    display: none !important;
}
}
@media(max-width:1279px)
{
  .tablet--hide {
    display: none !important;
  }
  li.mobile-nav__item.hide_on_mobile_ecom {
    display: none;
}
  ul.cd-secondary-dropdown {
    z-index: 222;
}
  ul.cd-secondary-dropdown li.mobile-nav__item.has-children ul
  {
    z-index: 9;
  }
}

span.algolia-autocomplete {
    position: unset !important;
}
.sub-main-wrapper-404 {max-width: 745px;margin: 0 auto;text-align: center;padding:40px 0px;}
.sub-main-wrapper-404 h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 78px;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom:15px;
  color:#1b1c1e;
  }
  .sub-main-wrapper-404 .story-line {
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom:0px;
  color:#1b1c1e;
  }
  .sub-main-wrapper-404 .story-line span{
      color:#FF600B;
  }
  .sub-main-wrapper-404 p.stort-desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    max-width: 512px;
    margin: 30px auto;
    color:#1b1c1e;
    margin-bottom:35px;
}
.ca-navi-links {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.sub-main-wrapper-404 a.ca-homepage-btn {
  width: 100%;
  max-width:370px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background: #1b1c1e;
  min-height: 50px;
  cursor: pointer;
  color: white!important;
font-size: 16px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0em;
text-align: center;
margin-bottom:20px!important;
}
.sub-main-wrapper-404 a.ca-site-links {
  margin-bottom: 10px;
}
.sub-main-wrapper-404 a.ca-site-links {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
  color:#1b1c1e;
}
.sub-main-wrapper-404 a.ca-site-links:hover{
  text-decoration:underline!important;
}
.sub-main-wrapper-404 a.ca-homepage-btn:hover {
  background: #8D8D8E;
  border: #8D8D8E;
  text-decoration:none!important;
}
.jd-global-search-input {
  margin-bottom: 20px;
}
.jd-global-search-input form.input-group {
  border: 1px solid #BBBBBB;
}
.jd-global-search-input form.input-group input {
  font-size: 16px;
  border:none;
  padding:11.5px;
  padding-left:15px;
  height:unset;
}
.jd-global-search-input .input-group-btn {
  right: 5px;
}
@media(max-width:1024px){
  .sub-main-wrapper-404 .story-line{
font-size: 20px;
line-height: 24px;
letter-spacing: 0em;
  }
  .sub-main-wrapper-404 p.stort-desc{
    margin:25px auto;
    margin-bottom:30px;
  }
}
@media(max-width:500px){
  .sub-main-wrapper-404 .story-line{
    max-width:300px;
    margin:0 auto;
  }
  .sub-main-wrapper-404 a.ca-homepage-btn{
    max-width:400px;
  }
}
.close-search-globel{
  position:fixed;
  width:100%;
  height:100vh;
  top:0px;
  left:0px;
  z-index:-1;
}
.search_active.search-404-revmp::after{
  display:none;
}
.search-404-revmp .predictive__search {
    position:absolute;
    max-width: 745px;
    left: 50%;
    top: 500px!important;
    transform: translateX(-50%);
}
.transition-404 .predictive__search{
transition:none;
}
.search-404-revmp .site-header.search_active .site-header__search{
  position:relative;
  width:400px;
}
@media(max-width:1279px){
  .search-404-revmp .site-header.search_active .site-header__search{
    width:100%;
  }
}
body.template-404::-webkit-scrollbar {
  display: none;
}
@media(min-width:1269px){
  .search-404-revmp .grid__item.large--one-quarter.medium--one-half.small--one-half {
    min-width: 190px;
}
.search-404-revmp .grid-uniform {
    flex-wrap: nowrap;
    display: flex;
    overflow-x: scroll;
}
.search-404-revmp .predictive__search h4 {
    color: black;
}
.search-404-revmp .predictive__search a {
    color: black!important;
}
.search-404-revmp .predictive__search p {
    color: black!important;
}
.search-404-revmp .grid-uniform::-webkit-scrollbar {
  display: none;
}
.search-404-revmp .predictive__search {
    background: white;
    border: 1px solid #BBBBBB;
    border-top: none;
    min-height: 360px;
    max-height:360px;
    z-index:-1!important;
}
}
@media(max-width:1269px){
  .search-404-revmp .predictive__search {
    background: white;
    border:1px solid #BBBBBB;
    border-top:0px;
    min-height:400px;
    max-height:400px;
}
.search-404-revmp .predictive__search p,
.search-404-revmp .predictive__search span,
.search-404-revmp .predictive__search a{
    color:black;
}
}
@media(max-width:806px){
  .search-404-revmp .predictive__search .grid-uniform{
    display:flex;
    flex-wrap:wrap;
  }
  .jd-global-search-input {
    margin:0 auto;
    margin-bottom: 20px;
    max-width:700px;
}
.search-404-revmp .predictive__search{
  max-width:700px;
}
}
@media(max-width:730px){
  .jd-global-search-input {
    max-width:550px;
}
  .search-404-revmp .predictive__search{
    max-width:550px;
  }
}
@media(max-width:590px){
  .jd-global-search-input {
    max-width:395px;
}
  .search-404-revmp .predictive__search{
    max-width:395px;
  }
}
@media(max-width:424px){
  .jd-global-search-input {
    max-width:345px;
}
  .search-404-revmp .predictive__search{
    max-width:345px;
  }
  .sub-main-wrapper-404 a.ca-homepage-btn{
    max-width:345px;
  }
}
body.template-404 #PageContainer {
  overflow: unset;
}
@media(max-width:767px){
  .search-404-revmp .predictive__search{
    z-index:-1!important;
  }
  .search-404-revmp .predictive__search{
    top:535px!important
  }
}
@media(max-width:374px){
  .jd-global-search-input,
  .search-404-revmp .predictive__search,
  .sub-main-wrapper-404 a.ca-homepage-btn{
    max-width:300px;
  }
}

@media(max-width:403px){
  .search-404-revmp .predictive__search{
    top:577px!important
  }
}
@media(max-width:550px){
  .search-404-revmp .predictive__search{
    top:553px!important
  }
}
@media(max-height:767px){
  .search-404-revmp .predictive__search{
    top:396px!important;
  }
}

@media(max-width:1280px){
.desktop-lmt-only {
    display:none!important;
}
}
@media(min-width:1280px){
  .limited-stock-item.desktop-lmt-only{
    position:absolute;
    bottom:0px;
    margin-top: 0;
    text-align: left;
  }
  .mobile-lmt-only {
    display:none!important;
}
}
@media(min-width:750px) and (max-width:1280px){
.cd-dropdown-content a.site-nav__link{
  height: auto;
}
}
@media(min-width:480px) and (max-width:1280px){
.limited-stock-item.mobile-lmt-only {
    text-align: center;
 }
 .cart-grid__item a {
    height: 100%;
}
/* .cart-grid__item a img {
    height: 100%;
    object-fit: cover;
} */
}
.final-sale.desktop--show[hidden] {
    display: none;
}

.limit-quantity-error{
  opacity:0; 
  visibility: hidden;
  height: 0;
  font-weight: 400;
  background: var(--grey-dark);
  color: #FFF;
  font-size: 12px;
  line-height: 18px;
  padding: 8px 6px;
  margin: 16px 0 0;
  transition: opacity 0.3s linear;
}
.limit-quantity-error.show {
  opacity:1;
  visibility: visible;
  height: auto;
  transition: opacity 0.3s linear;
}


/* disbaling action button in cart while cart data is updating */
#CartContainer.cart-loading .ajaxcart__qty-adjust,
#CartContainer.cart-loading .ajaxcart__qty-num,
#CartContainer.cart-loading .ajaxcart__remove,
#CartContainer.cart-loading .ajaxcart__footer > * {
  pointer-events: none;
  opacity: 0.8;
  cursor: not-allowed;
}

#CartContainer.cart-loading .js-qty__adjust:hover, 
#CartContainer.cart-loading .ajaxcart__qty-adjust:hover, 
#CartContainer.cart-loading .js-qty__adjust:focus, 
#CartContainer.cart-loading .ajaxcart__qty-adjust:focus {
  color: unset;
}