/** Shopify CDN: Minification failed

Line 18:49 Expected ":"
Line 221:0 Unexpected "{"
Line 221:1 Expected identifier but found "%"
Line 222:0 Unexpected "{"
Line 222:1 Expected identifier but found "%"
Line 236:24 Expected identifier but found "2px"
Line 242:13 Unexpected "{"
Line 242:20 Expected ":"
Line 242:24 Unexpected "!"
Line 243:10 Unexpected "{"
... and 9 more hidden warnings

**/
*, *:focus {outline: none;}
.clearfix {clear: both;}
.clearfix:after {content: '';display: table;clear both;}
a:hover, a:focus {opacity: 1;}
.d-none {display: none !important;}
.wizard-step-page {color: #1e1e1e;}
.hide {display: none !important}
.wizard-step-page .page-title {font-size:25px;text-align: center;color: #1e1e1e;margin-bottom: 50px;}
.wizard-step-page .step-btns {width: 100%;text-align: center;margin-top: 50px;position: relative;}
.wizard-step-page .step-pager {font-size: 16px;height: 44px;line-height: 42px;font-weight: normal;text-transform: none;border-radius: 30px;padding: 0 30px;border: 1px solid #009688;background: #009688;margin: 0 5px;white-space: nowrap;cursor: pointer;color: #fff;text-decoration: none;text-align: center;vertical-align: middle;display: inline-block;}
.wizard-step-page .step-pager:hover, .wizard-step-page .step-pager:focus {background: #009688;border-color: #009688;color: #fff;opacity: 1;text-decoration:none;}
.wizard-step-page .next-btn:before {content: '';width: 15px;height: 10px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;display: inline-block;transform: rotate(-45deg);vertical-align: middle;margin-top: -8px;margin-right: 12px;}
.wizard-step-page .step-pager.prev-btn {background: #1e1e1e;color: #fff;border-color: #1e1e1e;}
.wizard-step-page .prev-btn:before {content: '';width: 10px;height: 10px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;display: inline-block;transform: rotate(45deg);margin-right: 7px;vertical-align: middle;margin-top: -3px;}

.step-pg-bx {max-width: 560px;display: block;margin: auto;border-radius: 6px;background: #f6f7fb;padding: 25px;}
.step-pg-bx .st-row {display: flex;align-items: flex-start;margin: 0 -10px 30px;}
.step-pg-bx .or {font-size: 16px;line-height: 22px;margin: 13px 5px;flex-shrink: 0;font-weight: bold;}
.input-i-bx {width: calc(50% - 20px);float: left;margin: 0 10px;background: #fff;border-radius: 6px;padding: 13px;}/*height: 100%;*/
.input-i-bx .radio-i {display: none;}
.input-i-bx label {font-size: 15px;font-weight: 600;line-height: 22px;width: 100%;display: block;padding-left: 34px;margin: 0;position: relative;}
.input-i-bx label:before {content: '';width: 22px;height: 22px;position: absolute;top: 0;left: 0;border: 2px solid #1e1e1e;border-radius: 30px;}
.input-i-bx label:after {content: '';width: 10px;height: 10px;background: #009688;border-radius: 30px;position: absolute;top: 0;left: 0;margin: 6px;opacity: 0;}
.input-i-bx input:checked + label {color: #009688;}
.input-i-bx input:checked + label:before {border-color: #009688;}
.input-i-bx input:checked + label:after {opacity: 1;}
.input-i-bx input {width: 100%;height: 42px;line-height: 42px;font-size: 16px;padding: 0 20px 0 48px;color: #000;margin: 0;background: #f6f7fb;border: 1px solid #f6f7fb;border-radius: 4px;}
.input-i-bx input::-webkit-input-placeholder {font-size: 14px;color: #000;opacity: 1;}
.input-i-bx input::-moz-placeholder {font-size: 14px;color: #000;opacity: 1;}
.input-i-bx input::placeholder {font-size: 14px;color: #000;opacity: 1;}
.input-i-bx input:not(:checked) + label + .price-i-bx {display: none;}
.price-i-bx {width: 100%;position: relative;margin-top: 10px;}
.price-i-bx .i-label {font-size: 16px;height: 42px;line-height: 42px;color: #000;position: absolute;top: 0;left: 0;padding: 0 0 0 20px;}
/* .input-i-bx .input-has-error:checked + label, .input-i-bx .input-has-error + label {color: red;} */
.input-i-bx .input-has-error:checked + label:before, .input-i-bx .input-has-error + label:before {border-color: red;}
.input-i-bx .input-has-error + label:after {background: red;}
.input-i-bx input.input-has-error {border: 1px solid red;}
.stp-error {font-size: 14px;line-height: 18px;position: absolute;bottom: 100%;margin-bottom: 10px;left: 0;right: 0;color: red;}

.qty-box {text-align: center;margin: 10px 0 0;}
.qty-box label {font-size: 15px;line-height: 1;font-weight: 600;margin: 0 0 10px;}
.qty-box input {width: 90px;height: 46px;background: #ffffff;border: 1px solid #ccc;border-radius: 6px;padding: 12px 5px 12px 20px;margin:0 auto 1rem;}
.qty-box input.input-has-error {border: 1px solid red;}

.checkbox-list {max-width: 260px;display: block;margin: auto;list-style: none;padding: 0;}
.input-chckbx {display: block;margin-bottom: 10px;}
.input-chckbx input {display: none;}
.input-chckbx label {font-size: 18px;line-height: 22px;font-weight: 400;padding-left: 34px;position: relative;}
.input-chckbx label:before {content: '';width: 22px;height: 22px;position: absolute;top: 0;left: 0;background: transparent;border: 2px solid #1e1e1e;border-radius: 5px;}
.input-chckbx label:after {content: '';width: 15px;height: 10px;border-left: 2px solid #fff;border-bottom: 2px solid #ffffff;position: absolute;top: 3px;left: 8px;transform: rotate(-45deg);opacity: 0;}
.input-chckbx input:checked + label:before {background: #009688;border-color: #009688;}
.input-chckbx input:checked + label:after {opacity: 1;}

.product-form__item .input-div{display:flex;align-items:center;}
.product-form__item .input-div input{max-width:50%;width:auto !important;padding:8px 10px !important;text-align:left !important;}
.product-form__item .input-div span{padding-left:12px;}

/* collection page */
.filter-sidebar {width: 25%;float: left;}
.filter-sidebar .sidebar-wrap {width: 100%;float: left;background: #f1f1f1;padding: 15px 15px 0;border-radius: 7px;}
.filter-sidebar h3 {font-size: 22px;color: #000;margin-bottom: 15px;}
.filter-block {border-radius: 6px;padding: 15px;margin-bottom: 15px;background: #fff;}
.filter-block h6 {font-size: 18px;color: #009688;margin: 0 0 12px;}

.range-numb {font-size: 16px;line-height: 20px;color: #000;margin-bottom: 10px;}
.range-numb span:nth-child(2) {float: right;}
.range-values {font-size: 16px;line-height: 22px;font-weight: bold;color: #1e1e1e;margin: 25px 0px 5px;}
.range-values .range-val {text-align:center;position:relative;min-width: 100px;padding: 8px 15px;background: #ececec;border-radius: 6px;margin: 0;white-space: nowrap;max-width: 100px;overflow: hidden;display: inline-block;}
.range-values .range-val:after{content: '';position: absolute;right: 0;top: 5px;height: calc(100% - 10px);background: #ececec;width: 12px;}

.filter-sidebar .noUi-background {background: #009688;}
.filter-sidebar .noUi-origin {background: #ececec;}
.filter-sidebar .noUi-horizontal {height: 8px;margin: 0 6px;}
.filter-sidebar .noUi-horizontal .noUi-handle {width: 12px;height: 24px;left: -6px;top: -8px;}

.filter-sidebar .input-chckbx {margin-bottom: 8px;}
.filter-sidebar .input-chckbx label {font-size: 16px;line-height: 20px;padding-left: 30px;}
.filter-sidebar .input-chckbx label:before {width: 20px;height: 20px;}
.filter-sidebar .input-chckbx label:after {top: 3px;left: 7px;width: 13px;height: 8px;}

.collection-list {width: 75%;float: left;padding-left: 30px;}
.grid--view-items {display: flex;flex-wrap: wrap;margin-bottom: -30px;}
.grid__item {margin-bottom: 30px;}
.grid-view-item {width: 100%;height: 100%;border: 1px solid #ccc;border-radius: 6px;padding: 12px;margin: 0;}
.grid-view-item__image {margin-bottom: 15px;}
.grid-view-item__image-wrapper, .grid-view-item__image-wrapper .grid-view-item__image {max-width: 100% !important;max-height: 100% !important;}
.grid-view-item__image-wrapper div {padding-top: 100% !important;}
.grid-view-item__image-wrapper .grid-view-item__image {width: 100%;height: 100%;object-fit: contain;}
.grid-view-item__title {font-size: 15px;line-height: 20px;max-height: 40px;overflow: hidden;color: #000;margin: 0 0 5px;}
.grid-view-item__meta {font-size: 16px;line-height: 1.2;margin: 0;}
.product-price__price {font-weight: 400;color: #000;}
.grid-view-item.product-price--sold-out .product-price__price {color: red;}
.product-price__sold-out {font-size: 15px;color: red;}
.sp_noproducts {    display: flex;    justify-content: center;width: 100% }
.SPCMP_chk_lbl {width: 100%;font-size: 15px;line-height: 19px;display: block;margin: 10px 0 0;cursor: pointer;}
.SPCMP_chk_lbl input {vertical-align: middle;}

.pagination-i {width: 100%;text-align: center;margin-top: 50px;}
.pagination-i ul {display: inline-block;vertical-align: middle;}
.pagination-i li {float: left;}
.pagination-i li a, .pagination-i li span {display: block;min-width: 40px;height: 40px;line-height: 40px;font-size: 16px;color: #000;border-radius: 6px;padding: 0 10px;position: relative;}
.pagination-i li a:hover {color: #009688;}
.pagination-i li.active a, .pagination-i li.active span {background: #009688;color: #fff;}
.nxt-prv-arrw a:before {content: '';position: absolute;top: 1px;left: 0;right: 0;bottom: 0;width: 12px;height: 12px;border-left: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: rotate(45deg);margin: auto;}
.nxt-prv-arrw.next-arrow a:before {transform: rotate(-135deg);}

/* datepicker */
.ui-datepicker {max-width: 420px;margin: auto;padding: 15px;color: #1e1e1e;background: #fff;border: 1px solid #ececec;box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.3);display: none;}
.ui-datepicker a {color: #1e1e1e;}
.ui-datepicker a:hover, .ui-datepicker a:focus {color: #1e1e1e;opacity: 1;}
.ui-datepicker .ui-datepicker-header {position: relative;margin: 0 0 5px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute;top: 0;width: 28px;height: 28px;color: #1e1e1e;cursor: pointer;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {width: 12px;height: 12px;text-indent: -99999px;display: block;border-left: 2px solid #009688;border-bottom: 2px solid #009688;transform: rotate(45deg);margin: 8px 10px;}
.ui-datepicker .ui-datepicker-prev {left: 0;}
.ui-datepicker .ui-datepicker-next {right: 0;}
.ui-datepicker .ui-datepicker-next span {transform: rotate(-135deg);margin: 8px 5px;}
.ui-datepicker .ui-datepicker-title {font-size: 16px;margin: 0 35px 10px;line-height: 28px;text-align: center;color: #009688;font-weight: bold;}
.ui-datepicker .ui-datepicker-title select {font-size: 1em;margin: 1px 0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 45%;}
.ui-datepicker table {width: 100%;font-size: 14px;border-collapse: collapse;margin: 0;}
.ui-datepicker th {color: #1e1e1e;padding: 10px 5px;text-align: center;font-weight: bold;border: 0;text-transform: uppercase;}
.ui-datepicker td {border: 0;padding: 5px;}
.ui-datepicker td span, .ui-datepicker td a {width: 40px;height: 40px;line-height: 40px;display: block;border-radius: 30px;padding: 0 5px;text-align: center;text-decoration: none;margin: auto;background: #fff;position: relative;z-index: 1;}
.ui-datepicker td .ui-state-active {color: #fff;}
.ui-datepicker td .ui-state-default:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;transform: scale(0.5);background: #fff;transition: all 0.15s ease;z-index: -1;border-radius: 30px;}
.ui-datepicker td .ui-state-default.ui-state-hover:before {transform: scale(1);background: rgba(0, 150, 136, 0.2);}
.ui-datepicker td .ui-state-default.ui-state-active:before {transform: scale(1);background: #009688;}

/* noui range slider */
.noUi-target,
.noUi-target * {-webkit-touch-callout: none;-webkit-user-select: none;-ms-touch-action: none;touch-action: none;-ms-user-select: none;-moz-user-select: none;user-select: none;-moz-box-sizing: border-box;box-sizing: border-box;}
.noUi-target:focus, .noUi-target *:focus {outline: none;}
.noUi-target {position: relative;direction: ltr;}
.noUi-base {width: 100%;height: 100%;position: relative;z-index: 1;}
.noUi-origin {position: absolute;right: 0px;top: 0;left: 0;bottom: 0;}
.noUi-handle {position: relative;z-index: 1;}
.noUi-stacking .noUi-handle {z-index: 10;}
.noUi-state-tap .noUi-origin {-webkit-transition: left .3s, top .3s;transition: left .3s, top .3s;}
.noUi-state-drag * {cursor: inherit!important;}
.noUi-base, .noUi-handle {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.noUi-horizontal {height: 12px;}
.noUi-horizontal .noUi-handle {width: 24px;height: 24px;left: -12px;top: -6px;}
.noUi-vertical {width: 18px;}
.noUi-vertical .noUi-handle {width: 28px;height: 34px;left: -6px;top: -17px;}
.noUi-background {background: #ececec;}
.noUi-connect {background: #009688;-webkit-transition: background 450ms;transition: background 450ms;}
.noUi-origin {border-radius: 30px;}
.noUi-target {border-radius: 30px;}
.noUi-target.noUi-connect {box-shadow: inset 0 0 3px rgba(51, 51, 51, .45), 0 3px 6px -5px #BBB;}
.noUi-draggable {cursor: w-resize;}
.noUi-vertical .noUi-draggable {cursor: n-resize;}
.noUi-handle {border: 1px solid #D9D9D9;border-radius: 30px;background: #FFF;cursor: default;}
.noUi-active {box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;}
[disabled] .noUi-connect, [disabled].noUi-connect {background: #B8B8B8;}
[disabled] .noUi-handle, [disabled].noUi-origin {cursor: not-allowed;}
.noUi-pips, .noUi-pips * {-moz-box-sizing: border-box;box-sizing: border-box;}
.noUi-pips {position: absolute;color: #999;}
.noUi-value {position: absolute;text-align: center;}
.noUi-value-sub {color: #ccc;font-size: 10px;}
.noUi-marker {position: absolute;background: #CCC;}
.noUi-marker-large, .noUi-marker-sub {background: #AAA;}
.noUi-pips-horizontal {padding: 10px 0;height: 80px;top: 100%;left: 0;width: 100%;}
.noUi-value-horizontal {-webkit-transform: translate3d(-50%, 50%, 0);transform: translate3d(-50%, 50%, 0);}
.noUi-marker-horizontal.noUi-marker {margin-left: -1px;width: 2px;height: 5px;}
.noUi-marker-horizontal.noUi-marker-sub {height: 10px;}
.noUi-marker-horizontal.noUi-marker-large {height: 15px;}
.noUi-pips-vertical {padding: 0 10px;height: 100%;top: 0;left: 100%;}
.noUi-value-vertical {-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);padding-left: 25px;}
.noUi-marker-vertical.noUi-marker {width: 5px;height: 2px;margin-top: -1px;}
.noUi-marker-vertical.noUi-marker-sub {width: 10px;}
.noUi-marker-vertical.noUi-marker-large {width: 15px;}
.noUi-tooltip {display: block;position: absolute;border: 1px solid #D9D9D9;border-radius: 3px;background: #fff;padding: 5px;text-align: center;}
.noUi-horizontal .noUi-handle-lower .noUi-tooltip {top: -32px;}
.noUi-horizontal .noUi-handle-upper .noUi-tooltip {bottom: -32px;}
.noUi-vertical .noUi-handle-lower .noUi-tooltip {left: 120%;}
.noUi-vertical .noUi-handle-upper .noUi-tooltip {right: 120%;}

.wizard_view table {width: 100%;margin-bottom: 1em;border-collapse: collapse;border-spacing: 0;}
.wizard_view th, .wizard_view td {text-align: left;padding: 15px;border: 1px solid #ebebeb;}
.wizard_view ul {list-style: none outside;margin-bottom:30px;}
.wizard_view ul li {margin-bottom: 0.25em;}
.wizard_view ul li input{vertical-align:middle;}
.wizard_view .color.swatch-element label, .wizard_view label{font-size:14px;float: none !important;line-height: initial !important;margin: 0 !important;}
#product-right #product-description{border:none;}/*1px solid #e5e5e5*/
.wizard_view .swatch input{vertical-align:middle;}

.product-form__item--quantity{margin-top:10px;}
.radio-box { margin-bottom: 15px; }
.sp_radio {width:100%;display:inline-block; }
.sp_radio input{ vertical-align: middle; }
.cust_pro h5, .shipp_pro h5{margin-bottom:5px;}
.custom-radio-tab{display: flex;align-items: center;}
.custom-radio-tab span{padding:6px 10px 6px 0;}
.custom-radio-tab .swatch-element{position:relative;}
.custom-radio-tab #swatch--one-side, .custom-radio-tab #swatch--two-side{position: absolute;top: 7px;left: 10px;cursor:pointer;}
.custom-radio-tab > div > label{width: 100%;padding: 5px 15px 5px 30px;}/*border-right: 1px solid #ccc;background: #f5f5f5;*/
.custom-radio-tab > div:last-child > label{border:none;}
.radio-tab .option_variant ul{padding:0;}
.shippimg_method {padding-top: 5px;}
.addon_pro { margin : 5px }
.addonoption { margin: 0 0 20px 20px;}
.finalprice {color: #009688;font-size: 18px;margin: 0 5px 15px;}
/* swatch */
.selector-wrapper { display:none}

{% assign width = '50px' %}
{% assign height = '35px' %}
.swatch { 
  margin:1em 0; 
}
/* Label */
.swatch .header {
  margin: 0.5em 0;
}
/* Hide radio buttons.*/
.swatch input { 
  display:none;
}
/*.swatch label {
  /* Rounded corners */
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  /* To give width and height */
  float:left;
  /* Color swatches contain no text so they need to have a width. */
  min-width:{{ width }} !important; 
  height:{{ height }} !important;
  /* No extra spacing between them */
  margin:0;
  /* The border when the button is not selected */
  border:#ccc 1px solid;
  /* Background color */
  background-color:#ddd;
  /* Styling text */
  font-size:13px;
  text-align:center;
  line-height:{{ height }};
  white-space:nowrap;
  text-transform:uppercase;
}*/
.swatch-element label { padding:0 10px; }
.color.swatch-element label { padding:0; }
/* Styling selected swatch */
/* Slightly raised */
/*.swatch input:checked + label {
  -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.8);
  -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.8);
  box-shadow:0px 1px 2px rgba(0,0,0,0.8);
  border: #999 1px solid !important;
} */
.swatch .swatch-element {
  float:left;
  -webkit-transform:translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing:antialiased; /* webkit text rendering fix */
  /* Spacing between buttons */
  margin:0px 10px 10px 0;
  /* To position the sold out graphic and tooltip */
  position:relative;
}
/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out { display:block; }
.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6;      /* khtml, old safari */
  -moz-opacity: 0.6;       /* mozilla, netscape */
  opacity: 0.6;           /* fx, safari, opera */
}
/* Tooltips */
.swatch .tooltip {
  text-align:center;
  background:gray;
  color:#fff;
  bottom:100%;
  padding: 10px;
  display:block;
  position:absolute;
  width:100px;
  left:{{ width | remove: 'px' | to_number | divided_by: 2 | minus: 50 | plus: 2 }}px;
  margin-bottom:15px;
  /* Make it invisible by default */
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid gray 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:50%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
  filter:alpha(opacity=100);
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  -ms-transform:translateY(0px);
  -o-transform:translateY(0px);
  transform:translateY(0px);
}
.swatch.error {
  background-color:#E8D2D2!important;
  color:#333!important;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
}
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
}

.swatch label {display:inline}
/* tab */

.tab-content  .tab-pane {    display: none;  }
.tab-conten .active {    display: block;  }

.nav {padding-left: 0; margin-bottom: 0;    list-style: none;}
.nav-tabs {border-bottom: 1px solid #ddd;display:flex;}
.nav-tabs li {float: left; margin-bottom: -1px;}
.nav li {position: relative; display: block;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: #555;cursor: default; background-color: #fff;border: 1px solid #ddd;border-bottom-color: transparent;}
.nav-tabs>li>a {margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 4px 4px 0 0;}
.nav>li>a {position: relative;display: block;padding: 10px 15px;}
.tab-content>.active {display: block;}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table;content: " ";}

/*MOQ*/
.product-form{position:relative}
.sp_error_qty { color:red;font-size:14px;}
.error--quantity { position: absolute;left: 5px;top: 95%;}

.sp_radio .shipday { font-size: 14px;color: #036c77;}
.swatch input{display:inline;}
.swatch-element{cursor:pointer;}
.option_variant{display:none;}
.option_variant ul{padding-left:25px;}
.option_variant.show{display:block;}
.addon_pro label {display:inline-block;}

@media only screen and (max-width: 740px){
  .wizard_view input{width:auto;min-width:auto;}
  .option_variant.show{width: 100%;position: initial;text-align: left;height:auto;}
  .wizard_view .show:after{content:none;}
  .addonoption{margin-left:15px;}
}
.sp_colheading{text-align:center}

/*product page*/
 #content.row {max-width: 100%;width: 100%;}
  .w-o-left {width: 100%;float: left;}
  .product-sp-page {padding-bottom: 60px;}
  .product-sp-page * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .product-sp-page:after, .product-sp-page .sp-container:after {content: '';display: table;clear: both;}
  .product-sp-page .sp-container {max-width: 1200px;display: block;margin: auto;padding: 0 15px;}
  .sp-breadcrumb {width: 100%;float: left;margin-bottom: 20px;}
  .sp-breadcrumb, .sp-breadcrumb a {font-size: 11px;color: #ccc;letter-spacing: 1px;text-transform: uppercase;transition: none;}
  .product-sp-page .pro-sp-images {width: 48.5%;float: left;}
  .product-sp-page .pro-main-slider {width: 88%;float: right;padding-left: 20px;position: relative;}
  .pro-sp-img-nav {position: absolute;top: 0;right: 0;}
  .pro-sp-img-nav .sp-nav-arrow {width: 26px;height: 26px;float: left;background: #000;border: 2px solid #000;color: #fff;position: relative;margin-left: 10px;}
  .pro-sp-img-nav .sp-nav-arrow:before {content: '';position: absolute;top: 0;left: 0;right: 4px;bottom: 0;margin: auto;width: 8px;height: 8px;border-left: 1px solid;border-bottom: 1px solid;transform: rotate(-135deg);}
  .pro-sp-img-nav .sp-nav-arrow:hover {background: #fff;color: #000;}
  .pro-sp-img-nav .sp-nav-arrow.sp-nav-prev {transform: rotate(180deg);}
  .product-sp-page .pro-thumb-slider {width: 12%;float: left;}
  .pro-thumb-slider .sp-thumb-item {display: block;cursor: pointer;margin-bottom: 10px;}
  .pro-thumb-slider .sp-thumb-item img {border: 1px solid #fff;display: block;margin: auto;}
  .pro-thumb-slider .sp-thumb-item.active img {border: 1px solid #ccc;}
  .pro-main-sp-desc {font-size: 15px;line-height: 1.5;margin-top: 40px;}
  .pro-main-sp-desc .sp-title {font-size: 22px;border-bottom: 1px solid #d5d5d5;padding-bottom: 7px;margin-bottom: 20px;}
  .product-sp-page .pro-sp-description {width: 48.5%;float: left;margin-left: 3%;}
  .product-sp-page .pro-sp-title {font-size: 24px;margin-bottom: 10px;}
  
  
  @media only screen and (max-width: 960px) {
    .product-sp-page .pro-sp-title {font-size: 22px;}
    .wizard_view th, .wizard_view td {font-size: 14px;padding: 10px;}
    .pro-main-sp-desc {font-size: 14px;line-height: 22px;margin-top: 30px;}
  }
  
  @media only screen and (min-width: 768px) {
    .visible-x {display: none !important;}
  }
  
  @media only screen and (max-width: 767px) {
    .hidden-x {display: none !important;}
    .product-sp-page {padding-bottom: 40px;}
    .product-sp-page .pro-sp-images {width: 100%;}
    .product-sp-page .pro-sp-description {width: 100%;margin: 25px 0 0;}
    .product-sp-page .pro-sp-title {font-size: 20px;}
    .pro-main-sp-desc {margin-top: 20px;}
    .pro-main-sp-desc .sp-title {font-size: 20px;margin-bottom: 15px;}
  }

/*product page*/

 #content.row {max-width: 100%;width: 100%;}
  
  .w-o-left {width: 100%;float: left;}
  .collection-sp-page {padding-bottom: 30px;}
  .collection-sp-page * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .collection-sp-page:after, .collection-sp-page .sp-container:after {content: '';display: table;clear: both;}
  .collection-sp-page .sp-container {max-width: 1200px;display: block;margin: auto;padding: 0 15px;}
  .sp-breadcrumb {width: 100%;float: left;margin-bottom: 20px;}
  .sp-breadcrumb, .sp-breadcrumb a {font-size: 11px;color: #ccc;letter-spacing: 1px;text-transform: uppercase;transition: none;}
  .collection-sp-page .collection-sp-list {width: 100%;float: left;}
  .collection-sp-page .collection-sp-list.has-sidebar {width: 75%;padding-left: 25px;}
  .coll-sp-description {margin-bottom: 30px;}
  .coll-sp-description h2 {font-size: 24px;padding-bottom: 5px;margin-bottom: 20px;border-bottom: 1px solid #e5e5e5;}
  .coll-sp-sort {float: right;margin-bottom: 20px;}
  .coll-sp-sort label {font-size: 13px;font-weight: 400;line-height: 20px;padding: 5px 0;float: left;margin-right: 10px;}
  .select-sp-box {float: left;position: relative;}
  .select-sp-box:after {content: '';position: absolute;top: 0;bottom: 4px;right: 10px;margin: auto;width: 8px;height: 8px;border-left: 1px solid;border-bottom: 1px solid;transform: rotate(-45deg);pointer-events: none;}
  .select-sp-box select {width: auto;min-width: 160px;height: 30px;float: left;font-size: 12px;margin: 0;padding: 0 25px 0 5px;border: 1px solid #d5d5d5;-webkit-appearance: none;-moz-appearance: none;}
  .sp_colheading {margin-bottom: 20px;}
  .coll-sp-list .coll-sp-row {display: -webkit-flex;display: flex;flex-wrap: wrap;margin: 0 -10px;}
  .SP_products {width: 25%;float: left;padding: 0 10px;margin-bottom: 30px;}
  .SP_products .sp-product-img {margin-bottom: 10px;}
  .SP_products .sp-product-img a {display: block;position: relative;}
  .SP_products .sp-product-img img {display: block;margin: auto;}
  .SP_products .sp-product-img .pro-sec-img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;max-height: 100%;opacity: 0;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;z-index: -1;}
  .SP_products .sp-product-img:hover .pro-sec-img {opacity: 1;}
  .SP_products .sp-product-img:hover .pro-sec-img + .pro-o-img {opacity: 0;}
  .SP_products h3 {font-size: 14px;letter-spacing: normal;margin-bottom: 7px;}
  .SP_products h3 a {font: inherit;color: inherit;}
  .SP_products .sp-product-price {font-size: 16px;line-height: 1.4;}
  .col-has-2 .SP_products {width: 50%;}
  .col-has-3 .SP_products {width: 33.33%;}
  .filter-toggle {display: none;font-size: 16px;line-height: 19px;font-weight: bold;background: #009688;color: #fff;padding: 13px 20px;text-align: center;text-transform: uppercase;margin-bottom: 30px;cursor: pointer;}
  
  @media only screen and (max-width: 959px) {
    .filter-sidebar {width: 30%;}
    .collection-sp-page .collection-sp-list.has-sidebar {width: 70%;}
    .SP_products {width: 33.33%;}
    .SP_products .sp-product-price {font-size: 15px;}
    .coll-sp-list.col-has-3 .coll-sp-row {margin: 0 -5px;}
    .col-has-3 .SP_products {padding: 0 5px;}
    .col-has-3 .SP_products .sp-product-price {font-size: 14px;}
  }
  
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .coll-sp-list.col-has-3 .coll-sp-row {margin: 0 -5px;}
    .col-has-3 .SP_products {padding: 0 5px;}
  }
  
  @media only screen and (max-width: 767px) {
    .coll-sp-description h2 {font-size: 22px;padding-bottom: 7px;margin-bottom: 15px;}
    .coll-sp-description .coll-desc {font-size: 14px;line-height: 22px;}
    .filter-toggle {display: block;}
    .filter-sidebar {display: none;width: 100%;margin-bottom: 30px;}
    .filter-sidebar h3 {display: none;}
    .collection-sp-page .collection-sp-list.has-sidebar {width: 100%;padding: 0;}
    .coll-sp-list .coll-sp-row {margin: 0 -5px;}
    .SP_products {width: 50%;padding: 0 5px;margin-bottom: 20px;}
    .SP_products .sp-product-price {font-size: 14px;}
  }