﻿
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ============================================ *
 * Reset
 * ============================================ */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* Prevent tap highlight on iOS/Android */
  -webkit-text-size-adjust: 100%;
  /* Prevent automatic scaling on iOS */
}
th,
code,
cite,
caption {
  font-weight: normal;
  font-style: normal;
  text-align: left;
}

address {
  font-style: normal;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
q:before,
q:after {
  content: '';
}

input:focus,
input[type="search"]:focus {
  outline-offset: -2px;
}

input[type="search"] {
  -webkit-appearance: none;
  /* 1 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* 2 */
  box-sizing: border-box;
}

/* ============================================ *
 * Base Styles
 * ============================================ */
a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #1bbc9b;
  text-decoration: none;
}

a:focus {
  outline-color: #3091c2;
  color: #143d52;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ============================================ *
 * Typography
 * ============================================ */
.h1 {
  margin: 0;
  margin-bottom: 0.7em;
  color: #1bbc9b;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
}

.h2 {
  margin: 0;
  margin-bottom: 0.5em;
  color: #636363;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
}

.h3 {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;

}

.h4 {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

.h5 {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
    font-size: 13px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

.h6 {
  margin: 0;
  margin-bottom: 5px;
  color: #636363;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

/* ============================================ *
 * Shared Classes
 * ============================================ */
.address-list address {
  margin-bottom: 1em;
}

.availability {
  margin-bottom: 0;
  font-size: 13px;
  text-transform: uppercase;
}

.availability .label {
  display: none;
}

.availability.in-stock {
  color: #11b400;
}

.availability.available-soon,
.availability.out-of-stock {
  color: #df280a;
}

.availability-only {
  color: #df280a;
  margin-bottom: 10px;
}

/* -------------------------------------------- *
 * Page Titles
 */
.page-title h1,
.page-title h2,
.product-name h1,
.product-name .h1 {
  font-size:20px;
  color: #333;
  padding-bottom: 3px;
  margin-bottom: 15px;
  text-transform:capitalize;
}

/* -------------------------------------------- *
 * Block Module
 */
.block,
.col-left-first {
  margin-bottom: 20px;
}

.col-left-first .block:last-of-type {
  margin-bottom: 0;
}

.block-title {
  position: relative;
  padding: 10px 0 0;
  margin-bottom: 5px;
  /*border-top: 1px solid #cccccc;*/
}
.block-title h2,
.block-title h3,
.block-title strong {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  color: #1bbc9b;
  margin-bottom: 0;
  text-transform: uppercase;
}
.block-account .block-title strong {
  text-transform: capitalize;                                    
}
.block-title small {
  font-size: 100%;
  font-weight: normal;
  color: #a0a0a0;
}

body:not(.customer-account) .block:first-child .block-title {
  border-top: none;
  padding-top: 0;
}

.block-subtitle {

  margin-bottom: 7px;
}

.block-content.unpad {
  padding: 0;
}

.block-content li.item {
  display: flex;
  margin: 0 0 10px 9px;
}

.block-content li.item:last-child {
  margin-bottom: 0;
}

.col-left .block .actions .button ~ a,
.col-right .block .actions .button ~ a {
  line-height: 33px;
  margin-right: 5px;
}
/* -------------------------------------------- *
 * Secondary Navigation
 */
.block-account .block-title,
.block-cms-menu .block-title {
  padding-top: 0;
  border-top: none;
}
.block-account li,
.block-cms-menu li {
  /*text-transform: uppercase;*/
  text-transform: capitalize;
  margin: 7px 0;
}
.block-account li strong,
.block-cms-menu li strong {
  font-weight: 400;
  color: #1bbc9b;
}
.block-account li a,
.block-cms-menu li a {
  color: #636363;
}
.block-account li a:hover,
.block-cms-menu li a:hover {
  color: #1bbc9b;
}

/* ============================================ *
 * Buttons
 * ============================================ */
/* Secondary Buttons */
.cart .buttons-set .button,
.cart-table .button,
.sidebar .actions .button,
.button.button-secondary {
  background: #dddddd;
  color: #636363;
  padding: 7px 15px;
}
.cart .buttons-set .button:hover,
.cart-table .button:hover,
.sidebar .actions .button:hover,
.button.button-secondary:hover {
  background: #d0d0d0;
  cursor: pointer;
}
.cart .buttons-set .button:active,
.cart-table .button:active,
.sidebar .actions .button:active,
.button.button-secondary:active {
  background: #c4c4c4;
  color: #636363;
}
.cart .buttons-set .button:focus,
.cart-table .button:focus,
.sidebar .actions .button:focus,
.button.button-secondary:focus {
  color: #636363;
  background: #c4c4c4;
  outline: none;
}

.sidebar .actions button.button {
  white-space: normal;
}

/* Primary Buttons */
.button,
.cart-table .product-cart-actions .button,
#co-shipping-method-form .buttons-set .button,
.footer .button {
  background: #1bbc9b; border-radius:3px;
  display: inline-block;
  padding: 7px 15px;
  border: 0;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: normal;
  line-height:28px;
  text-align: center;
  text-transform: capitalize;
  vertical-align: middle;
  white-space: nowrap;
}
.button:hover,
.cart-table .product-cart-actions .button:hover,
#co-shipping-method-form .buttons-set .button:hover,
.footer .button:hover {
  background: #1bbc9b;
  cursor: pointer;
}
.button:active,
.cart-table .product-cart-actions .button:active,
#co-shipping-method-form .buttons-set .button:active,
.footer .button:active {
  /*background: #297aa3;*/
  background: #e11e82;
  color: #FFFFFF;
}
.button:focus,
.cart-table .product-cart-actions .button:focus,
#co-shipping-method-form .buttons-set .button:focus,
.footer .button:focus {
  /*background-color: #297aa3;*/
  background-color: #e11e82;
  outline: none;
  color: #FFFFFF;
}

a.button {
  text-decoration: none;
}

a.button:hover {
  color: #FFFFFF;
}

/* Disabled - class for anchor, state for form elements */
.button.disabled,
.button:disabled {
  background: #C8C8C8;
  opacity: 0.6;
  cursor: not-allowed;
}

/* Adjacent buttons */
.button + .button {
  margin-left: 5px;
}

.button2 {
  border: 0;
  padding: 0 5px;
  margin: 0;
  background: transparent;
  cursor: pointer;
  vertical-align: middle;
}

.button2:focus {
  outline: none;
}

.button2 span,
.button2 span span {
  line-height: 30px;
  height: 30px;
  text-transform: capitalize;
  display: inline-block;
  color: #1bbc9b;
}
.button2 span:hover,
.button2 span span:hover {
  color:#F70B88;
}
/* -------------------------------------------- *
 * Paypal Button
 */
.paypal-logo.paypal-after {
  float: left;
}

.paypal-after .paypal-or {
  float: left;
}

.paypal-or {
  display: none;
  line-height: 34px;
  margin: 0px 10px 5px;
}

.paypal-after .paypal-button {
  float: left;
}

.paypal-button {
  line-height: 0px;
}

.paypal-button img {
  display: inline;
  max-width:100%;
}
/* -------------------------------------------- *
 * Button Sets
 */
.buttons-set {
  clear: both;
  margin: 10px 0 0;
  padding-top: 10px;
  border-top: 1px solid #ededed;
  text-align: right;
}
.buttons-set p.required {
  margin: 0;
  margin-left: 10px;
  line-height: 33px;
}
.buttons-set .back-link {
  float: left;
  margin: 0;
  line-height: 33px;
}
.buttons-set a:not(.button) {
  line-height:30px;
  display: inline-block;
border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px 10px;
}
.buttons-set button.button {
  float: right;
  margin-left: 5px;
  min-width: 140px; background:#1bbc9b; color:#fff;
}
.buttons-set:after {
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------------------- *
 * Icons
 */
.icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,
.sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
  background-image: url(../images/icon_sprite.png);
  background-repeat: no-repeat;
  background-size: 100px 1000px;
  text-indent: -9999px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,
  .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
    background-image:url(../images/icon_sprite@2x.png);
    background-size: 100px 1000px;
  }
}
/* -------------------------------------------- *
 * Breadcrumbs
 */
.breadcrumbs {
  overflow: hidden;
  margin: -5px 0 25px;
}

.breadcrumbs li {
  float: left;
  font-size: 14px;
  text-transform: capitalize;
}

.breadcrumbs a {
  float: left;
  color: #636363;
}

.breadcrumbs a:hover {
  color: #1bbc9b;
}

.breadcrumbs strong {
  color: #545454;
  font-weight: normal;
}

.breadcrumbs span {
  float: left;
  padding: 0 7px;
}
/* -------------------------------------------- *
 * Button - Remove / Previous
 */
.btn-remove,
.btn-previous {
  display: inline-block;
  width:40px;
  height: 20px;
  border: 1px solid #ededed;
  text-align: center;
  /* Hide text */
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  position: relative;
}
.btn-remove:hover,
.btn-previous:hover {
  background-color: #1bbc9b;
  border-color: #1bbc9b;
}

.btn-remove:after {
  content: 'X';
  color: #1bbc9b;
  height: 20px;
  line-height: 20px;
  width: 100%;
  font-size: 10px;
  font-weight: bold;
}
.btn-remove:hover:after {
  color: #FFFFFF;
  text-decoration: none;
}

.btn-remove2 {
  background-position:4px -1308px;
  margin-top:0;
  border: none;
  vertical-align: top; background-size:inherit!important;
}
.btn-remove2:after {
  display: none;
}
.btn-remove2:hover {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.btn-previous:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #1bbc9b;
  border-left: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -2px;
  margin-top: -4px;
}
.btn-previous:hover:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid white;
  border-left: none;
}

.block-layered-nav .currently .btn-remove,
.block-layered-nav .currently .btn-previous,
.mini-products-list .btn-remove,
.mini-products-list .btn-previous,
#compare-items .btn-remove,
#compare-items .btn-previous {
  float: right;
  margin-left: 6px;
}

/* -------------------------------------------- *
 * Checkout Agreements
 */
.checkout-agreements li {
  margin-bottom: 20px;
}

.checkout-agreements .agreement-content {
  overflow-y: auto;
  max-width: 670px;
  max-height: 125px;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #cccccc;
  background: #f4f4f4;
}

/* -------------------------------------------- *
 * CVV Security Code
 */
.cvv-what-is-this {
  margin-left: 10px;
  font-size: 13px;
  line-height: 24px;
}

/* -------------------------------------------- *
 * Container
 */
.main-container,
.footer-container {
  position: relative;
  max-width: 1260px;
  margin: 0 auto;
  padding: 15px;
}
.catalog-category-view .main-container{
    max-width: 1440px;
}
.main-container:after,
.footer-container:after {
  content: '';
  display: table;
  clear: both;
}

@media only screen and (min-width: 480px) {
  .main-container,
  .footer-container {
    padding: 30px;
  }
  .catalog-category-view .main-container{
   padding: 0px;
}
}
.footer-container {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* -------------------------------------------- *
 * Column Layouts
 */
.main:after,
.col-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

.col-left {
  float: left;
  width: 20%;
  padding-left: 0;
  /* Remove the 15px padding */
  clear: left;
}
.col-left img {
  max-width: 100%;
}

.col-right {
  float: right;
  width: 22%;
  padding-right: 0;
  /* Remove the 15px padding */
}
.col-right img {
  max-width: 100%;
}

.col-main {
  float: left;
  width: 78%;
}
.col2-left-layout .sortBox .col-main {
  float: initial;
}
.sortBox .col-main {
  width: 100%;
}
.blog-index-list .sortBox .col-left,
.blog-post-view .sortBox .col-left{
  display: none;
}
.sortBox .col-left {
  float: initial;
  width: 100%;
}
.sortBox .featuredleft {
 border: none;
 width: 100%;
}
.col1-layout .col-main {
  float: none;
  width: auto;
  padding: 0;
  /* Remove the 15px padding */
}

.col2-left-layout .col-main {
  float: right;
  padding-right: 0;
  /* Remove the 15px padding */
}

.col2-right-layout .col-main {
  padding-left: 0;
  /* Remove the 15px padding */
}

.col3-layout .col-right {
  width: 20.83333%;
}
.col3-layout .col-wrapper {
  float: left;
  width: 79.16667%;
}
.col3-layout .col-wrapper .col-main {
  float: right;
  width: 73.68421%;
}
.col3-layout .col-wrapper .col-left {
  width: 26.31579%;
}
/* Content Columns */
.col2-set {
  width: 100%;
  /* border-bottom: 1px solid #ccc; */
}
.col2-set:nth-child(3) .box .box-title {
    width: 50%;
    padding: 10px 0;
    border-right: 1px solid #ccc;
}
.col2-set:nth-child(3) .box-content {
  border-top: 1px solid #ccc;
}
.col2-set .col-1,
.col2-set .col-2 {
  width: 50%;
  padding: 20px;
}
.col2-set .col-1 {
  float: left;
  padding-left: 0;
  /* border-right: 1px solid #ccc; */
}
.col2-set .col-2 {
  float: right;
  padding-right: 0;
}
.col2-set .narrow {
  width: 33%;
}
.col2-set .wide {
  width: 65%;
}
.col2-set:after {
  content: '';
  display: table;
  clear: both;
}
/* -------------------------------------------- *
 * Top Container
 */
@media only screen and (min-width: 771px) {
  .top-container {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 30px;
  }
}
/* -------------------------------------------- *
 * Global Site Notice
 */
.global-site-notice {
  background: #676157;
  color: #e6e6e6;
  font-size: 11px;
}
.global-site-notice .notice-inner {
  padding-left: 120px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  line-height: 11px;
  min-height: 40px;
  padding-top: 14.5px;
  padding-bottom: 14.5px;
  background-image: url("../images/demo-logo.png");
  background-position: left;
  background-repeat: no-repeat;
}
.global-site-notice p {
  margin-bottom: 0;
}

/* -------------------------------------------- *
 * Promotional Message Banner
 */
.promo-msg {
  color: #1bbc9b;
  text-align: center;
  margin: 10px;
  text-transform: uppercase;
}

/* -------------------------------------------- *
 * Grid
 */
.grid:after {
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------------------- *
 * Messages
 */
.success {
  color: #11b400;
}

.error {
  color: #df280a;
  font-weight: bold;
}

.notice {
  color: #e26703;
  font-weight: bold;
}

/* -------------------------------------------- *
 * Messages
 */
.messages {
  margin-bottom: 10px;
}

.messages li li {
  position: relative;
  margin-bottom: 5px;
  padding: 7px 10px 7px 20px;
  background: #f4f4f4;
  font-size: 15px;
}

.messages li li:before {
  top: 50%;
  left: 0;
  margin-top: -6px;
}

.messages .error-msg li {
  color: black;
  border-left: 5px solid #df280a;
  background-color: #faebe7;
}

.messages .error-msg li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #df280a;
  border-right: none;
}

.messages .notice-msg li {
  color: black;
  border-left: 5px solid #e26703;
  background-color: #f9ebe6;
}

.messages .notice-msg li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #e26703;
  border-right: none;
}

.messages .success-msg li {
  color: black;
  border-left: 5px solid #11b400;
  background-color: #eff5ea;
}

.messages .success-msg li:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #11b400;
  border-right: none;
}

@media only screen and (min-width: 915px) {
  .order-list-grid .col-1 {
    width: 30%;
  }

  .order-list-grid .col-2 {
    width: 50%;
    padding-right: 20px;
  }

  .order-list-grid .col-3 {
    clear: none;
    width: 20%;
    padding-top: 0;
  }
}
/* -------------------------------------------- *
 * Page Popup
 */
.page-popup {
  padding: 20px;
  background: #FFFFFF;
  height: auto;
}

.page-popup h1 {
  margin: 0 0 0.5em;
  font-size: 36px;
}

/* -------------------------------------------- *
 * Payment Methods
 */
.payment-methods {
  margin-bottom: 20px;
}

.payment-methods dt {
  padding: 5px 0;
}

.payment-methods dd {
  padding-top: 10px;
}

.payment-methods .form-list {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 5px 15px 15px;
  padding: 15px;
  border: 1px solid #cccccc;
  background: #f4f4f4;
}

.payment-methods .form-list:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #cccccc;
  border-top: none;
  top: -11px;
  left: 30px;
}

.payment-methods .form-list:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #f4f4f4;
  border-top: none;
  top: -10px;
  left: 30px;
}

.payment-methods .form-list li:last-child {
  margin-bottom: 0;
}

/* -------------------------------------------- *
 * Please Wait (Loading Indicator)
 */
.please-wait {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  line-height: 24px;
  height: 24px;
  white-space: nowrap;
  /* Prevent the linebreak in the HTML from causing layout issues */
}
.please-wait img {
  float: left;
  margin-right: 5px;
  width: 24px;
}

/* -------------------------------------------- *
 * Price Box - Standard
 */
.price-box {
  margin: 7px 0;
 color:#f60;
}
.price-box .old-price{ float:right;  margin-right:10px;}
.price-box p {
  margin-bottom: 0;
}

.price-notice {
  color: #a0a0a0;
  display: none;
}

.price-box .price {
  color:#1bbc9b;
  font-size: 16px;
  font-weight: 500;
}

.price {
 color:#1bbc9b; font-size:16px;
}

.price-box .price-label {
  color: #a0a0a0;
  white-space: nowrap;
}

.price-box .minimal-price-link {
  padding-left: 1em;
  color: #1bbc9b;
  display: block;
  /* We want this to show on its own line, otherwise the layout looks funky */
}
.price-box .minimal-price-link .label {
  color: #a0a0a0;
}

/* -------------------------------------------- *
 * Price Box - Special
 */
.price-box .old-price,
.price-box .special-price {
  display: inline-block;
}
.price-box .old-price .price-label,
.price-box .special-price .price-label {
  display: none;
}
.price-box .old-price .price,
.price-box .special-price .price {
  display: inline-block;
}

.price-box .old-price .price {
  color: #a0a0a0;
  text-decoration: line-through;
}

.price-box .special-price {
  color: #1bbc9b;
}
.price-box .special-price .price-label {
  color: #D84D3C;
}

/* -------------------------------------------- *
 * Price Box - Taxes
 */
.price-box .price-excluding-tax,
.price-box .price-including-tax {
  display: block;
}

span.weee {
  display: block;
}

/* -------------------------------------------- *
 * Tier Prices
 */
.product-pricing,
.tier-prices,
.tier-prices-grouped {
  display: inline-block;
  padding: 4px 8px;
  background: #FBF4DE;
  border: 1px solid #E2D4C7;
  margin-top: 7px;
}
.product-pricing li,
.tier-prices li,
.tier-prices-grouped li {
  font-size: 12px;
}
.product-pricing .benefit,
.tier-prices .benefit,
.tier-prices-grouped .benefit {
  font-style: italic;
}
.product-pricing .price,
.tier-prices .price,
.tier-prices-grouped .price {
  font-weight: bold;
}

/* ============================================ *
 * Item Options
 * ============================================ */
.item-options {
  font-size: 12px;
  margin-top: 5px;
}
.item-options:after {
  content: '';
  display: table;
  clear: both;
}
.cart .item-options{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 85%;
  height: auto;
  padding: 4px 8px 4px 12px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin-top: 12px;
  cursor: pointer;
}
.cart .item-options:after {
  content:unset;
}
.item-options dt {
  float: left;
  clear: left;
}
.item-options dt:after {
  content: ': ';
}
.item-options dd {
  float: left;
  padding-left: 10px;
}

.truncated,
.truncated a.dots {
  cursor: help;
}

.truncated a.details {
  cursor: help;
  height: 16px;
  line-height: 16px;
}
.truncated a.details:hover {
  text-decoration: none;
}

.truncated .truncated_full_value {
  position: relative;
  z-index: 300;
}

.truncated .truncated_full_value .item-options {
  display: none;
  position: absolute;
  z-index: 300;
  width: 200px;
  padding: 8px;
  border: 1px solid #1bbc9b;
  background-color: #F6F6F6;
  top: 21px;
  left: -100px;
}
.truncated .truncated_full_value .item-options:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #1bbc9b;
  border-top: none;
  left: 97px;
  top: -7px;
}

.truncated .truncated_full_value .item-options > p {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.truncated .show .item-options {
  display: block;
}
/* -------------------------------------------- *
 * Printer Friendly Page
 */
.page-print {
  width: 6.5in;
  margin: 20px;
  background: #FFFFFF;
}

/* -------------------------------------------- *
 * Add to links
 */
.add-to-links {
  margin: 7px 0;
}


.add-to-links .separator {
  display: none;
}

/* -------------------------------------------- *
 * Product Image
 */
.product-image,
.no-touch .product-img-box .product-image:not(.zoom-available):hover {
  position: relative;
  display: block;
}
.no-touch .product-image:hover {
  border: 1px solid #1bbc9b;
}

/* -------------------------------------------- *
 * Ratings
 */
.ratings {
  margin: 7px 0;
}
.rating-text {
  float: left;
  min-width: 60px;
  line-height: 15px;
  margin-right: 10px;
  text-transform: uppercase;
}
.ratings .rating-box,
.ratings .rating-links {
  margin: 5px 0;
}
.ratings .rating-box {
  width: 65px;
  height: 13px;
  background-repeat: repeat-x;
  background-position: 0 -615px;
  overflow: hidden;
}
.ratings .rating-box .rating {
  float: left;
  height: 13px;
  background-repeat: repeat-x;
  background-position: 0 -600px;
}
.ratings .amount {
  display: block;
  margin: 5px auto;
}
.ratings .rating-links .separator {
  margin: 0 3px;
}

/* -------------------------------------------- *
 * Standard Formatted Text Block
 */
.std p {
  word-wrap: break-word;
}

.std ol {
  list-style: decimal outside;
  margin-bottom: 1.5em;
}

.std ol li {
  margin-left: 2em;
}

.std ul {
  list-style: disc outside;
  margin-bottom: 1.5em;
}

.std ul li {
  margin-left: 2em;
}

.std .note {
  color: #a0a0a0;
  font-size: 13px;
}

/* -------------------------------------------- *
 * Tabs
 */
.tabs {
  margin-bottom: 10px;
  background: #FFFFFF;
}

/* -------------------------------------------- *
 * Toolbar
 */
.toolbar {
  margin-top: 10px;
  margin-bottom: 15px;
/*  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  background: #f4f4f4;*/
  padding: 5px 0px 0px 0px;
}
.toolbar:after {
  content: '';
  display: table;
  clear: both;
}

.pager-no-toolbar {
  margin-bottom: 10px;
}

.pager-no-toolbar ~ .pager-no-toolbar {
  margin-top: 10px;
}

.toolbar,
.pager {
  color: #636363;
  line-height: 30px;
  font-size: 12px;
}

.toolbar label,
.pager-no-toolbar label {
  font-weight: normal;
  text-transform: uppercase;
}

.sorter {
  float: left;
  margin-bottom: 5px;
}
.sorter label {
  float: left;
  margin-right: 5px;
}
.sorter label:after {
  content: ':';
}

.sorter > .sort-by {
  float: left;
  margin-right: 5px;
  height: 30px;
}
.sorter > .sort-by .sort-by-switcher {
  width: 30px;
  height: 30px;
  display: inline-block;
}
.sorter > .sort-by .sort-by-switcher--asc {
  background-position: 4px -542px;
}
.sorter > .sort-by .sort-by-switcher--asc:hover {
  background-position: -46px -542px;
}
.sorter > .sort-by .sort-by-switcher--desc {
  background-position: 4px -567px;
}
.sorter > .sort-by .sort-by-switcher--desc:hover {
  background-position: -46px -567px;
}

.sorter > .view-mode {
  float: right;
}
.sorter > .view-mode .grid,
.sorter > .view-mode .list {
  float: left;
  width: 30px;
  height: 30px;
}
.sorter > .view-mode .grid {
  margin-right: 5px;
  background-position: 8px -492px;
}
.sorter > .view-mode strong.grid,
.sorter > .view-mode a.grid:hover {
  background-position: -42px -492px;
}
.sorter > .view-mode .list {
  background-position: 11px -517px;
}
.sorter > .view-mode strong.list,
.sorter > .view-mode a.list:hover {
  background-position: -39px -517px;
}

.pager {
  float: right;
  overflow: hidden;
}
.pager > .count-container {
  float: left;
}
.pager .amount {
  float: left;
  white-space: nowrap;
  margin: 0 15px 0 0;
}
.pager .limiter {
  float: left;
  height: 30px;
  line-height: 30px;
}
.pager .limiter > label {
  padding-right: 5px;
}
.pager .limiter > label:after {
  content: ':';
}
.pager .amount,
.pager .limiter,
.pager .pages {
  margin-bottom: 5px;
}

/*.pages {
  float: right;
  overflow: hidden;
  margin-left: 15px;
}*/
.pages strong {
  display: none;
}

.pages li {
  float: left;
}

.pages a{
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  /*vertical-align: middle;*/
  white-space: nowrap;
  line-height: 32px;
  width: 32px;
 border:1px solid #000; border-radius:6px;
  height: 32px;
  /* padding:0 5px; */
  margin:0 4px;
  color: #000;
}

.pages .current,
.pages .current:hover {
  color: #1bbc9b!important;font-size: 14px;
border: 1px solid #1bbc9b!important;
  cursor: default;width: 32px; height: 32px;line-height: 32px;
  /* padding:0 5px; */
  margin:0 4px;border-radius:6px;
  text-align: center;
}

.pages .next,
.pages .previous {
  position: relative;
}
.pages .next:hover,
.pages .previous:hover {
  color: #777777;
}
@media only screen and (max-width: 1279px) {
  .toolbar .view-mode > label {
    display: none;
  }
}
/* ============================================ *
 * Tax - Full Tax Summary
 * ============================================ */
#checkout-review-table .summary-collapse,
#shopping-cart-totals-table .summary-collapse,
body.customer-account .data-table .summary-collapse {
  position: relative;
  cursor: pointer;
}
#checkout-review-table .summary-collapse:before,
#shopping-cart-totals-table .summary-collapse:before,
body.customer-account .data-table .summary-collapse:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #1bbc9b;
  border-bottom: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .summary-collapse:hover:before,
#shopping-cart-totals-table .summary-collapse:hover:before,
body.customer-account .data-table .summary-collapse:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #246b8f;
  border-bottom: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:before,
#shopping-cart-totals-table .show-details .summary-collapse:before,
body.customer-account .data-table .show-details .summary-collapse:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #1bbc9b;
  border-top: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:hover:before,
#shopping-cart-totals-table .show-details .summary-collapse:hover:before,
body.customer-account .data-table .show-details .summary-collapse:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #246b8f;
  border-top: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}

#shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before {
  margin-bottom: 5px;
}

/* ============================================ *
 * Magento Helpers
 * ============================================ */
.a-center {
  text-align: center;
}

.a-right,
.align-right {
  text-align: right;
}

.no-display {
  display: none !important;
}

.nobr,
.nowrap {
  white-space: nowrap;
}

.width-full {
  width: 100%;
}

/* ============================================ *
 * Custom Helpers
 * ============================================ */
.hidden {
  display: none;
}

/* ============================================ *
 * Print Styles
 * ============================================ */
.page-print .print-head {
  margin: 0 0 15px;
}

.page-print .print-head .logo {
  float: none;
  max-height: 50px;
  width: auto;
}

/* ============================================ *
 * FORMS - COMMON
 * ============================================ */
/* -------------------------------------------- *
 * Fieldsets
 */
.fieldset p {
  margin-bottom: 7px;
}
.fieldset p.required {
  margin-bottom: 5px;
  float: right;
  font-size: 12px;
  margin-top: 0px;
}
form .legend {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform:capitalize;
  margin-bottom: 15px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ededed;
}

/* -------------------------------------------- *
 * Input Box
 */
.input-box:after {
  content: '';
  display: table;
  clear: both;
}

li.centinel-logos div.input-box img {
  display: inline;
  vertical-align: middle;
}

/* For adjacent select inputs. */
/* Example: credit card expiration month and year. */
.input-box .v-fix {
  float: left;
  margin-right: 5px;
  max-width: 100%;
}

/* -------------------------------------------- *
 * Labels
 */
label {
  display: inline-block;
  font-weight: 600;
}

/*label.required:after,*/

span.required em {
  display: none;
}
label.required em{
  color: red;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  padding-right:3px;
}

/* -------------------------------------------- *
 * Hints
 */
.input-hint {
  color: #a0a0a0;
  font-size: 12px;
}

/* -------------------------------------------- *
 * Select
 */
select {
  font-size: 14px;
}

select + select {
  margin-left: 5px;
}

select[multiple] {
  width: 270px;
  border: 1px solid #ddd;
  font-size: 15px;
  padding: 5px;
}

/* -------------------------------------------- *
 * Textarea
 */
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 450px;
  padding: 5px;
}

/* -------------------------------------------- *
 * Inputs
 */
.input-text {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #FFFFFF;
  font-size: 15px;padding:10px 9px 8px!important; height:36px!important;
}
.input-text:focus {
  border: 1px solid #1bbc9b;
}

.input-text.validation-failed {
  /* border-color: #df280a; */
}

.input-text.validation-failed:focus {
  outline-color: #ef9384;
}

.ie8 .input-text {
  max-width: none;
}

/* -------------------------------------------- *
 * Inputs - Quantity
 */
input[type=number].qty,
input[type=text].qty {
  width: 3em;
  text-align: center;
  vertical-align: middle;
}

/* -------------------------------------------- *
 * Placeholder
 */
::-webkit-input-placeholder {
  color: #a0a0a0;
}

input:-moz-placeholder {
  color: #a0a0a0;
}

/* -------------------------------------------- *
 * Validation
 */
p.required,
.validation-advice {
  margin: 5px 0 0;
  color: #df280a;
  font-size: 13px;
}

/* ============================================ *
 * Form List
 * ============================================ */
.form-list > li {
  margin-bottom: 10px;
}
.form-list select {
  margin-top: 4px;
  width: 365px;
  max-width: 100%;
}
.form-list .input-range .input-text {
  width: 74px;
}
.form-list .field,
.form-list .wide,
.form-list .control {
  margin-bottom: 10px;
}

.form-list .control div.input-box,
.sp-methods dt div.input-box,
#checkout-shipping-method-load .sp-methods dd div.input-box,
#co-shipping-method-form .sp-methods dd div.input-box,
.product-options ul.options-list div.input-box {
  float: left;
}
.form-list .control div.input-box:after,
.sp-methods dt div.input-box:after,
#checkout-shipping-method-load .sp-methods dd div.input-box:after,
#co-shipping-method-form .sp-methods dd div.input-box:after,
.product-options ul.options-list div.input-box:after {
  display: none;
}
.form-list .control input.radio,
.form-list .control input.checkbox,
.sp-methods dt input.checkbox,
#checkout-shipping-method-load .sp-methods dd input.radio,
#checkout-shipping-method-load .sp-methods dd input.checkbox,
#co-shipping-method-form .sp-methods dd input.radio,
#co-shipping-method-form .sp-methods dd input.checkbox,
.product-options ul.options-list input.radio,
.product-options ul.options-list input.checkbox {
  float: left;
  margin-right: -40px;
  margin-top: 10px;
}
.my-account .form-list .control #primary_billing,
.my-account .form-list .control #primary_shipping {
  margin-right: 0;
}
.product-options ul.options-list input.radio {
  margin-right: 0px;
}
.form-list .control label,
#checkout-shipping-method-load .sp-methods dd label,
#co-shipping-method-form .sp-methods dd label,
.product-options ul.options-list label {
  color: #636363;
  background-color: #f4f4f4;
  padding: 5px 10px;
  display: inline-block;
  width: auto;
  max-width: none;
  min-width: 250px;
  float: none;
  padding: 6px 10px 6px 20px;
}
.form-list .control .no-display + label,
.sp-methods dt .no-display + label,
#checkout-shipping-method-load .sp-methods dd .no-display + label,
#co-shipping-method-form .sp-methods dd .no-display + label,
.product-options ul.options-list .no-display + label {
  padding-left: 10px;
  background-color: transparent;
}
.form-list .control .no-display + label:hover,
.sp-methods dt .no-display + label:hover,
#checkout-shipping-method-load .sp-methods dd .no-display + label:hover,
#co-shipping-method-form .sp-methods dd .no-display + label:hover,
.product-options ul.options-list .no-display + label:hover {
  background-color: transparent;
}


#payment-method #checkout-payment-method-load{
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    margin:0;
}
#payment-method .sp-methods {
  box-sizing: border-box;
    width: 100%;
    padding:0;
    margin:0;
}
.payment-methods-itemgroup{
    margin-top: 12px;
}
.payment-methods-itemgroup:first-child{
  margin:0;
}
#payment-method .payment-methods-item{
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}

.payment-methods-item input[name="payment[method]"]{
    position: absolute;
    top: 0;
    left:0;
    opacity: 0;
}
#payment-method .payment-methods-item-label {
  position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 50px;
    width: 100%;
    padding: 0 12px;
    background-color: #f9f9f9;
    font-weight: 400;
}
.payment-methods-item-label .check-svg{
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
}
#payment-method .payment-methods-item-label .airwallex{
  max-width: 286px;
}
.payment-methods-item-label .check,
.payment-methods-itemgroup.active .payment-methods-item-label .uncheck{
    display:none;
}
.payment-methods-item-label .uncheck,
.payment-methods-itemgroup.active .payment-methods-item-label .check{
    display:block;
}
.payment-methods-itemgroup.active .payment-methods-item-label{
    background: #FFFFFF;
    border: 1px solid #01754A;
}
.payment-methods-itemgroup.active[data-methodcode="stripe_payments"]{
    border: 1px solid #01754A;
    background-color: #fff;
    padding-bottom: 12px;
}
.payment-methods-itemgroup.active[data-methodcode="stripe_payments"] .payment-methods-item-label{
    border: none;
}
.payment-methods-itemgroup.active[data-methodcode="stripe_payments"] dd{
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0 12px;
}
.payment-methods-item-logo{
    flex:0 0 auto;
    margin-right: 8px;
}
.payment-methods-item-logo #afterpay-logo,
.payment-methods-item-logo img{
    display: block;
    height: 36px;
    width: auto;
}
.payment-methods-item-text{
    font-size: 12px;
    font-weight: 400;
    color: #666;
}
.firecheckout_paymentmethod_tips{
  box-sizing: border-box;
  padding: 0 10px;
    font-size: 12px;
    margin-top: 12px;
    line-height: 19px;
    color: #666;
    text-align: right;
}
/* 结算页stripe */
#stripe-payments-card-number {
    box-sizing: border-box !important;
    margin:0;
    padding: 0 16px;
    display: flex;
    align-items: center;
    width: 100%;	
    height: 50px;
    border-radius: 1px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-shadow: none;
    font-size: 16px;
}
#stripe-payments-card-number div.__PrivateStripeElement{
    flex: 0 0 auto;
    width: 100%;
}
.stripe-payments-brand {
    display:none;
}
.stripe-payments-elements .stripe-flex{
  width: 100%;
}
.stripe-payments-elements .stripe-flex #stripe-payments-card-expiry,
.stripe-payments-elements .stripe-flex #stripe-payments-card-cvc{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    width: 48%;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    margin: 12px 0 0 0;
    padding: 0 16px;
    box-shadow: none;
    border-radius: 1px;
}
#stripe-payments-card-expiry div.__PrivateStripeElement,
#stripe-payments-card-cvc div.__PrivateStripeElement{
    flex: 0 0 auto;
    width: 100%;
}
/* 结算页stripe end*/

.product-options ul.options-list label,
.col2-set .form-list .control label {
  min-width: inherit;
  width: 250px;
  max-width: 100%;
}

.form-list .control.remember-me-box label {
  width: auto;
  max-width: none;
  min-width: inherit;
}

.form-list .control {
  margin-top: 10px;
}
.form-list .control label {
  float: none;
}
.form-list .control .radio,
.form-list .control .checkbox {
  margin-right: 6px;
}
.form-list .control .input-box {
  clear: none;
  display: inline-block;
  width: auto;
  padding: 0;
}

form .form-instructions {
  font-style: italic;
  font-size: 13px;
  color: #a0a0a0;
}

/* ============================================ *
 * Table Helpers
 * ============================================ */
.hide-th {
  text-indent: -9999px;
}

/* ============================================ *
 * Data Table
 * ============================================ */
.data-table {
  width: 100%;
}

.data-table td,
.data-table th {
  padding: 10px;
  vertical-align: top;
}

.data-table th {
  background: #f4f4f4;
  text-transform: uppercase;
  white-space: nowrap;
}
#my-orders-table thead th,
#my-orders-table tbody td {
  text-align: center;
}
.data-table thead th,
.data-table tbody td {
  border-bottom: 1px solid #ddd;
}
.data-table tfoot tr {
  background: #f4f4f4;
}


/* ============================================ *
 * Generic Info Table
 * ============================================ */
.info-box {
  border: 1px solid #ddd;
  padding: 12px 15px;
  margin: 0 0 15px;
}
.info-box h2 {
  font-weight: bold;
  font-size: 13px;
}

.info-table th,
.info-table td {
  vertical-align: top;
}

.info-table th {
  font-weight: bold;
  padding: 4px 20px 4px 0;
}

.info-table td {
  padding: 4px 0;
}

/* ============================================ *
 * Zebra-Stripe Table
 * ============================================ */
.zebra-table tr:first-child,
.zebra-table th:first-child {
  border-top: 1px solid #ddd;
}
.zebra-table td,
.zebra-table th {
  border-bottom: 1px solid #ddd;
  padding: 6px;
  background-color: transparent;
}
.zebra-table tr {
  background-color: #eeeded;
}
.zebra-table tr:nth-child(odd) {
  background-color: #f8f7f5;
}
@media only screen and (min-width: 600px) {
  .linearize-table .linearize-collapse {
    display: none;
  }
}
/* ============================================ *
 * Global
 * ============================================ */
.wrapper {
  min-width: 320px;
  min-height: 100%;
  margin: 0 auto;
  background: #FFFFFF;
}

.wrapper:after {
  content: '';
  display: table;
  clear: both;
}

/* ============================================ *
 * Header
 * ============================================ */
@media only screen and (min-width: 771px) {
  .page-header {
    max-width: 1260px;
  }

  .page-header-container {
    position: relative;
  }
  .page-header-container .search-position{
    position: absolute;
    right: 0px;
    bottom: 10px;      
  }
}
/* ============================================ *
 * Language switcher + welcome message
 * ============================================ */
.header-language-background {
  padding: 10px;
  background-color: #1bbc9b;
  text-transform: uppercase;
}
.header-language-background .header-language-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.header-language-background:after {
  content: '';
  display: table;
  clear: both;
}
.header-language-background .form-language,
.header-language-background .currency-switcher {
  float: left;
  margin-right: 10px;
}
.header-language-background .welcome-msg {
  float: right;
}
.page-header-container .store-language-container label {
  display: none;
}
.page-header-container .store-language-container select {
  max-width: 100%;
}
.header-language-background,
.header-language-background a {
  color: #e6e6e6;
}
/* ============================================ *
 * Logo
 * ============================================ */
.logo {
  display: block;
  float: left;
  width: 65%;
  min-width: 100px;
  min-height: 44px;
  text-align: center;
  padding: 10px 0 0;
}
.logo img {
  max-width: 100%;
}
.logo .small {
  display: block;
}
.logo .large {
  display: none;
}

.logo:hover {
  opacity: 0.8;
}

@media only screen and (min-width: 771px) {
  .logo {
    max-width: 300px;
    min-height: 90px;
  }
  .logo .small {
    display: none;
  }
  .logo .large {
    display: block;
  }
}
/* ============================================ *
 * Skip Links
 * ============================================ */
.skip-links {
  clear: both;
  overflow: hidden;
  border-top: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
}

@media only screen and (min-width: 771px) {
  .skip-links {
    border: 0;
  }
}
/* -------------------------------------------- *
 * Skip - Link
 */
.skip-link {
  position: relative;
  float: left;
  width: 20%;
  height: 44px;
  background: #FFFFFF;
  color: #636363;
  line-height: 42px;
  text-align: center;
}

a.skip-link {
  text-decoration: none;
}

.skip-link:not(.skip-active):hover {
  opacity: 0.8;
}
@media only screen and (min-width: 500px) {
  .skip-link {
    width: 25%;
  }
}
/* -------------------------------------------- *
 * Skip Link - Icon
 */
.skip-link .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

.skip-link.skip-nav .icon,
.skip-link.skip-cart:not(.no-count) .icon {
  margin-right: 3px;
}

@media only screen and (min-width: 500px) {
  .skip-link .icon {
    margin-right: 3px;
  }
}
/* -------------------------------------------- *
 * Skip Link - Label
 */
.skip-link .label {
  display: none;
}

@media only screen and (min-width: 500px) {
  .skip-link .label {
    display: inline;
  }
}
/* ============================================ *
 * Skip Content
 * ============================================ */
.skip-content {
  display: none;
}

.skip-content.skip-active {
  display: block;
  background: #EDEDED;
}
.account-cart-wrapper {
  position: absolute;
  top: 0px;
  right: 0px;
}
.skip-nav {
  width: 40%;
}
.skip-nav:not(.skip-active):hover {
  text-decoration: none;
}
.skip-nav:not(.skip-active):hover .icon {
  background-position: -46px 4px;
}

.skip-nav .label {
  display: inline;
}

.skip-nav .icon {
  background-position: 4px 4px;
}
@media only screen and (min-width: 500px) {
  .skip-nav {
    width: 25%;
  }
}
@media only screen and (min-width: 771px) {
  .skip-nav {
    display: none;
  }
}
@media only screen and (min-width: 771px) {
  #header-nav {
    display: block;
    /* Force visibility */
    border-bottom: 1px solid #ededed;
  }
}
/* ============================================ *
 * Nav Primary
 * ============================================ */
@media only screen and (min-width: 771px) {
  .nav-primary {
    display: block;
  }
}
/* ============================================ *
 * General Navigation Styles
 * ============================================ */
.nav-primary a {
  text-decoration: none;
  position: relative;
  display: block;
  color: #636363;
  line-height: 50px; font-size:16px;
}
.nav-primary li {
  position: relative;
}
.nav-primary li.level1 a { line-height:40px;
}

.nav-primary li.level1 a:hover{ background:#eaeaea}
.nav-primary .menu-active > ul.level0,
.nav-primary li.level0 li.sub-menu-active > ul {
  display: block;
}
@media only screen and (min-width: 771px) {
  .nav-primary a.level0 {
    padding: 0 25px 0 0;
  }
  .nav-primary li.level0,
  .nav-primary a.level0 {
    display: inline-block;
  }
  .nav-primary li:last-child > a {
    border-bottom: none;
  }
  .nav-primary a:hover,
  .nav-primary li:hover > a {
    color: #1bbc9b;
  }
  .nav-primary .menu-active {
    z-index: 200;
  }
  .nav-primary li.level0 ul {
    background: #fff; border-top:2px solid #fe1b9c;
    position: absolute;
    left: 0;
    top: 50px;
    /* Height of ".nav-primary a.level0" */
    z-index: 10;
    width: 250px;

    display: none;
	 line-height:40px;
	 box-shadow: 0 0 10px #ccc; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;
    /* Hide until displayed. */
  }
  .nav-primary li.level0 ul li{line-height:40px;}
.nav-primary li.level0 ul li a{padding-left: 10px;
    padding-right: 10px;font-size:14px}
  .nav-primary li.level1 ul {
    left: 248px;
    top: 0px;
  }
  .nav-primary li.level0 ul.level0.position-test {
    display: block;
  }
  .nav-primary li.level0 ul.level0.spill {
    right: 0;
    left: auto;
  }
  .nav-primary li.level0 ul.level0.spill li.level1 ul {
    left: auto;
    right: 50px;
    top: 20px;
  }
  .nav-primary li.level0 li.parent > a {
    position: relative;
  }
  .nav-primary li.level0 li.parent > a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #cccccc;
    border-right: none;
    right: 5px;
    top: 50%;
    margin-top: -3px;
  }
}
.nav-primary li.menu-active > ul {
  display: block;
}

/* ============================================ *
 * Search - Skip Link
 * ============================================ */
.skip-search:not(.skip-active):hover .icon {
  background-position: -46px -146px;
}
.skip-search .icon {
    background-position: -46px -146px;
}

@media only screen and (min-width: 771px) {
  .skip-search {
    display: none;
  }
}
/* ============================================ *
 * Search - Skip Content
 * ============================================ */
#header-search {
  padding: 20px;
}

@media only screen and (min-width: 771px) {
  #header-search {
    display: block;
    position: absolute;
    top: 55px;
    right: 0;
    width: 25%;
    height: 50px;
    padding: 0;
  }
}
/* ============================================ *
 * Search Input
 * ============================================ */
#search_mini_form .input-box {
  position: relative;
  padding-top: 0;
}

#search_mini_form label {
  display: none;
}

#search {
  width: 100%;
  height: 40px;
  /*padding-right: 40px;*/
  padding-left: 30px;
}

#search_mini_form .search-button {
  text-indent: -9999px;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: none;
}

#search_mini_form .search-button:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  background-position: 4px -146px;
}

#search_mini_form .search-button:hover:before {
  opacity: 0.8;
}

#search_mini_form .search-button:active:before {
  margin-top: -13px;
  margin-left: -13px;
}

/* ============================================ *
 * Header - Account
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Account
 */
.skip-account:not(.skip-active):hover .icon {
  background-position: -46px -44px;
}
.skip-account .icon {
  background-position: 4px -44px;
}

@media only screen and (min-width: 771px) {
  .skip-account {
    float: none;
    width: auto;
    vertical-align: top;
    display: inline-block;
    padding: 0 10px;
    text-transform: uppercase;
  }

  #header-account.skip-active {
    background: #FBFBFB;
    border: solid 1px #cccccc;
    display: block;
    position: absolute;
    z-index: 200;
    top: 40px;
    right: 115px;
    width: 200px;
  }

  #header-account a {
    display: block;
    padding: 5px 10px;
    color: #636363;
    line-height: 2;
  }

  #header-account a:hover {
    color: #1bbc9b;
  }
}
/* -------------------------------------------- *
 * Account Links
 */
#header-account {
  padding: 5px 0;
}

#header-account a {
  position: relative;
  display: block;
  padding: 5px 10px;
  line-height: 23px;
  text-align: center;
}

#header-account a:hover {
  color: #1bbc9b;
}

/* ============================================ *
 * Header - Cart
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Cart
 */
.skip-cart:not(.skip-active):hover .icon {
  background-position: -50px -95px;
}
.skip-cart .icon {
  background-position: 0px -95px;
}

@media only screen and (min-width: 771px) {
  .skip-cart {
    width: auto;
    padding: 0 10px;
  }

  #header-cart.skip-active {
    background: #FBFBFB;
    border: solid 1px #cccccc;
    display: block;
    position: absolute;
    z-index: 200;
    top: 40px;
    right: 0;
    width: 320px;
    background: white;
  }
}
/* -------------------------------------------- *
 * Skip Cart Notifier
 */
.skip-cart .count {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  display: inline-block;
  top: -6px;
  position: relative;
  z-index: 5;
  width: 22px;
  height: 22px;
  /*background: rgba(51, 153, 204, 0.9);*/
  background: #1bbc9b;
  color: #FFFFFF;
  font-size: 11px;
  line-height: 22px;
  text-align: center;
}

.skip-link.skip-active .count {
  color: white;
}

.skip-cart.no-count .count {
  display: none;
}
@media only screen and (min-width: 771px) {
  .skip-cart {
    color: #1bbc9b;
    text-transform: uppercase;
  }
  .skip-cart:hover {
    text-decoration: none;
  }
  .skip-cart .count {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    position: static;
    background: none;
    margin-left: 0px;
    font-size: 14px;
    width: auto;
  }
  .skip-cart .count:before {
    content: '(';
  }
  .skip-cart .count:after {
    content: ')';
  }

  .skip-cart .count,
  .skip-link.skip-active .count {
    color: #1bbc9b;
  }
}
.skip-cart .count.empty {
  display: none;
}

/* -------------------------------------------- *
 * Mini Cart - Empty
 */
.cart-menu .empty {
  padding: 20px;
  text-align: center;
}

/* -------------------------------------------- *
 * Mini Cart - Full
 */
/* Actions */
.cart-menu .actions {
  overflow: hidden;
  padding: 15px;
}

.cart-menu .actions .button {
  float: left;
  width: 48%;
}

.cart-menu .actions .button + .button {
  margin-left: 4%;
}

/* Subtotal */
.cart-menu .subtotal {
  padding: 0 15px 15px;
  font-size: 24px;
  line-height: 1.2;
}

/* List */
.mini-cart-list {
  margin-bottom: 5px;
}

.mini-cart-list li {
  position: relative;
  min-height: 90px;
  padding: 15px 15px 15px 90px;
  border-top: 1px solid #cccccc;
  font-size: 13px;
  line-height: 1.35;
}

.mini-cart-list .product-name {
  display: inline-block;
}

.mini-cart-list .product-image {
  position: absolute;
  left: 15px;
  top: 15px;
}

.mini-cart-list .product-image img {
  width: 60px;
  height: 60px;
}

.mini-cart-list .has-options {
  margin-bottom: 0;
  color: #a0a0a0;
  font-size: 12px;
}

/* Too full - additional items will be shown in cart */
.cart-menu .last-added {
  padding: 10px 15px 15px;
  border-top: 1px solid #cccccc;
  font-size: 13px;
}

.footer {
  clear: both;
  width: 100%;
  padding-top: 30px;
}
.footer .block-title {
  border-bottom: 0;
  padding: 3px 0;
}
.footer .block-title strong {
  color:#333333 
}
.footer .block-title,
.footer address {
  color: #000;
}
.footer .links {
  float: left;
  width: 20%;
  padding: 0 30px 0 0;
  margin-bottom: 30px;
}
.footer .links li {
  padding: 4px 0;
  font-size: 11px;
}
.footer .links a {
  color: #000;
}
.footer .links a:hover {
  color: #FD2889;
  text-decoration: none;
}
.footer .block-subscribe {
  float: right;
  width: 320px;
  margin-bottom: 30px;
}
.footer .links,
.footer .block-subscribe {
  text-transform: uppercase;
  font-size: 12px;
}
.footer .form-subscribe-header {
  display: none;
}
.footer .links.social-media em {
  background-image: url(../images/social_icons.png);
  background-repeat: no-repeat;
  width: 13px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .footer .links.social-media em {
    background-image: url(../images/social_icons@2x.png);
    background-size: 50px 125px;
  }
}
.footer .links.social-media em.facebook {
  background-position: 0 -0px;
  height: 13px;
}
.footer .links.social-media a:hover em.facebook {
  background-position: -25px -0px;
}
.footer .links.social-media em.twitter {
  background-position: 0 -24px;
  height: 13px;
}
.footer .links.social-media a:hover em.twitter {
  background-position: -25px -24px;
}
.footer .links.social-media em.youtube {
  background-position: 0 -49px;
  height: 13px;
}
.footer .links.social-media a:hover em.youtube {
  background-position: -25px -49px;
}
.footer .links.social-media em.pinterest {
  background-position: 0 -74px;
  height: 15px;
}
.footer .links.social-media a:hover em.pinterest {
  background-position: -25px -74px;
}
.footer .links.social-media em.rss {
  background-position: 0 -99px;
  height: 13px;
}
.footer .links.social-media a:hover em.rss {
  background-position: -25px -99px;
}
.footer .block-subscribe .input-box {
  float: left;
  width: 65.625%;
  padding-top: 0;
}
.footer .block-subscribe .input-text {
  width: 100%;
  border-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.footer .block-subscribe .block-content {
  padding-top: 7px;
}
.footer .block-subscribe .block-content:after {
  content: '';
  display: table;
  clear: both;
}
.footer .block-subscribe .actions {
  float: left;
  width: 34.375%;
  margin: 0;
}
.footer .block-subscribe .actions .button {
  height: 30px;
  line-height: 17px;
  float: left;
}
.footer .bugs,
.footer address {
  clear: both;
}
.footer .bugs {
  display: none;
}
.footer .form-language,
.footer .currency-switcher,
.footer .store-switcher {
  clear: both;
  margin-bottom: 10px;
}
.footer .form-language,
.footer .currency-switcher {
  display: none;
}
.footer address {
  border-top: 1px solid #cccccc;
  text-align: center;
  width: 100%;
  font-size: 11px;
  margin-top: 30px;
  /*padding: 30px 0;*/
  padding: 10px 0;
}
@media only screen and (max-width: 1199px) {
  .footer .links {
    width: 22.65625%;
    padding-right: 0;
    margin-right: 3.125%;
  }
  .footer .links:nth-child(4) {
    margin-right: 0;
  }
  .footer .block-subscribe {
    clear: both;
    float: none;
    margin: 0 auto 30px auto;
  }
}
.category-image {
  margin-bottom: 1.5em;
}
.products-list .action .button,
.products-grid .actions .button {
  white-space: normal;
}

/* -------------------------------------------- *
 * Product Name
 */
h2.product-name,
h3.product-name,
h4.product-name,
h5.product-name,
p.product-name {
  margin: 0;
  margin-bottom: 0.5em;
  color: #636363;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  text-transform: none;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.4;
}
.products-grid h2.product-name{
  line-height: 20px;
  padding-top: 1px;
}
.product-name .list-top-icon{
  padding: 2px 8px;
  background: rgba(255, 215, 0, 1);
  border-radius: 12px;
  font-size: 12px;
  font-weight: 400;
  box-sizing: border-box;
}
.ts-item-reviews .list-top-icon{
  padding: 2px 8px;
  background: rgba(255, 215, 0, 1);
  border-radius: 12px;
  font-size: 12px;
  font-weight: 400;
  box-sizing: border-box;
  /* margin-right: 7px; */
}
h2.product-name a,
h3.product-name a,
h4.product-name a,
h5.product-name a,
p.product-name a {
  color: #636363;
}
h2.product-name a:hover,
h3.product-name a:hover,
h4.product-name a:hover,
h5.product-name a:hover,
p.product-name a:hover {
  color: #1bbc9b;
  text-decoration: none;
}
.catalog-category-view .products-grid .product-name{
   margin-bottom: 0px;
}
.products-grid .product-name,
.products-list .product-name {
  text-transform: capitalize;
  margin-bottom: 5px;
  font-size: 14px;
  margin-top: 10px;
}
.products-grid .product-name a,
.products-list .product-name a {
  font-weight: 500;
}
.products-grid .product-name{
    overflow: hidden; text-align:left
}

/* ============================================ *
 * Product Grid
 * ============================================ */
.products-grid {
  position: relative;
}

.products-grid:after {
  content: '';
  display: table;
  clear: both;
}

.products-grid > li {
  position: relative;
  margin-bottom: 20px;
  text-align: center;
}
.products-grid > li .sale b{display: inline-block;font-size: 12px; }
.products-grid > li:after {
  content: '';
  display: table;
  clear: both;
}

.products-grid .product-image {
  width: 100%;
  margin-bottom: 15px;
}

.products-grid .product-image img {
  width: 100%;
  height: auto;
}
.products-grid .product-image img:hidden {
  display: none;
}

.widget-new-products .products-grid .product-image {
  width: 75%;
  margin-bottom: 15px;
  margin-left: 10%;
}

.products-grid .product-info {
  position: relative;
  /*padding-bottom: 95px;*/
}

.products-grid .actions {
  padding-top: 10px;
  position: absolute;
  bottom: 0px;
  min-height: 85px;
  width: 100%;
}

.products-grid .ratings .rating-box {
  margin: 0 auto;
}

.products-grid .ratings .amount {
  display: none;
}

.products-grid .price-box {
  color: #a0a0a0;
  font-size: 13px;
  margin: 0 0 5px;
}

.products-grid .add-to-links {
  margin-bottom: 0;
}

/* Config: Two columns + flexible gutter */
.products-grid > li {
  float: left;
  width: 47.72727%;
  margin-right: 4.54545%;
}

.products-grid > li:nth-child(odd) {
  clear: left;
}

.products-grid > li:nth-child(even) {
  margin-right: 0;
}

.products-grid .product-image {
  margin-bottom: 0px;
}
.products-grid .product-image:before, .products-grid .product-image:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
.products-grid .product-image:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}
.products-grid .product-image:after {
  background-image: url("../images/opc-ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}
.products-grid .product-image.loading {
  position: relative;
}
.products-grid .product-image.loading:before, .products-grid .product-image.loading:after {
  display: block;
}

@media only screen and (min-width: 480px) {
  /* Config: Three columns + flexible gutter */
  .products-grid > li:nth-child(odd) {
    clear: none;
  }
  .products-grid > li:nth-child(even) {
    margin-right: 3.7037%;
  }
  .products-grid > li {
    width: 30.8642%;
    margin-right: 3.7037%;
  }
  .products-grid > li:nth-child(3n+1) {
    clear: left;
  }
  .products-grid > li:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 960px) {
  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-4-col > li:nth-child(odd) {
    clear: none;
  }

  .products-grid--max-4-col > li:nth-child(3n+1) {
    clear: none;
  }

  .products-grid--max-4-col > li:nth-child(even),
  .products-grid--max-4-col > li:nth-child(3n) {
    margin-right:1.666%;
  }

  /* Set column config */
  .products-grid--max-4-col > li {
    margin-right: 2.22222%;
  }

  .products-grid--max-4-col > li {
    width: 23.75%;
    margin-right:1.666%;
  }

  
  .products-grid--max-4-col > li:nth-child(4n+1) {
    clear: left;
  }

  .products-grid--max-4-col > li:nth-child(4n) {
    margin-right: 0;
  }

  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-5-col > li:nth-child(odd) {
    clear: none;
  }

  .products-grid--max-5-col > li:nth-child(3n+1) {
    clear: none;
  }

  .products-grid--max-5-col > li:nth-child(even),
  .products-grid--max-5-col > li:nth-child(3n) {
    margin-right: 2.22222%;
  }

  /* Set column config */
  .products-grid--max-5-col > li {
    margin-right: 2.22222%;
  }

  .products-grid--max-5-col > li {
    width: 18.22222%;
    margin-right: 2.22222%;
  }

  .products-grid--max-5-col > li:nth-child(5n+1) {
    clear: left;
  }

  .products-grid--max-5-col > li:nth-child(5n) {
    margin-right: 0;
  }

  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-6-col > li:nth-child(odd) {
    clear: none;
  }

  .products-grid--max-6-col > li:nth-child(3n+1) {
    clear: none;
  }

  .products-grid--max-6-col > li:nth-child(even),
  .products-grid--max-6-col > li:nth-child(3n) {
    margin-right: 2.22222%;
  }

  /* Set column config */
  .products-grid--max-6-col > li {
    margin-right: 2.22222%;
  }

  .products-grid--max-6-col > li {
    width: 14.81481%;
    margin-right: 2.22222%;
  }

  .products-grid--max-6-col > li:nth-child(6n+1) {
    clear: left;
  }

  .products-grid--max-6-col > li:nth-child(6n) {
    margin-right: 0;
  }
}
/* ============================================ *
 * Product List
 * ============================================ */
.products-list {
  margin-top: 20px;
  margin-bottom: 20px;
}
.products-list > li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ededed;
}
.products-list > li:after {
  content: '';
  display: table;
  clear: both;
}
.products-list > li .product-image {
  float: left;
  width: 33.33333%;
}
.products-list > li .product-image img {
  width: 100%;
  max-width: 100%;
}
.products-list > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.products-list .product-shop {
  float: right;
  width: 66.66667%;
  padding-left: 20px;
}
.products-list .product-shop .product-name {
  margin-bottom: 0;
}
.products-list .product-shop .ratings {
  margin: 0;
}
.products-list .product-shop .ratings .rating-box,
.products-list .product-shop .ratings .rating-links {
  float: left;
  margin-right: 7px;
}
.products-list .product-shop .ratings .rating-links {
  margin-top: 4px;
}
.products-list .product-shop .price-box {
  margin-top: 0;
}
.products-list .product-shop .price-box .price {
  font-size: 18px;
}
.products-list .product-shop .action {
  margin: 7px 0;
}
.products-list .product-shop .desc {
  margin-top: 7px;
}
.products-list .product-shop .product-primary,
.products-list .product-shop .desc {
  float: left;
  width: 65%;
  overflow: hidden;
}
.products-list .product-shop .product-secondary {
  float: right;
  width: 35%;
  text-align: right;
  clear: right;
}

@media only screen and (min-width: 480px) {
  .products-list .product-name a {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1279px) {
  .products-list .product-shop .product-primary,
  .products-list .product-shop .desc {
    float: left;
    width: 60%;
    padding-right: 20px;
  }
  .products-list .product-shop .product-secondary {
    float: right;
    width: 40%;
  }
}
/* ============================================ *
 * Mini Product List
 * ============================================ */
.mini-products-list .product-image {
  min-width:100px;
}
.mini-products-list .product-image img{width:100px; height:100px;}
.mini-products-list .product-details {
  margin-left: 10px;
}
.mini-products-list .product-details .product-name {
 line-height:20px; overflow:hidden;height: 40px;
}
.mini-products-list li {
  margin-bottom: 10px;
  clear: both;
}
.mini-products-list li:after {
  content: '';
  display: table;
  clear: both;
}

.mini-products-images-list:after {
  content: '';
  display: table;
  clear: both;
}
.mini-products-images-list li.item {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0 5px 10px 0;
}
.mini-products-images-list li.item:nth-child(even) {
  padding-right: 0;
  padding-left: 5px;
}
.mini-products-images-list li.item .product-image {
  display: block;
}
.mini-products-images-list li.item .product-image img {
  width: 100%;
  max-width: 100%;
}

/* ============================================ *
 * Catalog - List
 * ============================================ */
.category-image img {
  width: 100%;
  max-width: 100%;
}
.category-image img:hidden {
  display: none;
}

/* ============================================ *
 * Layered Navigation
 * ============================================ */
.block-layered-nav .block-subtitle--filter {
  display: none;
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-weight: normal;
  margin-bottom: 0px;
  padding: 7px 10px 7px 24px;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  position: relative;
  background-color: #f4f4f4;
  cursor: pointer;
}
.block-layered-nav .block-subtitle--filter:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #1bbc9b;
  border-bottom: none;
  left: 10px;
  top: 50%;
  margin-top: -3px;
}
.block-layered-nav .block-subtitle--filter:hover {
  background-color: #ececec;
}

.block-layered-nav .block-content .toggle-tabs {
  display: none;
}
.block-layered-nav .block-content > dl > dt {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-weight: bold;
  margin-bottom: 0px;
  padding: 7px 10px 7px 24px;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  position: relative;
  background-color: #f4f4f4;
  display: block;width:15%;
}
.block-layered-nav .block-content > dl > dt:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #1bbc9b;
  border-bottom: none;
  left: 10px;
  top: 50%;
  margin-top: -3px;
}
.block-layered-nav .block-content > dl > dt:hover {
  background-color: #ececec;
}
.block-layered-nav .block-content > dl > dd {
  padding: 10px;
  margin: 0;
  border-width: 0 1px;
  border-style: solid;
  border-color: #cccccc;
}
.block-layered-nav .block-content > dl > dd:last-child {
  border-width: 0 1px 1px 1px;
}

.block-layered-nav dl dd {
  margin-bottom: 10px;
  margin-top: 10px;
}
.block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a {
  padding: 5px 15px;
  display: inline-block ;
}
.block-layered-nav dl dd ol > li > a .count {
  color: #a0a0a0;
}

@media only screen and (min-width: 771px) {
  .block-layered-nav .block-content > dl > dt {
    padding-left: 10px;
  }
  .block-layered-nav .block-content > dl > dt:after {
    display: none;
  }
}
.currently{ overflow:hidden; background:#f8f8f8; border:1px solid #eee; padding:10px 10px 40px;}

.block-layered-nav .currently .block-subtitle {
  display: block;
  margin: 0;
  margin-bottom: 10px;
  color: #222;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed; 
  background:#f8f8f8;
  text-transform: capitalize;
}
.block-layered-nav .currently ol {
  padding-left: 10px;
  margin-bottom: 10px;
}
.block-layered-nav .currently ol li {
  margin-bottom: 5px;border: 1px solid #ddd;
padding:3px 5px; border-radius:3px; background:#fff;
}
.block-layered-nav .currently ol li .label {
  font-weight: bold;
}
.block-layered-nav .currently ol li:after {
  content: '';
  display: table;
  clear: both;
}
.block-layered-nav .actions a{background:#666; border-radius:3px;color:#fff;text-align:center;padding:3px 15px;}
/* ============================================ *
 * Catalog - Product
 * ============================================ */
 .media_review_thumb{
  position: relative;
 }
 .media_review_thumb img{
    display: block;
    width: 100%;
    height: auto;;
 }
.media_review_thumb span{
    position: absolute;
    left: 50%;
    top: 50%; 
    transform: translate3d(-50%,-50%,0);
    font-size: 14px; 
}
 /*margin和padding如果是百分数，都是相对于包含块的宽度计算的*/
 .media_review_slide{
	position: relative;
  width: 100%;
	background-image: url('https://cdn.asteriahair.com/media/wysiwyg/wap/202506190841.jpg');
	background-size: 100% auto;
  padding-top: 17.1%;
  /*padding-bottom: 70px; */
  display: none;
}

/* .media_review_slide.long{
	padding-top: 22.9333vw;
}
.media_review_slide.short{
    padding-top: 16vw;
} */
.media_review_slide_more{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 14px;
  margin-top: 3.51%;
	font-weight: 400;
  cursor: pointer;
}
.media_review_slide_more .icon{
	font-size: 24px;
}
/* .media_review_slide.long .media_review_slide_more{
	margin-top: 8.5333vw;
}
.media_review_slide.short .media_review_slide_more{
	margin-top: 4.5333vw;
}  */
.media_review_slide_content{
    box-sizing: border-box;
	position: relative;
	width: 87.88%;
  height: 89.43%;;
	background-color: #fff;
	border-radius: 4px;
	margin: 0 auto;
	padding: 36px 0 3.51% 0;
}
/* .media_review_slide.long .media_review_slide_content{
	height: 87.2vw;
}*/
.media_review_slide.short .media_review_slide_content{
	height: 84.92%;
} 
.media_review_slide_header{
	position: absolute;
	left:0;
	top:0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 36px;
	border-radius: 4px 4px 0px 0px;
	background: linear-gradient(90deg, rgba(3, 97, 65, 1) 0%, rgba(29, 153, 108, 1) 100%);
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}
.media_review_slide_list{
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 3.92% 3.92% 0 3.92%;
	overflow-y: scroll;
}
.media_review_slide_list::-webkit-scrollbar{
  width: 4px;
}
.media_review_slide_list::-webkit-scrollbar-track{
    background-color: #E5E5E5;
}
.media_review_slide_list::-webkit-scrollbar-thumb{
    background-color: #1C976A;
}
.media_review_item{
	box-sizing: border-box;
	display: flex;
	width: 100%;
	margin-top: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #f0f0f0;
}
.media_review_item:first-child{
	margin-top: 0;
}
.media_review_item:last-child{
	border-bottom: none;
}
.media_review_item.hasimg{
	display: flex;
}
.media_review_item_img{
	flex: 0 0 auto;
	width: 23.93%;
	height: auto;
	margin-left: 4.25%;
}
.media_review_item_img img{
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}
.media_review_item_info{
	flex: 1 1 auto;
	
}
.media_review_item_title{
	font-size: 14px;
	font-weight: 400;
	color: #1BBC9B;
	margin-top: 12px;
}
.media_review_item_detail{
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: normal;
	overflow-wrap: break-word;
}
.media_review_item_user{
	position: relative;
	padding-left: 48px;
}
.media_review_item_useravater{
	position: absolute;
	left:0;
	top:0;
	width: 40px;
	height: 40px;
}
.media_review_item_useravater img{
	display: block;
	width: 100%;
	height: 100%;
}
.media_review_item_username{
	font-size: 14px;
	font-weight: 400;
}
.media_review_item_userstar{
	margin-top: 6px;
}
.media_review_item_userstar img{
	display: block;
	height: 16px;
	width: auto;
  margin:0 !important;
}



.product-view .product-essential .extra-info .ratings .rating-box,
.product-view .product-essential .extra-info .ratings .amount {
  float: left;
}
.product-view .product-essential .extra-info .ratings .rating-box {
  margin-top: 8px;
  margin-right: 10px;
}
.product-view .product-essential .extra-info .ratings:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .product-essential:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .product-shop .product-name .h1,
.product-view .product-img-box .product-name h1 {
  color: #1bbc9b;
  margin-bottom: 10px;
  border: 0;
}
.product-view .product-shop {
  width: 54%;
  float: left; padding-left:40px;
}
.product-view .product-shop .product-name {
  display: none;
  float: left;
}
.product-view .product-shop .product-name .h1 {
  float: left;
  margin-bottom: 5px;
}
.product-view .product-shop .extra-info {
  float: left;
  padding-right: 15px;
  clear: left;
  width: 70%;
}
.product-view .product-shop .price-info {
  float: right;
  /*padding-left: 15px;*/
  text-align: right;
}
.product-view .product-shop .extra-info,
.product-view .product-shop .price-info {
  max-width: 70%;
  margin-bottom: 10px;
}
.product-view .product-shop .short-description {
  margin-bottom: 10px;
  clear: both;
}
.product-view .product-shop .ratings {
  margin-bottom: 8px;
}
.product-view .product-shop .availability {
  font-size: 16px;
}
.product-view .product-shop .price-box {
  margin-top: 0;
}
.product-view .product-shop .price-box .old-price,
.product-view .product-shop .price-box .special-price,
.product-view .product-shop .price-box .regular-price {
  padding-right: 0;
  line-height: 1.2;
}
.product-view .product-shop .price-box .regular-price .price,
.product-view .product-shop .price-box .special-price .price,
.product-view .product-shop .price-box .full-product-price .price {
  color: #1bbc9b;
  font-size: 20px;
}
.product-view .product-shop .price-box .special-price .price-label {
  font-size: 16px;
  text-transform: uppercase;
}
.product-view .product-shop .price-box .special-price span.weee {
  color: #636363;
}
.product-view .product-shop .price-box .special-price span.weee span.price {
  font-size: 16px;
}
.product-view .product-shop .price-box .price-excluding-tax,
.product-view .product-shop .price-box .price-including-tax {
  display: block;
  line-height: 1.2;
  color: #636363;
}
.product-view .product-shop .price-box .price-excluding-tax .label,
.product-view .product-shop .price-box .price-including-tax .label {
  font-size: 16px;
  font-weight: 300;
}
.product-view .product-shop .price-box .price-excluding-tax .price,
.product-view .product-shop .price-box .price-including-tax .price {
  font-size: 20px;
}
.product-view .price-box.map-info a {
  display: inherit;
}
.product-view .old-price .price-label {
  display: none;
}
.product-view .add-to-cart-wrapper,
.product-view .block-related {
  width:51%;
  float: right;
  clear: right;
}
.product-img-box {
  float: left;
}
.product-img-box .product-name h1 {
  border: 0;
}
.product-img-box .product-image {
  margin-bottom: 10px;
}
.product-img-box .product-image img {
  max-width: 100%;
  max-height: 750px;
  margin: 0px auto;
}
.product-image-gallery {
  position: relative;
}
.product-image-gallery .gallery-image {
  display: none;
}
.product-image-gallery .gallery-image.visible {
  display: block;
}
.product-image-gallery .gallery-image.visible.hidden {
  visibility: hidden;
}
.product-image-gallery:before, .product-image-gallery:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
.product-image-gallery:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}
.product-image-gallery:after {
  background-image: url("../images/opc-ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}
.product-image-gallery.loading {
  position: relative;
}
.product-image-gallery.loading:before, .product-image-gallery.loading:after {
  display: block;
}
.banner .product-image-gallery_switchpre {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 60px;
  font-size: 36px;
  background-color: rgba(255, 255, 255, .5);
  border-radius: 18px;
  z-index: 100;
  user-select: none;
}
.banner .product-image-gallery_switchnext{
  position: absolute;
  top: 50%;
  right:0;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 60px;
  font-size: 36px;
  background-color: rgba(255,255,255, 0.5);
  border-radius: 18px;
  z-index: 100;
  user-select: none;
}
.product-image-gallery_switchpre{
    position: absolute;
    top: 50%;
    left:0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 60px;
    font-size: 36px;
    background-color: rgba(255,255,255, 0.5);
    border-radius: 18px;
    z-index: 100;
    user-select: none;
}
.product-image-gallery_switchnext{
  position: absolute;
  top: 50%;
  right:0;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 60px;
  font-size: 36px;
  background-color: rgba(255,255,255, 0.5);
  border-radius: 18px;
  z-index: 100;
  user-select: none;
}

.product-image-thumbs li {
  display: inline-block;
}
.product-image-thumbs li:first-child {
  margin-left: -1px;
}
.product-image-thumbs a {
  display: inline-block;
  border: 1px solid transparent;
  position: relative;
}

.no-touch .product-image-thumbs a:hover {
  border-color: #c7c7c7;
}

.product-view .product-shop,
.product-img-box,
.product-collateral,
.product-view .block-related,
.box-collateral {
  margin-bottom: 10px;
}

.product-view .add-to-box:after,
.product-view .add-to-cart:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .add-to-cart {
  margin-top: 10px;
  padding-bottom: 3px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}
.product-view .add-to-cart .qty-wrapper,
.product-view .product-options-bottom .price-box,
.product-view .add-to-cart-buttons {
  min-height: 40px;
}
.product-view .product-options-bottom .price-box,
.product-view .add-to-cart-buttons .button,
.product-view .add-to-cart-buttons .paypal-logo {
  margin-bottom: 10px;
}
.product-view .add-to-cart .qty-wrapper label {
  line-height: 40px;
}
.product-view .add-to-cart .qty-wrapper .qty {
  /*float: left;*/
  height: 40px;
}
.product-view .add-to-cart-buttons {
  float: left;
  width: 100%; margin-top:10px;
}
.product-view .add-to-cart-buttons .paypal-logo {
  clear: left;
  /*text-align: center;*/
  text-align: left;  
  display: inline-block;
}
.product-view .add-to-cart-buttons .paypal-logo .paypal-button {
  margin: 0 auto;
  display: inline-block;
  width: 170px;
}
.product-view .add-to-cart-buttons .paypal-logo .bml_button {
  display: block;
  width: 174px;
  margin: 0 auto;
}
.product-view .add-to-cart-buttons .paypal-logo .bml_button a {
  text-align: center;
}
.product-view .add-to-cart-buttons .paypal-logo .paypal-or {
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  line-height: 1;
  text-align: center;
}
.product-view .add-to-cart-buttons .button {
  min-height: 40px;
  line-height: 40px;
  font-size: 16px;
  padding: 0px 30px;
  float: left;
  min-width: 160px;
  width: 100%;
  white-space: normal;
}
.product-view .alert-price,
.product-view .alert-stock {
  clear: both;
}
.product-view .add-to-cart-buttons .paypal-logo{
  position: absolute;
  left: 0px;
  bottom: 3px;
}
.product-view .add-to-cart-buttons .paybottom .paypal-logo{
    position: absolute;
    left: 0px;
    bottom: 0px;
    top: 3px;
}
/* This is the "or" that separates the "Add to Cart" and "Add to X" links */
.add-to-box .or {
  display: none;
}

.product-view .add-to-links {
  clear: both;
  margin-top: 0px;
  margin-right: 15px;
  float: left;
}
.product-view .add-to-links:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .add-to-links li {
  float: left;
}
.product-view .add-to-links a {
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  margin-left: 7px;
  background: #1bbc9b;
}

.product-view .sharing-links {
  float: left;
}
.product-view .sharing-links:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .sharing-links li {
  float: left;
  padding: 0px 7px 7px;
}
.product-view .sharing-links a {
  text-indent: -9999px;
  display: block;
  width: 26px;
  height: 26px;
}
.product-view .sharing-links a:hover {
  opacity: 0.8;
}
.product-view .sharing-links a.link-wishlist {
  background-position: 0px -225px;
}
.product-view .sharing-links a.link-compare {
  background-position: 0px -250px;
}
.product-view .sharing-links a.link-email-friend {
  background-position: 0px -322px;
}
.product-view .sharing-links a.link-facebook {
  background-position: 0px -425px;
}
.product-view .sharing-links a.link-twitter {
  background-position: 0px -372px;
}
.collateral-tabs dd h2 {
  display: none;
}

.box-collateral {
  clear: both;
}
@media only screen and (min-width: 771px) {
  .product-collateral .toggle-tabs {
    display: block; 
    border-bottom:1px solid rgba(0, 0, 0, 1);
    position: relative;
    background-color: #fff;
  }
  .product-collateral .toggle-tabs li {
    display: inline-block;
    cursor: pointer;
  }
  .product-collateral .toggle-tabs li > span {
    display: inline-block;
    font-weight: 400;
    line-height: 26px;
    font-size: 16px;
    padding: 0 4px;
    margin-right: 39px;
    padding-bottom: 15px;
  }
  .product-collateral .toggle-tabs li.current > span {
    border-bottom: 3px solid rgba(3, 97, 65, 1);
    line-height: 20px;
    font-weight: 700;
    color: rgba(3, 97, 65, 1);
    padding-bottom: 16px;
  }
  .product-collateral .toggle-tabs:after {
    content: '';
    display: table;
    clear: both;
  }
  .product-collateral > dl {
    width: 100%;
  }
  .product-collateral > dl > dt {
    display: none;
  }
  .product-collateral > dl > dd {
    width: 100%;
    display: none;
    padding-top: 0px;
    /*border: 1px solid #cccccc;*/
    border-top: 0;
  }
  .product-collateral > dl > dd.current {
    display: block;
  }
}
@media only screen and (min-width: 771px) {
  .product-view .product-shop .product-name {
    display: block;
  }

  .product-img-box .product-name {
    display: none;
  }
}
.product-view .ratings .rating-links {
  clear: left;
  float: left;
  margin-top: 0;
}

#product-attribute-specs-table {
  /*max-width: 50em;*/
  border: 1px solid #ddd;
}
#product-attribute-specs-table th {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/* -------------------------------------------- *
 * Catalog - Grouped Product List
 */
.grouped-items-table-wrapper {
  border: solid 1px silver;
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
}
.grouped-items-table-wrapper tbody tr:last-child td {
  border-bottom: none;
}
.grouped-items-table .name-wrapper {
  color: #1bbc9b;
}
.grouped-items-table .qty-wrapper {
  padding-top: 7px;
}
.grouped-items-table .qty-label {
  margin-left: 7px;
}
.grouped-items-table td {
  padding: 4px;
}
.grouped-items-table td:last-child {
  width: 30%;
  text-align: left;
}
.grouped-items-table .price-box {
  text-align: right;
}

/* -------------------------------------------- *
 * Catalog - Product Options
 */
.product-options {
  width: 100%;
  margin: 10px 0 0;
  /*padding: 10px 15px 15px;*/
  border: 1px solid #cccccc;
  clear: both;
  position: relative; overflow:hidden;
}

.product-options p.required {
  position: absolute;
  top: 6px;
  right: 15px;
  text-align: right;
}
.product-options dt:first-child {
  margin-top: 0;
}

.product-options dd .qty-holder {
  display: block;
  padding: 10px 0 0 0;
}

.product-options dd .qty-holder .qty {
  width: 3em;
}

.product-options dd .qty-holder label {
  vertical-align: middle;
}

.product-options dd .qty-disabled {
  background: none;
  border: 0;
  padding: 0 2px;
}

.product-options dd {
  padding: 0 0 10px 0;
  margin: 0 0 5px;
  border-bottom: 1px solid #ededed;
}
.product-view .product-options dd{
  margin-bottom: 24px;
  padding: 0;
  margin-top: 8px;
}
.product-options dl.last dd.last {
  border-bottom: 0;
  padding-bottom: 5px;
  margin-bottom: 0;
}

.product-options dd .input-text {
  width: 98%;
}

.product-options dd .input-box {
  padding-top: 0;
}

.product-options dd input.datetime-picker {
  width: 150px;
}

.product-options dd .time-picker {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  padding: 2px 0;
  vertical-align: middle;
}

.product-options dd textarea {
  width: 98%;
  height: 8em;
}

.product-options dd select {
  width: 330px;
  max-width: 100%;
}

.product-options ul.options-list {
  margin-right: 5px;
}

.product-options ul.options-list li {
  line-height: 1.5;
  margin-bottom: 7px;
}

.product-options ul.options-list li:last-child {
  margin-bottom: 0;
}

.product-options ul.options-list .radio,
.product-options ul.options-list .checkbox {
  float: left;
  margin-top: 5px;
}

.product-options ul.options-list .label {
  display: block;
}

.product-options ul.options-list label {
  font-weight: normal;
}

.product-options p.note {
  margin: 0;
  font-size: 11px;
}

.product-options-bottom {
  background-color: #f4f4f4;
  /*padding: 15px 20px;*/
  border: 1px solid #cccccc;
  border-top: 0;
  margin-bottom: 10px;
}

.product-options-bottom:after {
  content: '';
  display: table;
  clear: both;
}

.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices {
  float: right;
  margin: 0;
  padding: 0 0 10px;
  border: 0;
  background: 0;
  color: #636363;
}
@media only screen and (max-width: 1199px) {
  .product-options-bottom .product-pricing,
  .product-options-bottom .tier-prices {
    float: none;
    width: 100%;
    text-align: right;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
  }
}

.product-options-bottom .tier-prices li {
  background: 0;
  padding: 2px 0;
}

.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit {
  color: #636363;
}

/* "display: none" should be removed if products on site have a long list of product options and those product options */
/*  affect the price so that the customer can see the updated price close to the "Add to Cart" button */
.product-options-bottom .price-box {
  float: right;
  margin: 0 0 10px;
  padding: 0;
}
.product-options-bottom .price-tax {
  float: left;
}

/* -------------------------------------------- *
 * Related Products
 */
/* Block: Related */
.block-related li {
  margin-bottom: 7px;
}
.block-related .block-title {
  border-bottom: none;
}
.block-related .block-title h2 {
  margin: 0;
  margin-bottom: 0.5em;
  color: #636363;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  margin-bottom: 0;
}
.block-related .block-subtitle {
  margin-bottom: 7px;
}
.block-related .product {
  margin-left: 20px;
  position: relative;
}
.block-related .checkbox {
  float: left;
  margin-top: 36px;
}
.block-related .product-details {
  margin-left:110px;
}
.block-related .product-name {
  margin-bottom: 3px;
}
.block-related .product-details .price-box {
  margin: 2px 0 3px;
}
.block-related .product-details .price-box a,
.block-related .product-details .price-box p,
.block-related .product-details .price-box span {
  float: left;
  margin-left: 3px;
}
.block-related .product-details .price-box a:first-child,
.block-related .product-details .price-box p:first-child,
.block-related .product-details .price-box span:first-child {
  margin-left: 0;
  font-size: 16px;
  padding-right: 5px;
  padding-left: 5px;
}
.block-related .product-details .price-box:after {
  content: '';
  display: table;
  clear: both;
}
.block-related .link-wishlist {
  display: none;
}

/* -------------------------------------------- *
 * Upsell Products
 */
.box-up-sell {
  margin-top: 20px;
}
.box-up-sell .ratings {
  display: none;
}

/* ============================================ *
 * Catalog - MSRP MAP Popup
 * ============================================ */
.cart-msrp-totals {
  color: red;
  font-size: 12px !important;
  font-weight: bold;
  margin: 10px 10px 0;
  padding: 10px;
  text-align: right;
  text-transform: uppercase;
}

.map-cart-sidebar-total {
  color: red;
  display: block;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  padding: 2px 5px;
}

.map-popup {
  background: #FFFFFF;
  border: 5px solid #cccccc;
  margin: 12px 0 0;
  position: absolute;
  text-align: left;
  width: 450px;
  z-index: 100;
}
@media only screen and (min-width: 771px) {
  .map-popup.map-popup-right {
    left: 10px !important;
  }
  .map-popup.map-popup-left {
    left: auto !important;
    right: 10px !important;
  }
}
.map-popup .map-popup-heading {
  padding: 8px 10px;
  margin-right: 40px;
  width: auto;
}
.map-popup .map-popup-heading h3 {
  font-size: 14px;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  text-align: left;
  text-overflow: ellipsis;
}
.map-popup .map-popup-close {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 36px;
  width: 36px;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
}
.map-popup .map-popup-content {
  border-top: 1px solid #ededed;
  padding: 10px;
  margin: 0 10px;
  overflow: hidden;
  text-align: left;
}
.map-popup .map-popup-checkout {
  padding: 10px 0;
}
.map-popup .map-popup-checkout form:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-checkout span {
  display: block;
}
.map-popup .map-popup-checkout .button {
  float: left;
  margin: 0 2px;
  clear: left;
}
.map-popup .map-popup-checkout .additional-addtocart-box {
  float: left;
  min-width: 210px;
}
.map-popup .map-popup-checkout .additional-addtocart-box li {
  list-style-type: none;
}
.map-popup .map-popup-checkout .paypal-logo {
  width: auto;
}
.map-popup .map-popup-checkout .paypal-logo a {
  float: left;
  clear: left;
}
.map-popup .map-popup-checkout .paypal-logo .paypal-or {
  float: left;
  text-align: center;
  padding: 5px 15px;
  clear: left;
}
.map-popup .map-popup-checkout .paypal-logo:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-checkout .paypal-logo .bml_button a {
  clear: left;
}
.map-popup .map-popup-checkout:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-price {
  padding: 10px 0;
}
.map-popup .map-popup-price .price-box,
.map-popup .map-popup-price .price-box .special-price {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.map-popup .map-popup-price .price-box .minimal-price-link {
  display: inline-block;
}
.map-popup .map-popup-text {
  padding: 10px 0;
  margin: 0 10px;
  word-wrap: break-word;
}
.map-popup .map-popup-text,
.map-popup .map-popup-only-text {
  border-top: 1px solid #ededed;
}

/* ============================================ *
 * Catalog - MSRP Product Listing
 * ============================================ */
.price-box .map-link {
  display: block;
  text-align: center;
}

/* ============================================ *
 * Catalog - Compare
 * ============================================ */
.block-compare .product-name:after {
  content: '';
  display: table;
  clear: both;
}

.compare-table .product-image {
  display: inline-block;
}

.compare-table .product-shop-row.top td {
  padding-bottom: 0;
  border-bottom: 0;
}
.compare-table .product-shop-row.bottom td {
  padding-top: 0;
}

.checkout-cart-couponbox{
  box-sizing: border-box;
  width: 100%;
}
/******new coupon******/
#coupon-discount .newcouponbox-section,
.newcouponbox-section{
	box-sizing: border-box !important;
	width: 100%;
}
.newcouponbox-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 24px;
	font-weight: 500;
}
.newcouponbox-titleright{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.newcouponbox-titlemoney{
    flex: 0 0 auto;
    display: flex;
	align-items: center;
    padding: 0 8px;
	height: 24px;
	background: #FFD700;
    font-size: 14px;
	font-weight: 400;
	margin-right: 8px;
}
.newcouponbox-titlemoney .price{
	font-size: 14px;
	color: #000;
}
.newcoupon_appliedcode{
  display:none;
}
.newcouponbox-titleright .icon{
  font-size: 24px;
  transition-property: all;
  transition-duration: 0.3s;
  transform: rotate(180deg);
}
.newcouponbox-titleright[data-status="close"] .icon{
  transform: rotate(0deg);
}
/* .firecheckout-index-index .newcouponbox-form{
    padding: 0 0 20px 0;
} */
.newcouponbox-form{
  box-sizing: border-box !important;
  width: 100%;
  margin-top: 12px;
}
.newcoupon-contentroot{
  box-sizing: border-box !important;
  width: 100%;
  background: #ECF7F4;
  
  padding: 16px;
}
.newcoupon-contenttitle{
	display: flex;
	align-items: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}
.newcoupon-contenttitle svg{
	width: 16px;
	height: 16px;
	margin-right: 5px;
}
.newcoupon-contentitem{
  position: relative;
  box-sizing: border-box !important;
  padding-right: 20px;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}
.newcoupon-contentitem p{
  line-height: 22px;
  text-align: left;
}
.newcoupon-contentitem ._code{
    font-weight: 700;
}
.newcoupon-contentitem-check{
  position: absolute;
  right: 0;
  top: 2px;
   /* width: 4.2667vw;
   height: 4.2667vw; */
}
.newcoupon-contentitem-check svg{
	display: block;
	width: 16px;
	height: 16px;
}
.newcoupon-contentitem-check[data-status="uncheck"] .icon-check,
.newcoupon-contentitem-check[data-status="check"] .icon-uncheck{
    display: none;
}
.newcoupon-contentitem-check[data-status="uncheck"] .icon-uncheck,
.newcoupon-contentitem-check[data-status="check"] .icon-check{
    display: block;
}
.newcoupon-contentdes{
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.newcoupon-inputbox{
	margin-top: 12px;
}
.newcoupon-input-wrapper{
	box-sizing: border-box !important;
	width: 100%;
	display: flex;
	align-items: center;
    width: 100%;
	height: 44px;
	border-radius: 4px;
	padding-right: 4px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(0, 0, 0, 1);
}
.newcoupon-input{
  flex: 1 1 auto;
  box-sizing: border-box !important;
  height: 100%;
  background: transparent;
  padding-left: 12px;
  font-size: 12px;
  border: none;
  outline: none;
}
.newcoupon-setbtn{
    flex: 0 0 auto;
    box-sizing: border-box !important;
    display: flex;
    align-items: center;
    justify-content: center;
	width: 76px;
	height: 36px;
	border-radius: 4px;
	background: rgba(3, 97, 65, 0.5);
    font-size: 12px;
	color: #fff;
	border: none;
	outline: none;
}
.newcoupon-setbtn[data-status="active"]{
  background: rgba(3, 97, 65, 1);
}
.newcoupon-msgbox{
  font-size: 12px;
  font-weight: 500;
  margin-top: 4px;
  text-align: left;
}
.newcoupon-msgbox .error_msg{
  color: #ff0000;
}
.newcoupon-msgbox .success_msg{
  color: #036141;
}
.newcoupon-msgbox .messages{
    width: 100% !important;
}
.newcoupon-msgbox .messages li li{
  position: relative;
  margin-bottom: 0px;
  padding: 0;
  background: none;
  font-size: 12px;
  font-weight: 500;
}
.newcoupon-msgbox .messages .error-msg li{
    color: #ff0000;
    background-color: transparent;
	border:none;
}
.newcoupon-msgbox .messages .success-msg li{
    color: #036141;
    background-color: transparent;
	border:none;
}
.newcoupon-msgbox .messages .error-msg li:before,
.newcoupon-msgbox .messages .success-msg li:before{
	display: none;
}


/* ============================================ *
 * Checkout - Layout
 * ============================================ */
 .checkout_cart_checkbtngroup{
	box-sizing: border-box;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.checkout_cart_checkpaypal{
	flex: 0 0 auto;
	position: relative;
	height: 42px;
	width: 48%;
	background-color: #FFC43A;
	border-radius: 3px;
}
.checkout_cart_checkpaypal img{
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
	width: 94px;
	height: 30px;
}
.checkout_cart_checkbtngroup .dl-bot1{
	flex: 0 0 auto;
	width: 48%;
}
.cart .button {
  white-space: normal;
}
#rewardpoints_box .span5 .pull-right{float:none!important;}
.cart-forms .giftcard,
.cart-forms .shipping {
  padding: 10px;
  background-color: #f7f7f7;
  border: 1px solid #E0DCDC;
}

.cart-totals-wrapper{
  width: 420px;
}
.cart-table,
.cart-totals,
.cart-forms .discount,
.cart-forms .giftcard,
.cart-forms .shipping {
  margin-bottom: 20px;
}

.checkout-cart-index #postcode {
  width: 100%;
}

.display-both-prices .cart-table {
  float: none;
  width: 100%;
}
.display-both-prices .cart-forms {
  float: left;
  padding-right: 10px;
  padding-left: 0;
}
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {
  padding-left: 10px;
}
.display-both-prices .cart-forms,
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {
  width: 50%;
}
.display-both-prices .crosssell {
  clear: right;
  float: right;
}
.display-single-price:after {
  content: '';
  display: table;
  clear: both;
}

/* ============================================ *
 * Checkout - Cart
 * ============================================ */
.cart .page-title {
  margin-bottom: 15px;
  border-bottom: 1px solid #ededed;
}
.cart .page-title:after {
  content: '';
  display: table;
  clear: both;
}
.cart .page-title h1 {
  float: left;
  border-bottom: none;
  margin-bottom: 6px;
  margin-right: 10px;
}

.checkout-types {
  float: right;
  text-align: right;
  max-width: 100%;
  /* We always want this shipping method to display on its own line */
}
.checkout-types li {
  vertical-align: top;
  margin: 0 0 5px 5px;
}
.checkout-types li:after {
  content: '';
  display: table;
  clear: both;
}
.checkout-types li img {
  display: inline;
  vertical-align: top;
}
.checkout-types li:first-child {
  margin-left: 0;
}
.paypal-or{display:none;}
.checkout-types .method-checkout-cart-methods-multishipping {
  display: none;
}
.checkout-types.top li {
  display: inline-block;
}
.checkout-types.top .bml_button {
  display: inline-block;
  vertical-align: top;
}
.checkout-types.top .bml_button img {
  display: block;
}
.checkout-types.top .paypal-logo .paypal-or {
  margin-top: 5px;
}
.checkout-types.bottom .paypal-logo a, .checkout-types.minicart .paypal-logo a {
  display: block;
}
.checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or {
  margin: 0px;
  display: block;
  text-align: center;
}

@media only screen and (min-width: 741px) {
  .checkout-types.bottom .paypal-or {
    text-align: right;
    padding-right: 70px;
  }
}
.cart-totals .checkout-types .btn-checkout {
  margin-bottom: 7px;
}
.cart-table th,
.cart-table td,
.cart-table tbody td {
  border-bottom: none;
  vertical-align: top;
}
.cart-table h2 {
  color: #636363;
  font-size: 14px;
  /*font-weight: 600;*/
  margin-bottom: 0;
}
.cart-table h2.product-name{width:450px;}
.cart-table thead th,
.cart-table tbody td {
  background-color: transparent;
  padding: 10px 5px;
}
.cart-table .product-cart-info,
.cart-table .product-cart-actions {
  padding-left: 15px;
}
.cart-table tr {
  border-bottom: 1px solid #ddd;
}
.cart-table tfoot tr {
  background: none;
}
.cart-table tfoot tr > td:after {
  content: '';
  display: table;
  clear: both;
}
.cart-table span.or {
  font-size: 9px;
  padding: 0 5px;
  text-transform: uppercase;
}
.cart-table .product-cart-image .cart-links,
.cart-table .product-cart-info .btn-remove,
.cart-table .product-cart-actions .button {
  display: none;
}
.cart-table .product-cart-image {
  padding-left: 0;
  padding-right: 0;
}
.cart-table .product-cart-image .product-image img {
  max-width: 100%;
  width: 100%;
}
.cart-table .product-cart-image a.cart-edit {
  display: none;
}
.cart-table .product-cart-sku {
  font-style:normal;
  font-size: 12px;
  margin: 5px 0 12px;
}
.cart-table .button2 span,.cart-forms .button2 span span{
    text-transform: capitalize;
    color:#1bbc9b;
}
.cart-discount-price .price {
  color: #636363 !important;
}
.cart-links li a{
    color: #FB7E10;
}
.cart-table .btn-empty {
  float: left;
}
.cart-table .product-cart-total,
.cart-table .product-cart-price {
  text-align: center;
}
.product-cart-price .cart-price .price{
  color: #1bbc9b;
}
.cart-table .cart-tax-total {
  position: relative;
  cursor: pointer;
}
.cart-table .cart-tax-total:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #1bbc9b;
  border-left: none;
  position: absolute;
  top: 3px;
  right: -11px;
}
.cart-table .cart-tax-total.cart-tax-total-expanded:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 6px solid #1bbc9b;
  border-bottom: none;
  right: -15px;
  top: 6px;
}
.cart-table .cart-links > li {
  white-space: nowrap;
  line-height: 1.3;
  margin-bottom: 5px;
  min-width: 65px;
  font-size: 13px;
}
.cart-table .cart-links > li > a {
  display: block;
}
.cart-table .cart-links > li:last-child {
  margin-bottom: 0;
}
.cart-table .product-cart-actions {
  min-width:45px;
  text-align: center;
}
.cart-table .product-cart-actions .qty {
  height: 30px!important;
  border-color: silver;
  border-radius: 0;
  top: 0;
  text-align: center;
  width: 3.1em;padding:0; position:absolute;left:25px;
}
.cart-table .product-cart-actions .button {
  margin-bottom: 5px;
}
.shipping h2 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 5px;
}
.shipping select {
  max-width: 100%;
  height: 30px;
  display: block;
  border: 1px solid #ddd;
}
.shipping select.validation-failed {
  border-color: #df280a;
}
.shipping .shipping-desc {
  display: none;
}
.shipping .buttons-set {
  border: none;
  margin: 0;
  padding: 0;
}
.shipping .form-list:after {
  content: '';
  display: table;
  clear: both;
}
.shipping .form-list li {
  float: left;
  margin: 5px 2% 10px 0;
}
.shipping .form-list .shipping-country {
  width: 37%;
}
.shipping .form-list .shipping-region {
  width: 41%;
}
.shipping .form-list .shipping-postcode {
  margin-right: 0;
  width: 18%;
}
.shipping .form-list .shipping-postcode input {
  margin-top: 4px;
}
.shipping .form-list .input-box {
  padding-top: 0;
}
.shipping .form-list input {
  height: 30px;
  margin-top: 4px;
}
.shipping .form-list label {
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  white-space: nowrap;
}
.shipping .sp-methods {
  padding: 10px 0 0;
  text-align: left;
}
.shipping .sp-methods dd {
  margin-bottom: 10px;
}
.shipping .sp-methods label {
  font-size: 12px;
  font-style: italic;
  min-width: 100px;
}
.shipping .sp-methods label span {
  font-weight: bold;
  font-style: normal;
}
.shipping #co-shipping-method-form .buttons-set .button {
  float: left;
  margin-left: 0;
}
.shipping #co-shipping-method-form .sp-methods dd label {
  border: 1px solid #cccccc;
  background-color: #ececec;
  min-width: 220px;
}
.shipping #co-shipping-method-form .sp-methods dd label:hover {
  background-color: #dbdbdb;
}
.cart .cart-totals {
  text-align: right;
}
.cart .cart-totals .add_coupons{
  text-align: left;
}
.cart .cart-totals .discount{
  margin-bottom: 20px;
  text-align: left;
}
.cart .cart-totals .discount label {
  font-size: 17px;
  margin: 0 0 5px;
  color: #222;
  display: block;
  font-weight: 700;
}
.cart .cart-totals .field-wrapper{
  display: inline-block;
}
.cart .cart-totals .input-text{
  border-radius: 0;
  height: 30px;
  margin: 2px 0 0 0;
}
.cart .cart-totals .button-wrapper{
  display: inline-block;
  vertical-align: bottom;
}
.cart .cart-totals .button-wrapper button {
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  color: #fff;
  background: #333;
  float: left;
}
.cart .cart-totals .button-wrapper button span {
  color: #fff;
}
.cartcbonus-buys {
  border: 1px solid #e1e1e1;
  padding: 10px 0 10px 10px;
  box-sizing: border-box;
}
.cartcbonus-buys .data-table {
  margin: 0 auto;
  width: 100%;
}

.cart .cart-totals:after {
  content: '';
  display: table;
  clear: both;
}
.cart-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    gap: 20px;
}
/* cart  */
#shopping-cart-totals-table .a-right .price  {
  color: #fd3000;
}
.checkout-cart-index .firecheckout-money-item.tax,
.checkout-cart-index .firecheckout-money-item.rewardpoints,
.checkout-cart-index .firecheckout-money-item.shipping,
.checkout-cart-index .firecheckout-money-item.insurance{
    display: none;
}
.checkoutcart_totalbar_valgroup{
  display:flex;
  align-items: center;
  justify-content: flex-end;
    margin-bottom: 20px;
}
.checkoutcart_totalbar_valgroup ._label{
  margin-right: 10px;
  font-size: 20px;
}
.checkoutcart_totalbar_valgroup ._sum{
    font-size: 16px;
    color: #fd3000;
}
.cart .cart-totals table {
  font-size: 12px;
  text-transform: capitalize;
  width: 100%;
}
.cart .cart-totals table td {
  padding: 2px 0px;
}

.cart .cart-totals table td:first-child {
  padding-right: 10px;
  min-width: 120px;
}
.cart .cart-totals table tbody tr:last-child td,
.cart .cart-totals table tbody tr:last-child th {
  padding-bottom: 10px;
}
.cart .cart-totals table tfoot td {
  font-size:20px;
  padding:5px;
  vertical-align: top;
}
.cart .cart-totals table tfoot strong {
  font-weight: 400; font-size:16px;
}
.discount-form:after,
#giftcard-form:after {
  content: '';
  display: table;
  clear: both;
}
#rewardpoints_box{padding:15px; background:#f2f2f2;  margin-bottom: 24px;}
#discount-coupon-form label{font-size:17px; margin:0 0 5px; color:#222;display:block; font-weight:bold;}
#discount-coupon-form .field-wrapper,
.cart .giftcard .field-wrapper {
  display: inline-block;
}
#discount-coupon-form .validation-advice,
.cart .giftcard .validation-advice {
  display: inline;
}
#discount-coupon-form .button-wrapper,
.cart .giftcard .button-wrapper {
  display: inline-block;
  vertical-align: bottom;
}
#discount-coupon-form .button-wrapper > button,
.cart .giftcard .button-wrapper > button {
  float: left;
}
#discount-coupon-form .input-text,
.cart .giftcard .input-text {
  border-radius: 0;
  height: 30px;
  margin: 2px 0 0 0;
  /*width: 130px;*/
}
#discount-coupon-form .button-wrapper button{height:36px; line-height:36px; padding:0 10px; color:#fff; background:#333;}
#discount-coupon-form .button-wrapper button span{color:#fff;}
.discount-form div.input-box{
  clear: both;
  float: left;
}
.cart .giftcard p {
  margin-bottom: 7px;
}

.cart .giftcard .check-gc-status {
  float: left;
  padding: 0px;
}
.cart .giftcard .check-gc-status > span > span {
  font-size: 14px;
  text-transform: none;
}

/* ============================================ *
 * Checkout - Cart Cross sell
 * ============================================ */
.crosssell h2 {
  color: #1bbc9b;
}
.crosssell .item a.product-image {
  width: auto;
  float: left;
}
/* ============================================ *
 * Checkout - One Page
 * ============================================ */
.checkout-onepage-index .col-right,
.checkout-onepage-index .col-left {
  display: none;
}

.checkout-onepage-index .col-main {
  width: auto;
  float: none;
}

@media only screen and (min-width: 980px) {
  .checkout-onepage-index .col-main {
    float: left;
    width: 68.75%;
    padding-right: 20px;
  }
  .checkout-onepage-index .col-right,
  .checkout-onepage-index .col-left {
    width: 31.25%;
    display: block;
  }
  .checkout-onepage-index .col-right {
    padding-left: 0;
  }
}
.opc select {
  width: 365px;
}

/* -------------------------------------------- *
 * Section Styling - Default
 */
.opc .section .step-title {
  width: 100%;
  border-top: 1px solid #ececec;
  position: relative;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.opc .section .step-title:after {
  content: '';
  display: table;
  clear: both;
}

.opc .section.allow:not(.active) .step-title {
  cursor: pointer;
}

/* Using .no-touch since touch devices emulate hover, thereby making steps look active that are not */
.no-touch .opc .section.allow:not(.active) .step-title:hover {
  background-color: #f4f4f4;
}

.opc .section.active .step-title {
  border-bottom: 1px solid #ececec;
}

.opc .section .step-title a {
  display: none;
}

.opc .section.allow:not(.active) .step-title a {
  display: block;
  float: right;
  line-height: 40px;
  height: 40px;
  padding: 0px 10px;
}

.no-touch .opc .section .step-title a:hover {
  text-decoration: none;
}

.opc .section .step-title .number,
.opc .section.allow.active .step-title .number,
.no-touch .opc .section.allow:hover .step-title .number {
  width: 26px;
  height: 26px;
  text-align: center;
  color: #FFFFFF;
  line-height: 26px;
  background-color: #1bbc9b;
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -13px;
}

.opc .section.allow .step-title .number {
  background-color: #99cce5;
}

.opc .section.allow .step-title h2 {
  color: #a0a0a0;
}

.opc .section.allow .step-title:hover h2,
.opc .section.active .step-title h2 {
  color: #1bbc9b;
}

.opc .section .step-title h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  height: 40px;
  float: left;
  margin: 0px 4px 0px 45px;
}

.opc .section .step {
  padding: 20px;
}
.opc .section .step:after {
  content: '';
  display: table;
  clear: both;
}
.opc select {
  max-width: 365px;
  width: 100%;
}

.opc h3 {
  font-weight: 500;
}

.opc .buttons-set {
  text-align: left;
}
.opc .buttons-set button.button {
  float: left;
  margin-left: 0;
  margin-right: 10px;
  margin-bottom: 0;
}
.opc .buttons-set p.required {
  margin-left: 5px;
  margin-bottom: 0;
}
.opc .buttons-set .back-link {
  float: right;
  margin: 0;
}
.opc .buttons-set a {
  line-height: 20px;
  display: inline-block;
  padding: 5px 5px 5px 0;
}
.opc #opc-login .step {
  padding: 0px;
}
.opc #opc-login .buttons-set {
  border-top: 0;
  padding-top: 5px;
}
#opc-payment .note {
  padding: 10px;
}

/* -------------------------------------------- *
 * This section hides everything but the "Checkout Method" step of the checkout process and fades in the content
 * once the customer progresses to the next step. The purpose of this is to simplify what the customer has to focus on.
 * It is limited to larger viewports since smaller devices are inherently going to be focused solely on the
 * "Checkout Method" step.
 */
.opc.opc-firststep-login .section:not(#opc-login) .step-title,
.opc-block-progress-step-login {
  transition: opacity 300ms linear 50ms;
}

.opc.opc-firststep-login .section#opc-login .step-title .number {
  transition: width 80ms linear 50ms;
}

.opc.opc-firststep-login .section#opc-login .step-title h2 {
  transition: margin-left 80ms linear 50ms;
}

/* When a user progresses from the "Checkout Method" to "Billing Information" for the first time, the              */
/* "opc-has-progressed-from-login" class gets added to the body. Also, the .opc element will only have the         */
/* "opc-firststep-login" class if the first step of the checkout is the "Checkout Method" (eg, not when logged in) */
body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title,
body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login {
  opacity: 0;
}

body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number {
  width: 0px;
  overflow: hidden;
}

body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2 {
  margin-left: 0px;
}

/* -------------------------------------------- *
 * Shipping and Payment methods
 */
.sp-methods {
  margin: 0 0 8px;
}
.sp-methods dt {
  margin: 13px 0 5px;
  font-weight: bold;
}
.sp-methods dt:first-child {
  margin: 0 0 5px;
}
.sp-methods dd li {
  margin: 5px 0;
}
.sp-methods label img {
  float: left;
}
.sp-methods label a {
  margin-top: 6px;
  float: right;
  margin-left: 10px;
}
.sp-methods .price {
  font-weight: bold;
}
.sp-methods .form-list {
  padding-left: 20px;
}
.sp-methods .form-list li {
  margin: 0 0 8px;
}
.sp-methods select.month {
  width: 120px;
  margin-right: 10px;
}
.sp-methods select.year {
  width: 96px;
}
.sp-methods input.cvv {
  width: 4em !important;
}
.sp-methods #advice-validate-cc-exp-ccsave_expiration {
  max-width: 130px;
}
.sp-methods .checkmo-list li {
  margin: 0 0 5px;
  content: '';
  display: table;
  clear: both;
}
.sp-methods .checkmo-list label {
  width: 165px;
  padding-right: 15px;
  text-align: right;
  float: left;
}
.sp-methods .checkmo-list address {
  float: left;
}
.sp-methods .release-amounts {
  margin: 0.5em 0;
}
.sp-methods .release-amounts button {
  float: left;
  margin: 5px 10px 0 0;
}

/* One Page Checkout */
.block-progress {
  border: 0;
  margin: 0;
  border-left: 1px solid #cccccc;
  padding-left: 20px;
}
.block-progress .block-content {
  font-size: 13px;
}
.block-progress dt {
  padding-top: 6px;
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  margin-bottom: 6px;
  text-transform: uppercase;
  font-weight: normal;
  color: #a0a0a0;
}
.block-progress dt.complete {
  color: #636363;
}
.block-progress dd {
  padding-left: 15px;
  margin-bottom: 10px;
  font-style: italic;
}
.block-progress dd address {
  font-style: italic;
}
.block-progress #payment-progress-opcheckout .subtitle {
  margin-bottom: 3px;
}
.block-progress .payment-info dt {
  padding: 0;
  margin: 0 0 3px 0;
  color: #636363;
  text-transform: none;
  font-style: italic;
  float: left;
  clear: both;
  font-size: 13px;
}
.block-progress .payment-info dt:after {
  content: ': ';
}
.block-progress .payment-info dd {
  float: left;
  margin-bottom: 3px;
  font-size: 13px;
}
.block-progress .payment-info:after {
  content: '';
  display: table;
  clear: both;
}

/* review step */
#checkout-review-table .btn-remove img {
  display: none;
}

#checkout-review-table-wrapper {
  clear: both;
}
#checkout-review-table-wrapper #checkout-review-table table .price {
  color: #fd3000;
}
#review-buttons-container {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
.firecheckout-index-index #review-buttons-container { 
  border: none;  
  text-align: right; 
  display: flex;
  justify-content: flex-end;
}
#review-buttons-container .btn-checkout {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 345px;
    height: 48px;
    margin:0;
    border-radius: 24px;
    background: #036141;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
#review-buttons-container .please-wait {
  float: left;
  margin-right: 10px;
}
#review-buttons-container .f-left {
  float: right;
}
/* show/hide "change" link for progress step depend on complete status
 * should be placed in .css file */
.opc-block-progress dt.complete a,
.opc-block-progress dt.complete .separator {
  display: inline;
}

.opc-block-progress dt a,
.opc-block-progress dt .separator {
  display: none;
}

/* On small screens, the progress review content will be moved to the review step via JS. Styled via this CSS: */
#checkout-step-review .opc-block-progress {
  border-left: none;
  padding-left: 0;
}
#checkout-step-review .opc-block-progress .block-title {
  display: none;
}
#checkout-step-review .opc-block-progress .block-content {
  display: block !important;
  padding: 0;
}
#checkout-step-review .opc-block-progress .block-content > dl > div {
  float: left;
  width: 50%;
}
#checkout-step-review .opc-block-progress .block-content .changelink {
  display: none;
}
#checkout-step-review .centinel > p {
  margin-bottom: 10px;
}
#checkout-step-review .centinel iframe {
  width: 100%;
  min-height: 400px;
}

.checkout_giftcard_box{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
    margin: 24px auto 0 auto;
	padding-top: 24px;
    border-top: 1px solid #000000;
}
.checkout_giftcard_box ._label{
	flex:0 0 auto;
    font-size: 24px;
	font-weight: 500;
}
.checkout_giftcard_box ._money{
    flex:0 0 auto;
	padding: 0 8px;
	/* height: 24px; */
	background: #FFD700;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
}
.checkout_giftcard_box ._money span{
  color: #000;
}
/* Gift options */
.gift-messages-form .item {
  content: '';
  display: table;
  clear: both;
  margin-top: 30px;
}
.gift-messages-form .item h5 {
  font-weight: bold;
}
.gift-messages-form .item .product-img-box {
  width: auto;
  float: left;
  padding-right: 15px;
}
.gift-messages-form .item .details {
  float: left;
}

.gift-message-form .inner-box > div {
  content: '';
  display: table;
  clear: both;
  width: 100%;
  margin-top: 15px;
  display: block;
}
.gift-message-form .inner-box > div.extra-options-container p {
  margin-bottom: 15px;
}
.gift-message-form .gift-wrapping-form label {
  margin-right: 10px;
}
.gift-message-form .gift-wrapping-form img {
  float: left;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design {
  height: 75px;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design:after {
  content: '';
  display: table;
  clear: both;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design .image-box {
  margin-right: 5px;
}
.gift-message-form .gift-item {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ececec;
}
.gift-message-form .gift-item:after {
  content: '';
  display: table;
  clear: both;
}
.gift-message-form .gift-item .product-img-box {
  width: 200px;
}
.gift-message-form .gift-item .product-img-box .product-image {
  width: 75px;
  margin-left: auto;
  margin-right: auto;
}
.gift-message-form .gift-item .product-img-box .product-name {
  display: block;
}
.gift-message-form .gift-item .fieldset {
  margin-left: 200px;
}
/* ============================================ *
 * Checkout - Success
 * ============================================ */
.checkout-onepage-success .col-main {
  padding: 0;
  text-align: center;
}
.checkout-onepage-success .buttons-set {
  margin: 10px 0;
  text-align: center;
}
.checkout-onepage-success .buttons-set button {
  float: none;
}

/* ============================================ *
 * Configurable Swatches
 * ============================================ */
/* Clears */
.clearfix:after,
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
  content: '';
  display: table;
  clear: both;
}

/* General Swatch Styling */
.swatch-link,
.swatch-label {
  display: block;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  color: #636363;
  text-decoration: none;
  box-sizing: content-box;
}

.swatch-link {
  border: 1px solid #cccccc;
  margin: 0 0 3px;
}
.swatch-link img {
  border-radius: 2px;
}
.swatch-link:hover {
  cursor: pointer;
  text-decoration: none;
}
.swatch-link .x {
  display: none;
  text-indent: -999em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../images/bg_x.png) center no-repeat transparent;
  z-index: 10;
}
.swatch-link.has-image .swatch-label {
  position: relative;
}
.swatch-link.has-image img {
  position: absolute;
  top: 0;
  left: 0;
}

.swatch-label {
  border: 1px solid #fff;
  margin: 0;
  white-space: nowrap;
  background: #f4f4f4;
}

.configurable-swatch-list {
  margin-left: -3px;
  zoom: 1;
  clear: both;
  transform: translateZ(0px);
}
.configurable-swatch-list li {
  float: left;
  zoom: 1;
  margin: 0 0 0 3px;
}
.products-grid .configurable-swatch-list li {
  display: inline-block;
  float: none;
  margin: 0;
  vertical-align: top;
}
.configurable-swatch-list .not-available .x {
  display: block;
}
.configurable-swatch-list .not-available .swatch-link {
  border-color: #ededed;
  position: relative;
}
.configurable-swatch-list .not-available .swatch-link.has-image img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.configurable-swatch-list .not-available .swatch-label {
  color: #aaa;
  background: #fff;
}
.configurable-swatch-list .wide-swatch .swatch-label {
  padding: 0 6px;
}
.configurable-swatch-list .not-available a:focus {
  outline: 0;
}

#narrow-by-list dd .configurable-swatch-list li {
  margin: 0 0 0 0px;
  width: 47%;
}
#narrow-by-list dd .swatch-link {
  border: none;
  /*line-height: 25px;*/
  margin-right: 2px;
  text-align: left;
}
#narrow-by-list dd .swatch-link.has-image {
  line-height: inherit;
}
#narrow-by-list dd .swatch-link:hover .swatch-label {
  border-color: #1bbc9b;
}
#narrow-by-list dd .swatch-label {
  background: #f4f4f4;
  border: 1px solid #cccccc;
  border-radius: 3px;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0 5px 0 0;
  padding: 1px 5px;
  white-space: nowrap;
}
#narrow-by-list dd .swatch-label img {
  border: 1px solid #fff;
  border-radius: 3px;
  box-sizing: content-box;
}
#narrow-by-list dd .has-image .swatch-label {
  padding: 0;
}
.currently .swatch-current {
  position: relative;
}
.currently .swatch-current .btn-remove {
  margin-top: -10px;
  position: absolute;
  right: 0;
  top: 50%;
}
.currently .swatch-current span {
  display: block;
  float: left;
}
.currently .swatch-link {
  display: inline-block;
  margin: 0 0 0 3px;
}
.currently .swatch-link:hover {
  border-color: #cccccc;
  cursor: default;
}

/* Other Swatch States */
.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
  border-color: #1bbc9b;
}

.configurable-swatch-box {
  background: none !important;
}
.configurable-swatch-box select.swatch-select {
  display: none;
}
.configurable-swatch-box .validation-advice {
  margin: 0 0 5px;
  background: #df280a;
  padding: 2px 5px !important;
  font-weight: bold;
  color: #fff !important;
  float: left;
  display: block;
  border-radius: 3px;
}

/* CUSTOM */
.availability.out-of-stock span {
  color: #a0a0a0;
}

.product-view-container{max-width:1000px;margin:15px auto;font-size:17px;font-weight:500;color:#000;}
.product-view-container  .na-title {text-align:left;line-height:28px;}
.product-view-container  .na-title .text-bold{font-size:18px;font-weight:bold;padding-right:5px;padding-left:10px;}
.product-view-container  .na-title .selling-point{color:#1bbc9b;}
.product-view-container  .second-text{padding-left:120px;display:block;}
.product-view-container .three-text{padding-left:83px;display:block;}
.product-view .product-options .swatch-attr {
  float: none;
  /*display: block;*/
  display: inline-block;
  clear: both;
  border: 0;
}
.product-view .product-options .swatch-attr label,
.product-view .product-options .swatch-attr .select-label {
  font-size: 12px;
}
.product-view .product-options .swatch-attr label {
  display: block;
  line-height: 1.3;
  word-wrap: break-word;
  color: #636363;
}
.product-view .product-options .swatch-attr .select-label {
  display: inline;
  font-weight: normal;
  color: #1bbc9b;
  padding-left: 5px;
}
.product-view .product-options dd .input-box {
  width: auto;
  height: auto;
}
.product-view .product-options .select-label {
  display: none;
}
.product-view .add-to-cart button.out-of-stock {
  background-position: -80px -362px;
  cursor: default;
}

/* ============================================ *
 * Customer
 * ============================================ */
.customer-account-login .scaffold-form label:first-child {
  width: 115px;
}

.customer-account-login .col2-set  {
  border-bottom: 0;
}

.customer-account-login .col2-set .buttons-set {
  text-align: left;
  border-top: 0;
}
.customer-account-login .col2-set .buttons-set a{border:none;}
.customer-account-login .col2-set .buttons-set button,
.customer-account-login .col2-set .buttons-set .button {
  float: none;
  min-width: 50%;
  margin: 0; background:#1bbc9b; color:#fff; padding:5px 15px;text-decoration: none;
}
.customer-account-login .col2-set .col-1 ul {
  list-style: disc;
  padding-left: 20px;
  margin: 10px 0 20px 0;
}
@media only screen and (min-width: 770px) {
  .customer-account-login .col2-set .col-1 {
    padding-right: 0;
  }
}
.customer-account-create .scaffold-form label:first-child {
  width: 140px;
}

.opc #opc-login p:not(.required) {
  font-style: italic;
  font-size: 13px;
  color: #a0a0a0;
}

.remember-me-box a.hide {
  display: none;
}
.remember-me-box .link-tip {
  font-size: 13px;
  padding-left: 10px;
}

.remember-me-popup {
  display: none;
  border: 1px solid #cccccc;
  padding: 10px;
  position: relative;
}
.remember-me-popup.show {
  display: block;
}
.remember-me-popup .remember-me-popup-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  font-size: 12px;
}
.remember-me-popup .remember-me-popup-close-button {
  display: none;
}

.customer-account-create .fieldset{
  margin-left: 30px;
}
.customer-account-create .fieldset .hidden {
  display: none;
}
.customer-account-create #remember-me-popup {
  max-width: 455px;
}

.customer-account-forgotpassword .fieldset{
  margin-left: 30px;
  max-width: 400px;
}
.customer-account-forgotpassword .fieldset .input-box input.input-text {
  width: 100%;
}

/* ============================================ *
 * My Account Global Styles
 * ============================================ */
body.customer-account .my-account .page-title h1 {
  border: 0;
  text-align: left;
}
body.customer-account .my-account .title-buttons {
  position: relative;
  text-align: right;
}
body.customer-account .my-account .title-buttons h1 {
  text-align: left;
}
body.customer-account .my-account .title-buttons .button {
  position: absolute;
  right: 0;
  top: 0;
}
body.customer-account .my-account .title-buttons a,
body.customer-account .my-account .title-buttons span.separator {
  position: relative;
  top: -42px;
}
body.customer-account .my-account .fieldset h2,
body.customer-account .my-account .addresses-list h2,
body.customer-account .my-account .order-details h2 {
  width: 100%;
  display: inline-block;
}
body.customer-account .my-account .addresses-list h3 {
  font-size: 14px;
  font-weight: 600;
}
body.customer-account .my-account .fieldset {
  margin-top: 30px;
  margin-bottom: 30px;
}
body.customer-account .data-table {
  margin-top: 5px;
}
body.customer-account .data-table td a {
  text-transform: uppercase;
  font-style: normal;
  font-size: 13px;
}
body.customer-account .data-table span.nobr {
  white-space: normal;
}
body.customer-account .data-table span.nobr a {
  white-space: nowrap;
}
body.customer-account .data-table td.view a {
  display: block;
}
body.customer-account .data-table .separator {
  display: none;
}
body.customer-account .sidebar .block ol#compare-items li {
  margin: 10px 0;
}
body.customer-account .sidebar .block .block-content p.block-subtitle {
  margin-bottom: 15px;
}
body.customer-account .sidebar .block .block-content .actions {
  margin-top: 30px;
}
body.customer-account .sidebar ol#cart-sidebar-reorder li {
  margin-top: 10px;
  margin-bottom: 0;
}
body.customer-account .sidebar ol#cart-sidebar-reorder p.product-name {
  display: inline-block;
  margin-bottom: 0;
}
body.customer-account .sidebar .block-cart .summary {
  margin-bottom: 15px;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li {
  margin-top: 10px;
  margin-bottom: 0;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input {
  margin-right: 10px;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name {
  display: inline;
}

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day {
  width: 40px;
  float: left;
  margin-right: 10px;
}
.form-list .customer-dob .dob-year {
  width: 80px;
  float: left;
}

/* ============================================ *
 * Dashboard
 * ============================================ */
.dashboard .box-head {
  margin-top: 30px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 7px;
}
.dashboard .box-head h2 {
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 0;
  text-transform: capitalize;
}
.dashboard h2,.dashboard h3,.dashboard h4{
    text-transform: capitalize !important;
    font-weight:500 !important;
}
.dashboard .box-head a {
  padding: 0 4px;
}
.dashboard .box-title a,
.dashboard .box-head a ,.dashboard .box-content a{
  text-transform: capitalize;
  font-size: 12px;
  color: #F5390D;
}
.dashboard .box-title a:hover,
.dashboard .box-head a:hover,.dashboard .box-content a:hover{
  color: #1bbc9b;
}

.dashboard .col2-set .col-1 .box-title,
.dashboard .col2-set .col-2 .box-title {
  position: relative;
  padding-bottom: 10px;
}
.dashboard .col2-set .col-1 .box-title h2,
.dashboard .col2-set .col-1 .box-title h3,
.dashboard .col2-set .col-2 .box-title h2,
.dashboard .col2-set .col-2 .box-title h3 {
  font-weight: 600;
  color: #000;
  font-size: 14px;
  margin-bottom: 0;
}
.dashboard .col2-set .col-1 .box-title a,
.dashboard .col2-set .col-2 .box-title a {
  line-height: 19.6px;
}
.dashboard .box-reviews.box-account {
  padding-bottom: 0;
}
.dashboard .box-reviews li {
  padding: 10px 0;
  border-top: 1px solid #ededed;
}
.dashboard .box-reviews li:first-child {
  border-top: 0;
}
.dashboard .box-reviews li .number {
  margin-right: -20px;
  float: left;
  line-height: 1.4;
  font-size: 13px;
}
.dashboard .box-reviews li .details {
  margin-left: 20px;
}
.dashboard .box-reviews li .details .ratings {
  content: '';
  display: table;
  clear: both;
  margin-bottom: 0;
}
.dashboard .box-reviews li .details .ratings strong {
  float: left;
  font-size: 13px;
  margin-right: 5px;
}
.dashboard .box-reviews li .details .ratings .rating-box {
  float: left;
  margin: 3px 0 0 0;
}

/* ============================================ *
 * Address Book
 * ============================================ */
.my-account .addresses-list .col-1,
.my-account .addresses-list .col-2 {
  padding-bottom: 0;
}
.my-account .addresses-list .item {
  margin: 0 0 30px 0;
}
.my-account .addresses-list .item p {
  margin-top: 10px;
}
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li {
  display: inline;
}
.order-info dt {
  margin-right: 20px;
}
.order-info li {
  margin: 0 0 0 20px;
}
.order-info li.current {
  font-weight: 600;
}
.order-info li:first-child {
  margin-left: 0;
}

.order-date {
  text-transform: uppercase;
}

.order-info-box + .order-info-box {
  border-bottom: none;
}
.order-info-box .col-1 {
  padding-right: 0;
  width: 48%;
}
.order-info-box .col-2 {
  width: 52%;
}
.order-info-box .col-1,
.order-info-box .col-2 {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
.order-info-box .box-title {
  width: 150px;
  padding-right: 10px;
  float: left;
}
.order-info-box .box-title h2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}
.order-info-box .box-title h2:after {
  content: ':';
}
.order-info-box .box-content {
  float: left;
}
.order-info-box .box-content td,
.order-info-box .box-content th {
  line-height: 1.3;
}
.order-info-box .box-content th {
  padding-top: 10px;
}
.order-info-box .box-content td {
  padding-left: 15px;
}
.order-info-box .box-content strong {
  font-weight: normal;
  text-transform: uppercase;
}

#my-orders-table .option-label {
  margin-left: 10px;
  font-weight: 600;
  font-style: italic;
}
#my-orders-table .option-value {
  margin-left: 20px;
}
#my-orders-table tr.bundle:not(:last-child) td {
  border-bottom: none;
  border-top: none;
}

ol#cart-sidebar-reorder li {
  margin-top: 10px;
  margin-bottom: 0;
}
ol#cart-sidebar-reorder li input {
  margin-right: 10px;
}
ol#cart-sidebar-reorder p.product-name {
  display: inline;
}
.order-additional {
  margin: 40px 0;
}

.order-gift-message dd {
  margin-top: 10px;
}

@media only screen and (max-width: 1199px) {
  .dashboard .col2-set .col-1,
  .dashboard .col2-set .col-2 {
    padding-right: 30px;
    padding-bottom: 0;
  }

  body.customer-account .data-table td.view a {
    white-space: normal;
  }
}
/* ============================================ *
 * Newsletter Subscriptions
 * ============================================ */
body.newsletter-manage-index .my-account .fieldset {
  margin-bottom: 20px;
}
body.newsletter-manage-index .my-account .fieldset h2 {
  display: none;
}
body.newsletter-manage-index .my-account .form-list {
  border-top: 1px solid #ededed;
  padding-top: 10px;
}

/* ============================================ *
 * Contacts
 * ============================================ */
.contacts-index-index .buttons-set {
  margin-left: 30px;
  max-width: 435px;
}
.contacts-index-index .buttons-set p.required {
  float: left;
}
.paypal-review-order .info-set {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
}
.paypal-review-order .buttons-set {
  margin-top: 0px;
  padding-top: 0px;
  border: 0;
}
.paypal-review-order .buttons-set button {
  margin-bottom: 10px;
}
.top-container .bml-ad {
  margin-top: 7px;
  margin-bottom: 7px;
  text-align: center;
}
.top-container .bml-ad span {
  display: inline-block;
}
.top-container .bml-ad span a {
  display: block;
}

.bml-ad {
  display: none;
  text-align: center;
  margin-bottom: 5px;
}
.bml-ad span {
  display: block;
  line-height: 0;
}
.bml-ad a {
  display: inline-block;
  max-width: 100%;
}
.bml-ad a:hover {
  opacity: 0.7;
}
.bml-ad img {
  height: auto !important;
  max-width: 100%;
}

.cart-totals-wrapper .bml-ad.large img {
  display: block;
  margin: 0;
}
@media only screen and (min-width: 771px) {
  .bml-ad.large {
    display: block;
  }
}
div.paypal-logo {
  text-align: center;
  margin: 15px 0;
  max-width: 100%;
}
div.paypal-logo span {
  display: block;
  width: 100%;
}
div.paypal-logo span a {
  display: inline-block;
  max-width: 100%;
}
div.paypal-logo span a img {
  max-width: 100%;
}
div.paypal-logo span > img {
  display: none;
}

.checkout-types div.paypal-logo {
  text-align: right;
}

.bml-checkout-type {
  list-style-type: none;
}

.sidebar .paypal-logo {
  text-align: center;
  line-height: 0;
}
.sidebar .paypal-logo > a {
  display: inline-block;
  max-width: 100%;
}
.sidebar .paypal-logo > a:hover {
  opacity: 0.8;
}
.sidebar .paypal-logo > a img {
  display: block;
}
.sidebar .paypal-logo .label {
  margin-top: 4px;
}
.sidebar .paypal-logo .label a {
  font-size: 12px;
  line-height: 1.5;
}

/* ============================================ *
 * Review - Customer
 * ============================================ */
#customer-reviews {
  width: auto;
  float: none;
}
#customer-reviews .review-heading {

  padding: 10px 0 5px;
}
#customer-reviews .review-heading h2{    float: left;
    width: 100%;
    text-align: center;
    display: block;font-size: 28px; color:#333}
#customer-reviews .review-heading:after {
  content: '';
  display: table;
  clear: both;
}
#customer-reviews .review-heading h2 {
  float: left;
  display: block;
}
#customer-reviews .review-heading .pager {
  clear: none;
  float: right;
  width: auto;
}
#customer-reviews .review-heading .pager .count-container .limiter {
  margin-bottom: 0;
}
#customer-reviews .review-heading .pager .count-container .limiter label {
  font-size: 10px;
  text-transform: uppercase;
}
#customer-reviews .review-heading .pager .amount {
  display: none;
}
#customer-reviews h2 {
  color: #1bbc9b;
  font-size: 12px;
  text-transform: uppercase;
}
#customer-reviews h2 span {
  color: #636363;
}
#customer-reviews h3 {
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
}
#customer-reviews h3 span {
  color: #1bbc9b;
}
#customer-reviews .fieldset h4 {
  border-bottom: 1px solid #cccccc;
  font-size: 18px;
  font-weight: normal;
  padding-bottom: 5px;
  text-transform: uppercase;
}
#customer-reviews .fieldset h4 em {
  display: none;
}
#customer-reviews .fieldset .form-list label p{
    line-height: 20px;
}
#customer-reviews .fieldset .form-list label {
  font-size: 14px;
  font-weight: normal;
  text-transform:capitalize;
  width: 150px;
  float: left;
  line-height: 40px;
}
#customer-reviews .fieldset .form-list input {
  border: 1px solid #cccccc;
  border-radius: 0;
}
#customer-reviews .fieldset .form-list .box-img{margin-left:150px;}
#customer-reviews .fieldset .form-list input[type="text"] {
  width: 100%;
}
#customer-reviews .buttons-set {
  border: none;
  margin: 0;
  width: 470px;
}
#customer-reviews .buttons-set button.button{
    float: left;
    background: #DDDDDD;
    border-radius:3px;
    color:#000;
}
#customer-reviews .buttons-set button.button:hover{
    background:#1bbc9b;
    color:#fff;
}

#customer-reviews .review-items {
  font-size: 14px; 
  overflow:hidden;
  font-weight: 400;
  margin-bottom: 24px; 
}
#customer-reviews dl dt {
 float:left;width:150px;
}
#customer-reviews dl dt a{ color:#1bbc9b; padding-top:4px;}
#customer-reviews dl dd {
   font-size: 14px; margin-left:160px;
    padding-bottom: 16px;
}
#customer-reviews .rev-virtue{display:block; color:#1bbc9b;padding:5px 0;}
#customer-reviews dl dd .ratings-table {
  font-size: 12px;
  width: 100%;
}
.ratings-table th{ display:none}
#customer-reviews dl dd .ratings-table tr {
  margin-right: 15px;
}
#customer-reviews dl dd .ratings-table .review-label {
  width: 300px;
  max-width: 70%;
}
#customer-reviews dl dd .review-meta { width:100%;
  color: #999;
  font-size: 10px;
  font-weight: normal;
  text-transform:capitalize; display:block; overflow:hidden
}
#customer-reviews .review-images {
  padding: 15px 0 0;
  display: flex;
  align-items: center;
}
#customer-reviews dl dd .review-radiuo{float:left; padding:10px 0;}
#customer-reviews dl dd .review-radiuo a,#customer-reviews dl dd .review-images a{display:block; position:relative; width:150px;float:left;}
#customer-reviews dl dd .review-images img ,#customer-reviews dl dd .review-radiuo img{
  display: inline-block;
  /*width: 100%;*/
  max-width:100%;
    padding: 5px 10px 5px 0;
    margin: 0 5px 0 0;
  /*border:1px solid #CCC;*/
  background-color: #FFF;
}
#customer-reviews dl dd .review-radiuo i{display:block; position:absolute;width:63px;height:33px;margin:0 auto;background:url(../images/rewradiuo_03.png) no-repeat;top:40%;left:0;right:0; z-index:999;}
#customer-reviews dl dd .review-radiuo img{position:absolute; z-index:1;}
#customer-reviews .rev-detail{overflow:hidden; clear:both;position: relative;}
.rev-detail-text{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
}
.show-more-button{
  display: none;
  vertical-align: middle;
  position: absolute;
  right: 0;
  bottom: -2px;
  box-shadow: -10px 10px 10px 3px #fff;
  color: #e9aa89;
  padding: 0px 3px;
  border: 0;
  z-index: 9;
  background: #fff;
}
.show-more-rotate-180 {
  transform: rotate(180deg);
}
.review-summary-table {
  border-bottom: 1px solid #cccccc;
  margin: 0 0 10px;
}
.review-summary-table thead {
  background: transparent;
}
.review-summary-table thead th {
  background: transparent;
  border: none;
  padding: 15px 7px 10px 8px;
}
.review-summary-table tbody th {
  background: #FFFFFF;
  font-size: 12px;
}
.review-summary-table tbody td {
  border: none;
  text-align: center;
  padding: 0;
}
.review-summary-table tbody td label {
  width: 100%;
  display: block;
  padding: 11px 0;
}
.review-summary-table .rating-box .rating-number {
  display: none;
}
.review-summary-table .rating-box .rating-number:after {
  content: "";
  display: inline-block;
  background-position: 0px -599px;
  width: 13px;
  height: 14px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

/* ============================================ *
 * Ratings - Global
 * ============================================ */
.ratings-table {
  font-size: 12px;
  text-transform: uppercase;
}
.ratings-table th {
  padding-right: 10px;
}
.ratings-table .rating-box {
  background-position: 0 -615px;
  background-repeat: repeat-x;
  height: 13px;
  overflow: hidden;
  text-indent: -9999px;
  width: 65px;
}
.ratings-table .rating-box .rating {
  background-position: 0 -600px;
  background-repeat: repeat-x;
  float: left;
  height: 13px;
  text-indent: -9999px;
}
/* ============================================ *
 * Review View Page
 * ============================================ */
.review-product-view .product-review .product-details h2 {
  border-bottom: none;
}
.review-product-view .product-review .product-img-box {
  width: auto;
  max-width: 50%;
}
.review-product-view .product-review .product-img-box > a {
  width: 100%;
}
.review-product-view .product-review .product-img-box .product-image {
  width: 100%;
}
/* ============================================ *
 * Slideshow
 * ============================================ */
.slideshow-container {
  position: relative;
  display: block;
  width: 100%;
  margin: 10px 0;
  border: 1px solid #ededed;
}
.slideshow-container .slideshow {
  width: 100%;
  padding: 0;
  position: relative;
  margin: 0;
  /*border: 10px solid #FFFFFF;*/
}
.slideshow-container .slideshow > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  display: block;
  margin: 0;
}
.slideshow-container .slideshow > li:first-child {
  position: static;
  z-index: 100;
}
.slideshow-container .slideshow > li img {
  max-width: 100%;
  width: 100%;
}

.slideshow-pager {
  text-align: center;
  width: 100%;
  z-index: 115;
  position: absolute;
  bottom: 0px;
  top: auto;
  overflow: hidden;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.slideshow-pager span {
  width: 24px;
  height: 44px;
  display: inline-block;
  color: #DDDDDD;
  cursor: pointer;
}
.slideshow-pager span:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border-radius: 100%;
  background-color: #FFFFFF;
  position: relative;
}
.slideshow-pager span:hover:before {
  /*background-color: #1bbc9b;*/
  background-color: #FD2889;
}
.slideshow-pager span.cycle-pager-active:before {
  /*background-color: #297aa3;*/
  background-color: #FD2889;
}
.slideshow-pager > * {
  cursor: pointer;
}

.slideshow-prev,
.slideshow-next {
  position: absolute;
  top: 0;
  width: 15%;
  max-width: 80px;
  height: 100%;
  opacity: 0.6;
  z-index: 110;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.slideshow-prev:before,
.slideshow-next:before {
  content: '';
  width: 0;
  height: 0;
  font-size: 0;
  position: absolute;
  border-style: solid;
  display: block;
  top: 50%;
  margin-top: -15px;
}
.slideshow-prev:hover,
.slideshow-next:hover {
  opacity: 1;
}
.slideshow-prev.disabled,
.slideshow-next.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default;
}

.slideshow-prev {
  left: 8px;
}
.slideshow-prev:before {
  border-width: 15px 15px 15px 0;
  border-color: transparent #FFFFFF transparent transparent;
  top: 50%;
  left: 10px;
}
.slideshow-prev:hover:before {
  /*border-color: transparent #1bbc9b transparent transparent;*/
  border-color: transparent #FD2889 transparent transparent;
}

.slideshow-next {
  right: 8px;
}
.slideshow-next:before {
  border-width: 15px 0 15px 15px;
  border-color: transparent transparent transparent #FFFFFF;
  top: 50%;
  right: 10px;
}
.slideshow-next:hover:before {
  /*border-color: transparent transparent transparent #1bbc9b;*/
  border-color: transparent transparent transparent #FD2889;
}

.cycle-caption {
  position: absolute;
  color: white;
  bottom: 15px;
  right: 15px;
  z-index: 110;
}

.cycle-overlay {
  font-family: tahoma, arial;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 120;
  background: black;
  color: white;
  padding: 15px;
  opacity: .5;
}

/* ============================================ *
 * Wishlist
 * ============================================ */
#wishlist-table th {
  text-align: center;
}
#wishlist-table tr td:first-child{
  width: 133px;
}
#wishlist-table.clean-table {
  font-size: 12px;
  text-transform: uppercase;
  width: 100%;
}
#wishlist-table.clean-table th {
  border-bottom: 1px solid #ddd;
}
#wishlist-table.clean-table td {
  padding: 15px;
  vertical-align: top;
}
#wishlist-table.clean-table thead th {
  font-size: 12px;
  text-transform: uppercase;
}
#wishlist-table .product-name a {
  color: #222;
  font-size:15px;
  font-weight: 600;
  text-transform:capitalize;
}
#wishlist-table .wishlist-sku {
  font-size: 11px;
  margin: 5px 0;
}
#wishlist-table textarea {
  border: 1px solid #ddd;
  width: 100%;
  height: 45px;
  font-size: 11px;
}
#wishlist-table textarea::-webkit-input-placeholder {
  text-transform: uppercase;
}
#wishlist-table textarea:-moz-placeholder {
  text-transform: uppercase;
}
#wishlist-table textarea::-moz-placeholder {
  text-transform: uppercase;
}
#wishlist-table textarea:-ms-input-placeholder {
  text-transform: uppercase;
}
#wishlist-table textarea:focus {
  border: 1px solid #1bbc9b;
}
#wishlist-table .item-manage {
  text-align: right;
  max-width: 450px;
  padding-top: 5px;
}
#wishlist-table .item-manage .button {
  font-size: 11px;
  padding: 3px 5px;
}
#wishlist-table .cart-cell {
  text-align: center;
}
#wishlist-table td.customer-wishlist-item-image {
  width: 113px;
}
#wishlist-table td.customer-wishlist-item-quantity {
  width: 3em;
}
#wishlist-table td.customer-wishlist-item-price {
  width: 120px;
  text-align: center;
}
#wishlist-table td.customer-wishlist-item-cart {
  width: 150px;
}
#wishlist-table td.customer-wishlist-item-cart .button {
  font-size: 12px;
  margin-bottom: 10px;
  padding: 3px 5px;
  width: 100%;
}
#wishlist-table td.customer-wishlist-item-cart .truncated {
  margin-bottom: 10px;
}
#wishlist-table td.customer-wishlist-item-cart > p {
  margin-bottom: 0;
}
#wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item {
  text-align: center;
}
#wishlist-table td.customer-wishlist-item-cart .btn-remove {
  vertical-align: top;
}
#wishlist-table td.customer-wishlist-item-remove {
  width: 20px;
}

#wishlist-table .price-box {
  font-size: 12px;
}
#wishlist-table .price-box .price {
  color: #636363;
}
#wishlist-table .giftregisty-add {
  margin-top: 5px;
}
#wishlist-table .giftregisty-add .change {
  display: none;
}
#wishlist-table .giftregisty-add li {
  cursor: pointer;
  color: #1bbc9b;
  margin-bottom: 3px;
}
#wishlist-table .truncated .details {
  background: none;
  color: #1bbc9b;
}

#wishlist-table td[data-rwd-label]:before {
  font-weight: 600;
}
#wishlist-table .flex-box {
  clear: both;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 42px;
} 
#wishlist-table .flex-box .final-price {
  color: #1bbc9b;
  margin-top: 0;
  font-size: 15px;
}
#wishlist-table .flex-box .old-price {
    color: #a0a0a0;
    font-size: 14px;
    margin-left: 5px;
    text-decoration: line-through;
}
@media only screen and (max-width: 1199px) {
  #wishlist-table.clean-table td {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* ============================================ *
 * Wishlist Sidebar
 * ============================================ */
.block-wishlist .mini-products-list > li:not(:last-child) {
  padding-bottom: 5px;
}
.block-wishlist .product-details .product-name {
  padding-top: 0;
  margin-bottom: 5px;
}
.block-wishlist .price-box {
  float: left;
  margin: 0;
}
.block-wishlist .price-box,
.block-wishlist .price-box .price,
.block-wishlist .link-cart {
  font-size: 12px;
}
.block-wishlist .link-cart {
  float: left;
  text-transform: uppercase;
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid #ededed;
}

/* ============================================ *
 * Checkout - Mini cart
 * ============================================ */
.header-minicart {
  display: inline-block;
}
.header-minicart .minicart-message {
  display: block;
  padding: 10px;
}
.header-minicart .empty {
  padding: 10px;
  text-align: center;
}
.header-minicart .minicart-wrapper {
  clear: both;
  position: relative;
}
.header-minicart .minicart-wrapper:before, .header-minicart .minicart-wrapper:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
.header-minicart .minicart-wrapper:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}
.header-minicart .minicart-wrapper:after {
  background-image: url("../images/opc-ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}
.header-minicart .minicart-wrapper.loading {
  position: relative;
}
.header-minicart .minicart-wrapper.loading:before, .header-minicart .minicart-wrapper.loading:after {
  display: block;
}
.header-minicart .block-cart {
  display: none;
}
.header-minicart .block-subtitle {
  color: #50A4CF;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.4;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.header-minicart .block-subtitle .close {
  width: 40px;
  float: right;
  display: block;
  color: #636363;
  text-decoration: none;
  font-weight: normal;
  font-size: 30px;
  position: absolute;
  top: -8px;
  right: -3px;
}
.header-minicart .mini-products-list {
  padding: 10px;
  padding-top: 0px;
}
.header-minicart .mini-products-list li {
  padding: 8px 5px 8px 11px;
  border-bottom: 1px solid #DDDDDD;
  position: relative;
}
.header-minicart .mini-products-list li.last {
  border: none;
}
.header-minicart .mini-products-list li .product-details {
  position: relative;
}
.header-minicart .product-details .product-name {
  padding-top: 0px;
  font-weight: bold;
}
.header-minicart .product-details .product-name a {
  color: #1bbc9b;
}
.header-minicart .info-wrapper {
  margin-bottom: 0.5em;
}
.header-minicart .info-wrapper th {
  text-transform: uppercase;
  padding-right: 10px;
}
.header-minicart .info-wrapper td {
  color: #1bbc9b;
  clear: right;
}
.header-minicart .info-wrapper .qty-wrapper td {
  height: 33px;
  line-height: 33px;
}
.header-minicart .info-wrapper .qty {
  padding-left: 4px;
  padding-right: 4px;
  margin-right: 2px;
  width: 3.2em;
  text-align: center;
  height: 30px;
}
.header-minicart .info-wrapper .quantity-button {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 100ms;
  -moz-transition-duration: 100ms;
  -o-transition-duration: 100ms;
  transition-duration: 100ms;
}
.header-minicart .info-wrapper .quantity-button[disabled] {
  cursor: default;
}
.header-minicart .info-wrapper .quantity-button.visible {
  opacity: 1;
}
.header-minicart .subtotal {
  background-color: #DDDDDD;
  text-align: center;
  line-height: 2em;
}
.header-minicart .subtotal .label {
  color: white;
  text-transform: uppercase;
}
.header-minicart .subtotal .price {
  color: #1bbc9b;
}
.header-minicart .minicart-actions {
  padding: 10px;
  margin-top: 0px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.header-minicart .minicart-actions .checkout-button {
  min-width: 145px;
}
.header-minicart .minicart-actions .cart-link {
  height: 33px;
  line-height: 39px;
  text-transform: uppercase;
  font-size: 13px;
}
.header-minicart .minicart-actions .paypal-logo .paypal-or {
  line-height: 1.6;
}
.header-minicart #minicart-error-message {
  text-align: center;
  color: red;
  display: none;
}
.header-minicart #minicart-success-message {
  text-align: center;
  color: green;
  display: none;
}
.header-minicart .jcarousel-control-prev,
.header-minicart .jcarousel-control-next {
  display: none;
}

.header-minicart.skip-active .block-cart,
.block-cart.skip-active {
  display: block;
}

@media only screen and (min-width: 771px) {
  .checkout-types.minicart {
    float: none;
    text-align: center;
  }
}
/* ============================================ *
 * Search - Auto Suggest
 * ============================================ */
.search-autocomplete {
  left: 0 !important;
  overflow: visible !important;
  position: relative !important;
  top: 15px !important;
  width: 100% !important;
  z-index: 200;
}
.search-autocomplete ul {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #FFFFFF;
  border: 1px solid #1bbc9b;
  left: 0;
  padding-left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.search-autocomplete ul li {
  border-bottom: 1px solid #f4f4f4;
  color: #1bbc9b;
  cursor: pointer;
  font-size: 12px;
  padding: 4px 6px;
  text-align: left;
}
.search-autocomplete ul li:hover {
  color: #1bbc9b;
}
.search-autocomplete ul li.selected {
  background-color: #1bbc9b;
  color: white;
}
.search-autocomplete ul li .amount {
  float: right;
  font-weight: bold;
}
.search-autocomplete ul li:last-child {
  border-bottom: none;
}
.search-autocomplete:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  /*border-bottom: 7px solid #1bbc9b;*/
  border-top: none;
  left: 50%;
  top: -7px;
}

/* ============================================ *
 * Search - Advanced
 * ============================================ */
.advanced-search {
  background: #f4f4f4;
  border: 1px solid #ededed;
  padding: 30px;
}
.advanced-search select.multiselect option {
  border-bottom: 1px solid #ededed;
  padding: 2px 5px;
}
/* ============================================ *
 * Account - Reviews
 * ============================================ */
.product-review .product-img-box p.label {
  border-bottom: 1px solid #cccccc;
  font-size: 16px;
  margin-top: 20px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.product-review .product-img-box .rating-box {
  margin: 15px 0;
}
.product-review .product-details h2 {
  font-size: 16px; text-transform:capitalize;
}
.product-review .product-details h3{font-size:16px; text-transform:capitalize;}
.product-review .ratings-table th {
  padding-right: 10px; color:#999;
}
.product-review .ratings-table tr {
  float: left;
  font-size: 12px;
  margin-right: 10px;
  text-transform: uppercase;
}
.product-review .ratings-description{overflow:hidden;}
.product-review .ratings-description dt {
  font-size: 14px; 
  margin-top: 10px;
  text-transform:capitalize;
}
.product-review .ratings-description dd {
  color: #737373;
  font-size: 13px;text-transform:capitalize;
}

@media only screen and (min-width: 771px) {
  .product-review .ratings-table tr {
    float: none;
  }
}
@media only screen and (min-width: 1126px) {
  .product-review .ratings-table tr {
    float: left;
    margin-right: 15px;
  }
}
/* ============================================ *
 * CMS Pages
 * ============================================ */
.cms-page-view .page-title h1,
.cms-page-view .page-title h3,
.cms-page-view .page-head h1,
.cms-page-view .page-head h3,
.cms-no-route .page-title h1,
.cms-no-route .page-title h3,
.cms-no-route .page-head h1,
.cms-no-route .page-head h3 {
  border: none;
}
.cms-page-view .std img,
.cms-no-route .std img {
  max-width: 100%;
}
.cms-page-view .std p,
.cms-no-route .std p {
  color: #636363;
  font-size: 14px;
  line-height: 24px;
}
.cms-page-view .std h1,
.cms-no-route .std h1 {
  /*color: #1bbc9b;*/
   color: #343537;
}
.cms-page-view .std h2,
.cms-no-route .std h2 {
  color: #1bbc9b;
}
.cms-page-view .std li,
.cms-no-route .std li {
  color: #636363;
  font-size: 14px;
  line-height: 24px;
}
.cms-page-view .col-left:after,
.cms-no-route .col-left:after {
  content: '';
  display: table;
  clear: both;
}

.cms-no-route .std img {
  width: 100%;
}

.cms-page-view .std .messages,
.cms-home .std .messages,
.cms-no-route .std .messages {
  margin-bottom: 10px;
}
.cms-page-view .std .messages ul,
.cms-home .std .messages ul,
.cms-no-route .std .messages ul {
  margin-bottom: 0;
}
.cms-page-view .std .messages li,
.cms-home .std .messages li,
.cms-no-route .std .messages li {
  list-style: none;
  margin-left: 0;
  font-style: normal;
}

#accordion .toggle-tabs {
  display: none;
}
#accordion > dl > dt {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-weight: normal;
  margin-bottom: 0px;
  padding: 7px 10px 7px 24px;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  position: relative;
  background-color: #f4f4f4;
  display: block;
}
#accordion > dl > dt:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #1bbc9b;
  border-bottom: none;
  left: 10px;
  top: 50%;
  margin-top: -3px;
}
#accordion > dl > dt:hover {
  background-color: #ececec;
}
#accordion > dl > dd {
  padding: 10px;
  margin: 0;
  border-width: 0 1px;
  border-style: solid;
  border-color: #cccccc;
}
#accordion > dl > dd:last-child {
  border-width: 0 1px 1px 1px;
}
#accordion li {
  position: relative;
  overflow: hidden;
}
#accordion li .plusimage h2 {
  margin-right: 10px;
}

.page-sitemap .links {
  display: block;
  text-align: right;
  margin: 0 20px 0 0;
}
.page-sitemap .links a {
  position: relative;
}
.page-sitemap .sitemap {
  padding: 0 20px;
  margin: 15px 0;
  font-size: 12px;
}
.page-sitemap .sitemap li {
  margin: 3px 0;
}

.contacts-index-index h1 {
  border: none;
}

#contactForm {
  padding-left: 40px;
}
#contactForm h2 {
  display: none;
}
#contactForm:after {
  content: '';
  display: table;
  clear: both;
}
#contactForm .fieldset .legend + .required {
  margin: 0;
}
/* ============================================ *
 * Pricing Conditions
 * ============================================ */
.price-box .minimal-price-link .label {
  color: #cf5050;
  font-size: 12px;
  text-transform: uppercase;
}

.map-info {
  white-space: nowrap;
}

.catalog-product-view .map-info {
  white-space: normal;
}
.catalog-product-view .map-info > span {
  float: right;
  margin-bottom: 5px;
}
.catalog-product-view .map-info .price-box.map-info > a {
  float: right;
  width: 100%;
}

/* ============================================ *
 * Cookies
 * ============================================ */
.notice-cookie .notice-inner {
  padding-bottom: 0;
}
.notice-cookie .notice-inner:after {
  content: '';
  display: table;
  clear: both;
}
.notice-cookie .notice-text {
  float: left;
  max-width: 90%;
  padding-top: 4px;
  text-align: left;
}
.notice-cookie .notice-text p {
  padding-bottom: 14.5px;
  line-height: 1.3;
}
.notice-cookie .actions {
  float: left;
  text-align: right;
  padding-bottom: 14.5px;
}
/* ============================================ *
 * Tags
 * ============================================ */
#addTagForm button {
  margin-top: 5px;
  margin-bottom: 10px;
}

#addTagForm .form-add {
  margin-top: 10px;
}

.product-tags {
  background-color: #f4f4f4;
  border: 1px solid #cccccc;
  float: left;
  margin-bottom: 10px;
  padding: 5px 1% 10px;
  width: 98%;
}

.product-tags li {
  float: left;
  margin-right: 15px;
}

.product-tags li.last {
  margin-right: 0px;
}

.tags-list {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.tags-list > li {
  float: left;
  margin-right: 10px;
}

.block-tags .actions > a {
  font-size: 12px;
}

.my-tag-edit .button.btn-remove {
  padding: 0;
}
.my-tag-edit .button.btn-remove:after {
  color: white;
}
/* ============================================ *
 * Captcha
 * ============================================ */
.captcha-note {
  clear: left;
  padding-top: 5px;
}

.captcha-image {
  float: left;
  max-width: 100%;
  position: relative;
  width: 258px;
  margin-bottom: 10px;
}

.captcha-image .captcha-img {
  border: 1px solid #b6b6b6;
  vertical-align: bottom;
  width: 100%;
}

.registered-users .captcha-image {
  margin: 0;
}

.captcha-reload {
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 2px;
}

.captcha-reload.refreshing {
  animation: rotate 1.5s infinite linear;
  -webkit-animation: rotate 1.5s infinite linear;
  -moz-animation: rotate 1.5s infinite linear;
}

.customer-account-create .scaffold-form .captcha-input-container label:first-child {
  width: 100%;
}

.captcha-reload {
  position: absolute;
  right: 4px;
  top: 4px;
}

.captcha-img {
  border: 20px solid #bbbbbb;
}

.captcha-input-container {
  margin-bottom: 10px;
}

.control.newsletter-box, .captcha-input-container, .captcha-img-container {
  float: none;
  clear: both;
}
.control.newsletter-box:after, .captcha-input-container:after, .captcha-img-container:after {
  content: '';
  content: '';
  display: table;
  clear: both;
}

/* ============================================ *
 * Checkout Billing Fix to place the Captcha properly
 * ============================================ */
#co-billing-form ul.form-list > .control {
  float: left;
  margin: 0 0 5px;
  width: 100%;
}
/* ============================================ *
 * Recurring Profiles
 * ============================================ */
#recurring_profile_list_view th {
  white-space: normal;
}
#recurring_profile_list_view th span {
  white-space: inherit;
}
.recurring-profiles-title {
  float: left;
}
.recurring-profiles-title h1 {
  margin-bottom: 7px;
}

body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons {
  float: right;
  text-align: right;
  margin-bottom: 30px;
}
body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons .button {
  position: static;
}

.recurring-profiles-messages:after {
  content: '';
  display: table;
  clear: both;
}

#recurring_start_date_trig {
  display: inline;
}

/* ============================================ *
 * Billing Agreements
 * ============================================ */
.billing-agreements .info-box {
  margin-bottom: 30px;
}
.billing-agreements .info-box:after {
  content: '';
  display: table;
  clear: both;
}
.billing-agreements .info-box .form-list {
  max-width: 400px;
  width: 100%;
}
.billing-agreements .info-box .box-title {
  margin-top: 20px;
  margin-bottom: 7px;
}
.billing-agreements .info-box .button {
  float: right;
  margin-top: 7px;
}
.billing-agreements #payment_method {
  width: 100%;
  margin-top: 7px;
  margin-bottom: 7px;
}

.billing-agreement-view-header-wrapper .heading {
  max-width: 80%;
}
.billing-agreement-details td, .billing-agreement-details th {
  padding: 3.5px;
}
/* ============================================ *
 * Popular Search Terms Cloud
 * ============================================ */
.catalogsearch-term-popular .tags-list {
  float: left;
  width: 100%;
}

.catalogsearch-term-popular .tags-list > li {
  float: left;
  height: 40px;
  margin-right: 25px;
}

/* ============================================ *
 * Widgets
 * ============================================ */
/* -------------------------------------------- *
 * Add to cart by SKU
 */
.sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
  width: 100%;
}
@media only screen and (min-width: 771px) {
  .sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
    max-width: 100px;
  }
}

.widget {
  clear: both;
}

.widget .pager {
  float: none;
  width: 100%;
}

@media only screen and (min-width: 1199px) {
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
    width: 23.33333%;
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
    clear: left;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
    margin-right: 0;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
    width: 18.22222%;
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
    clear: left;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 770px) {
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
    width: 23.33333%;
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
    clear: left;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
    margin-right: 0;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
    width: 18.22222%;
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
    clear: left;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
    margin-right: 0;
  }
}
/* ============================================ *
 * Checkout - Multiple Addresses
 * ============================================ */
body[class*="checkout-multishipping-"] .checkout-progress {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}
body[class*="checkout-multishipping-"] .checkout-progress > li {
  float: left;
  width: 20%;
  text-align: center;
  padding: 8px 1% 6px;
  background: #f4f4f4;
  text-transform: uppercase;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  margin-bottom: 10px;
}
body[class*="checkout-multishipping-"] .checkout-progress > li.active {
  background-color: #dddddd;
}
body[class*="checkout-multishipping-"] .checkout-progress > li.last {
  border-right: 0px;
}
body[class*="checkout-multishipping-"] .page-title {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .page-title h1 {
  border: 0 none;
  float: left;
  margin-top: 2px;
  margin-right: 2%;
}
body[class*="checkout-multishipping-"] .page-title .button {
  float: right;
}
body[class*="checkout-multishipping-"] .multiple-checkout > h2 {
  text-transform: none;
  font-size: 17px;
  margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .messages {
  float: left;
  width: 100%;
}
body[class*="checkout-multishipping-"] .col-2.col-wide {
  width: 66%;
}
body[class*="checkout-multishipping-"] .col-1.col-narrow {
  width: 30%;
}
body[class*="checkout-multishipping-"] .actions {
  margin-bottom: 10px;
}
body[class*="checkout-multishipping-"] .grand-total {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
}
body[class*="checkout-multishipping-"] #checkout-review-submit {
  float: right;
}
body[class*="checkout-multishipping-"] #review-buttons-container {
  float: right;
  text-align: right;
}

.checkout-multishipping-addresses .btn-remove2 {
  text-indent: -5555px;
  display: block;
  width: 22px;
  height: 22px;
}

.checkout-multishipping-shipping .gift-messages {
  margin-top: 20px;
}
.checkout-multishipping-shipping .gift-messages-form {
  margin-top: 15px;
}
.checkout-multishipping-shipping .gift-messages-form h4 {
  margin-top: 15px;
  margin-bottom: 5px;
}
.checkout-multishipping-shipping .gift-messages-form .form-list {
  margin-top: 10px;
  margin-bottom: 25px;
}
.checkout-multishipping-shipping .gift-messages-form .item {
  margin-top: 15px;
}

.checkout-multishipping-shipping .col-1 .box-title h2, .checkout-multishipping-shipping .col-1 .box-title h3, .checkout-multishipping-shipping .col-1 .box-title h4, .checkout-multishipping-shipping .col-2 .box-title h2, .checkout-multishipping-shipping .col-2 .box-title h3, .checkout-multishipping-shipping .col-2 .box-title h4,
.checkout-multishipping-billing .col-1 .box-title h2,
.checkout-multishipping-billing .col-1 .box-title h3,
.checkout-multishipping-billing .col-1 .box-title h4,
.checkout-multishipping-billing .col-2 .box-title h2,
.checkout-multishipping-billing .col-2 .box-title h3,
.checkout-multishipping-billing .col-2 .box-title h4,
.checkout-multishipping-overview .col-1 .box-title h2,
.checkout-multishipping-overview .col-1 .box-title h3,
.checkout-multishipping-overview .col-1 .box-title h4,
.checkout-multishipping-overview .col-2 .box-title h2,
.checkout-multishipping-overview .col-2 .box-title h3,
.checkout-multishipping-overview .col-2 .box-title h4 {
  font-weight: normal;
  width: 100%;
  background: #f4f4f4;
  border-bottom: 1px solid #cccccc;
  padding: 10px;
  font-size: 14px;
}
.checkout-multishipping-shipping .col-1 > h4, .checkout-multishipping-shipping .col-2 > h4,
.checkout-multishipping-billing .col-1 > h4,
.checkout-multishipping-billing .col-2 > h4,
.checkout-multishipping-overview .col-1 > h4,
.checkout-multishipping-overview .col-2 > h4 {
  font-weight: normal;
  width: 100%;
  background: #f4f4f4;
  border-bottom: 1px solid #cccccc;
  padding: 10px;
  font-size: 14px;
}
.checkout-multishipping-shipping .col-1 .box-content, .checkout-multishipping-shipping .col-2 .box-content,
.checkout-multishipping-billing .col-1 .box-content,
.checkout-multishipping-billing .col-2 .box-content,
.checkout-multishipping-overview .col-1 .box-content,
.checkout-multishipping-overview .col-2 .box-content {
  margin-bottom: 25px;
  padding-left: 10px;
  margin-top: 10px;
}

.checkout-multishipping-billing .sp-methods dt {
  float: left;
  width: 100%;
}

.checkout-multishipping-payment-customerbalance input.checkbox {
  margin-left: 15px;
}

#multiship-addresses-table > tbody > tr > td.a-center.last > a {
  background-image: none;
}

#review-order-form > div:nth-child(3) > div.divider {
  width: 100%;
  clear: both;
}
/* ============================================ *
 * Calendar styles (restore styles from /js/calendar)
 * ============================================ */
div.calendar table {
  border-collapse: separate;
}
div.calendar table td.button {
  display: table-cell;
  background: inherit;
  color: inherit;
  text-transform: none;
}
/*********************Home style************************/
.footercontent{
    background-color: #EAEAEA;
}
.footer .links .find-us{
     width: 70%;
}
.footer .links .find-us li{
    float: left;
    margin:0 5px 5px 0;
    width: 26px;
    height: 26px;
/*    background: #000;*/
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
}
.footer .links .find-us li a{
    color: #EAEAEA;
}
.footer .links .find-us li a:hover{
    color:  #1bbc9b;
}
.header-top{
    position: relative;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.header-top .top-left{
    float: left;
}
.header-top .top-right{
    float: right;
}
.header-top .top-right img{
    display: inline-block;
}
.header-top .top-right #search_mini_form{
    display: inline-block;
}
.header-top .top-right #search{
    height: 30px;
    background-color: #eaeaea;
}
@media only screen and (min-width: 769px) {
    .account-cart-wrapper, .header-language-container label,#header-nav{
        display: none;
    }
    #header-search{
        display: none;
    }
    .page-header-container {
        width: 100%;
    }
    .page-header-container .header-logo{
        width: 50%;
        margin-left: 34%;
    }
    .page-header-container .header-reg{
        float: right;
        /*width: 30%;*/
        text-align: right;
    }
    #header{
        position: relative;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        
    }

    .home-about .adout-img img{
        float: left;
        padding-right: 2px;
    }
    .page-header-container .header-des{
      color: #545454;
      font-size: 16px;
    }
}
.header-language-container{
    position: relative;
}
/*.form-language .select-language span.flag {
    background: url("../images/small-flags.png") no-repeat;
    background-position: -33px -165px;
    height: 16px;
    width: 16px;
    position: absolute;
    left: 4px;
    top: 7px;
}*/
.form-language .select-language span.English {
    /*background-position: -33px -165px;*/
    background: url(../images/currency_bg.png) no-repeat;
    height: 18px;
    position: absolute;
    width: 25px;
    left: 0px;
    top: 2px;
}

.form-language .select-language span.Spanish {
    background: url("../images/es.png") no-repeat;
    background-size: 16px;
    position: absolute;
    height: 16px;
    width: 16px;
    left: 4px;
    top: 5px;
}
.form-language .select-language .xct-arrow ,.currency .currency_down_arrow{
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333333;
    content: "";
    width: 0;
    vertical-align: top;
    float: right;
    margin-top: 8px;
    margin-right:2px;
}
.form-language .dropdown-menu {
    border-top: none;
    top: 22px;
    width: 100px;
}
.header-language-container .form-language .moreLanguageList li span {
    /*background: url("../images/small-flags.png") no-repeat;*/
    height: 16px;
    width: 16px;
    display: block;
    float: left;
    margin-right: 3px;
    margin-left: 10px;
    margin-top: 5px;
}
.header-language-container .form-language .moreLanguageList li span.English {
    background: url(../images/en.png) no-repeat;
    background-size: 16px; 
}
.header-language-container .form-language .moreLanguageList li span.Spanish {
    background: url("../images/es.png") no-repeat;
    background-size: 16px;   
}
.header-language-container .form-language .moreLanguageList li a {
    text-decoration: none;
    text-indent: 10px;
    line-height: 25px;
}
/*.currency-switcher a span.EUR {
    background: url("../images/currency_bg.png") no-repeat;
    background-position: 0 -54px;
    height: 18px;
    position: absolute;
    width: 25px;
    left:-4px;
    top: 2px;
}
.currency-switcher a span.USD {
    background: url("../images/currency_bg.png") no-repeat;
    height: 18px;
    position: absolute;
    width: 25px;
   left:-4px;
    top: 2px;
}*/
.currency_menu a.EUR {
    background-position: 0 -54px;
}
.currency_menu a.USD {
    background-position: 0 0;
}
.currency-switcher .currency a {
    padding-right: 10px;
}
.currency_menu a {
    color: #666;
    background: url(../images/currency_bg.jpg) no-repeat;
    display: block;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    text-indent: 30px;
    width: 125px;
    margin-left: 8px;
    text-decoration: none;
}
 .dropdown-menu {
    background: #fff;
    border: 1px solid #eeeeee;
    border-top: none;
    position: absolute;
    z-index: 100;
    left: 0px;
    z-index: 250;
}
.currency-switcher .dropdown-menu {
     background: #fff;
    border: 1px solid #eeeeee;
    border-top: none;
    position: absolute;
    z-index: 100;
    left: 103px;
    top: 20px;
    z-index: 250;
    min-width: 100px;
}
.page-header-container .store-language-container{
    float: left;
    line-height: 21px;
}
.store-language-container .form-language,.store-language-container .currency-switcher{
    display: inline-block;
    width: 100px;
    padding-left: 20px;
    border: 2px solid #EAEAEA;
}
.store-language-container .currency-switcher{
    width: 90px;
}
.header-reg .link{
    text-transform: uppercase;
}
.header-reg a{
    padding:5px;
    color:#000;
    text-decoration: none;
}
.header-reg a:hover{
    color:#FD2889;
    text-decoration: none;
}
.header-reg .cart{
  position: relative; float:right; margin-left:30px;
}
.header-reg .cartimg{
  display: inline-block;
  position: absolute;
  right: 14px;
  top: -1px;
}
.header-reg .cart-link{
  position: absolute;
  /*top: 0px;*/
  right: -4px;
}
.header-reg .account{
  margin-right: 30px; font-size:10px;color:#ccc;
}
.header-reg .account a{color:#666;font-size:14px;}
.header-reg .contact-us img{
  display: inline-block;
  padding-left: 10px;
}
.adout-title{
    position: relative;
    text-align: center;
    clear: both;
    
}
h2.title {
    clear: both;
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
}

.title span {
    padding: 0 20px;
    z-index: 2;
    position: relative;
    display: inline-block;
    background: #fff;
}
/* .short{
    text-transform: uppercase;
} */
.home-about .adout-img img:last-child{
    padding-right: 0px;
}
.home-about .about-description{
    padding-top: 20px;
    clear: both;
}
.home-about .about-description p{
    margin-bottom:0px;
}
.home-variety{
    margin-top: 0px;
}
.home-variety .video-gallery ul li{
    background-color: #EAEAEA;
    list-style: none;
    float: left;
    text-align: center;
    color: #000;
    font-weight: 600;
    margin-left:0px;
    margin-right: 10px;
}
.home-variety .video-gallery{
  height: 243px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
.home-variety .video-gallery ul {
    width: 999999px;
    margin-left: 7%;
}
.home-variety .related-slider-left {
    width: 7%;
    background-image: url("../images/left.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    position: absolute;
    /* left: 7%; */
    /* top: 0; */
    z-index: 9;
}
.home-variety .related-slider-right {
    width: 5%;
    background-image: url("../images/right.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}
.home-variety .video-gallery ul li:hover{
    background-color: #0060AD;
    color: #fff;
}
.home-variety .video-gallery ul li a:hover{
    color: #fff;
}
.home-variety .video-gallery .short-title{
    display: inline-block;
    height: 37px;
    line-height: 37px;
}
.home-hotpro .category-products ul li{
    list-style: none;
    margin-left: 0px;
    width: 22%;
    margin-right: 3%;
}
.home-link table{
  width: 30%;
  margin: 20px 35%;
}
.home-link table tr{
  height: 30px;
}
.home-link table a{
  text-decoration: underline;
}
.home-hotpro .product-name{
    text-transform: capitalize;
}
.home-hotpro .product-image{
    border:none;
}
.home-hotpro .more{
    text-align: center;
    font-style: italic;
    margin-bottom: 40px;
}
.home-hotpro .morelink{   
    border:1px solid #000;
    font-size: 16px;
    padding: 5px 30px;
}
.pricebox{
  color:#1bbc9b;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  height: 100%;
  display: flex;
  align-items: center;
}
.header_bottom {position: relative;width:100%;}
.header_bottom .nav_navlist {width:99.6%; display:block;}
.header_bottom .header_b_box {background:#1bbc9b;}
.header_bottom .header_b_box .nav_header {width:100%; position:relative;}
.header_bottom .header_b_box .nav_header span {color: #fff;text-transform: uppercase; text-shadow: none; font-size: 18px;font-family: Lato;padding-top: 18px;line-height:50px;padding-left:15px;}
.header_bottom .header_b_box .nav_header .nav_button { background:none;height:50px;width:50px; font-size:20px; position:absolute; z-index:99; right:5px; top:0px; border:none; outline:none; cursor:pointer;}
.header_bottom .nav_navlist > li { display:inline-block; position:relative;}
.header_bottom .nav_navlist > li > a {padding: 15px 0px; display: block;text-transform: uppercase;color: #525252;font-size: 14px;}
.header_bottom .nav_navlist > li > a > span {padding:10px 18px;}
.header_bottom .nav_navlist > li:first-child a span { border-left:none;}
.header_bottom .nav_navlist  li a:hover {color:#1bbc9b;}
.header_bottom .nav_navlist > li  i  {position:absolute; right:5px; top:5px;padding:10px;}
.header_bottom .nav_navlist > li .navlist_menu {display:none; position:absolute; top:100%; padding:0 15px;left:0px; z-index:9999;box-shadow: 0 2px 3px rgba(0,0,0,0.3); background:#fff;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.header_bottom .nav_navlist > li .navlist_menu .sub_child {
    display:none;
   overflow: hidden;
    position: absolute;
    top: 0px;
    left: 220px;
    /*min-height: 220px;*/
    z-index: 9999;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.header_bottom .nav_navlist > li .navlist_menu .navlist_menuimg {float:right;}
.header_bottom .nav_navlist > li .navlist_menu h3 {line-height:30px;font-size: 14px;text-transform:uppercase;}
.header_bottom .nav_navlist > li .navlist_menu li {line-height:25px;}

@media screen and (max-width: 1200px){
    .header_bottom .nav_navlist > li > a > span {padding:10px 20px;}
}
@media screen and (min-width: 992px){

.header_bottom {background:#fff;border-top: 1px solid #ececef;border-bottom: 1px solid #ececef;}
.header_bottom .nav_button { display:none;}
.header_bottom .header_b_box {background:none;}
.header_bottom .nav_navlist > li i { display:none;}
.header_bottom .header_b_box .nav_header { display:none;}
.nav_fixed {position:fixed; left:0; top:0; z-index:999;box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);background:#fff;}
.header_bottom .nav_navlist > li .navlist_menu .row .nav_col {width:220px;}
.nav_navlist .row{
  float: left;
}
}
/****************end***************/

/**********About Page *************/
.about-title h1{
    text-transform: capitalize;
    font-size: 20px;
    font-weight: bold;
    color: #343537;
    padding-bottom: 10px;
    border-bottom: 1px solid #CECECE !important;
}
.about-img{
    float: left;
    padding-right: 20px;
}
.about-contact{
    float: left;
    background-color: #FF007F;
    padding: 5px 13px;
    border-radius: 7px;
    bottom: 0;
    margin-top: 54px;
}
.about-contact span{
    color:#fff;
    display: inline-block;
}
.about_leftmenu div{
    margin: 10px 0;
    text-transform: capitalize;
    font-size: 15px;
    padding-left: 10px;
}
.information{
    margin: 50px 0;
}
.information .table img{
    max-width: 10px;
    display: inline-block;
}
.information .table tr td:first-child{
    padding: 15px;
}
.information .table tr td:last-child{
    padding-left: 10px;
}
.about .page-title h1{
    text-transform: capitalize;
    font-size: 20px;
    color: #343537;
    padding-bottom: 10px;
    border-bottom: 1px solid #CECECE !important;
}
#contactForm p.required{
    display: none;
}
.about #contactForm{
    padding-left: 0px;
}
.about .fieldset .field{
     padding: 5px 0;
}
.about .fieldset ul li{
    list-style: none;
    margin-left: 0px;
    padding: 5px 0;
}
.about .fieldset ul li:first-child{
     padding: 0px 0;
}
.about .fieldset label{
    float: left;
    width: 15%;
    text-align: right;
    font-weight:500;
    margin-right: 10px;
}
.about .input-box{
    padding-top: 0px;
}
.form-list select{
    margin-top: 0px;
    height:38px;
    color: #878787;
}
.about .buttons-set{
    text-align: left;
    margin-left: 15.5%;
    border-top:none;
    padding-top: 0px;
}
.about .buttons-set button.button{
    float: left;
    max-width:135px;
    border-radius: 5px;
    text-transform: capitalize;
    font-size: 16px;
}
/****************end**************/
/************List & View Page*************/
.toolbar-top{
  position: relative;
}
.toolbar-top .ads{
    display: inline-block;
    position: absolute;
    width: 88%;
    top: -8px;
    left: 0px;
}
.toolbar-top .ads img{
  width: 100%;
}

.toolbar-top .toolbar{
    border-bottom: 1px solid #ddd; padding-bottom:6px;
}
.toolbar-bottom .pages{
    clear: both;
    margin-left:30%;
}
.toolbar-bottom .pages li{
    padding: 0px 6px;
}
.toolbar-bottom .pages li:first-child{
    width: 105px;
}
.pages a{
    color:#000;
    text-transform: capitalize;
}
.other-category-products .saveing span,
.category-products .saveing span{
    padding-top: 8px;
    display: block;
}
.other-category-products .saveing,
.category-products .saveing{
    color: #fff;
    font-size: 14px;
    text-align: right;
    border:1px solid #C3C3C1;
    width:50px;
    height:50px;
    border-radius:100% 0 0 0;
    background:#E72082;
    position: absolute;
    right: 0px;
    bottom: 104px;
}
.other-category-products .off,
.category-products .off{
    background: #FFA544;
    color: #fff;
    font-size: 14px;
    padding: 3px;
    border-radius: 5px;
}
.other-category-section{
  box-sizing: border-box;
  width: 100%;
  display: none;
}
.other-category-title{
  margin: 50px 0 20px 0;
}
.other-category-title h2{
  font-size: 28px;
  text-align: center;
}
.other-category-products-loading{
  margin-top: 20px;
  text-align: center;
  display:none;
}
.other-category-products-loading img{
  display:inline-block;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  vertical-align: middle;
}
.other-category-section-nodata{
  text-align: center;
  font-size: 14px;
  margin-top: 20px;
  /* display: none; */
}
.whyus h2{
  text-transform: capitalize;
  text-align: center;
  font-weight: bold;
  color:#000!important;
}
.whyus-top{
  max-width:1000px;
  margin: 20px auto;
  text-align: center;
}
.whyus-top ul li{
  width: 22%;
  list-style: none;
  float: left;
}
.whyus-top ul li img{
  display: inline-block;
}
.shortdes h3{
  text-transform: capitalize;
  font-weight: bold;
  margin-top: 10px;
  color: #000;
}
.whyus-content img{
  display: inline-block;
  margin-bottom: 10px;
}
.whyus-content .whyus-title{
  color: #000;
  font-weight: 500;
  margin: 20px 0;
  font-size: 16px;
}
/************end*************/
/*************contact us Page*****************/
.contactus{
    text-align: center;
}
.contactus h1,.contactus h3,.contactus strong{
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
}
.contactus span.lon{
    display: inline-block;    
}
.contactus div,.contactfrom{
    max-width: 1000px;
    margin: 0px auto;
}
.contactus .content p{
    margin: 0 13% 10px;
}
.contactus .contact-findus{
    border: 1px solid #ddd;
    margin: 25px auto;
}
.contactus .chat span{
    display: inline-block;
    margin-left: 20%;
}
.contactus .chat span:first-child{
    display: inline-block;
    margin-left: 0;
}
.contactfrom #contactForm{
    padding-left: 0;
    padding-top: 30px;
}
.contactfrom .page-title{
    display: none;
}
.contactfrom ul li.left{
    float: left;
    width: 50%;
}
.contactfrom ul li.right{
    float: right;
}
.contactfrom input,.contactfrom select{
    width:470px;
}
.contactfrom textarea{
    max-width: 500px;
}
.contactfrom .buttons-set{
    float: left;
    text-align: left;
    margin-left: 0px;
    border-top: none;
}
.contactfrom .buttons-set button.button{
    margin-left: 9px;
    border-radius: 5px;
    max-width:130px;
}
.contactfrom label{
    font-weight:500;
}
.contactfrom .warning{
    color:#FB660C;
    font-size: 12px;
}
/************end*************/
/************Product View Page***************/
.product-view .product-collateral,.product-view .product-inquiry{
    max-width: 1200px;
    margin: 0 auto;
}
.product-view .tab-content img{
    max-width: 100%;
}
.product-view .tab-content table tr{
    line-height: 30px;
}
.product-view .product-shop .product-name .h1,.product-view .product-img-box .product-name h1{
    text-transform: capitalize;
    color: #222;
   font-size: 18px;
    line-height: 20px;
}
.product-options{
    border:none;
}
.product-options-bottom{
    border:none;
    background-color: #fff;
}
.product-view .add-to-cart{
    border-bottom: none;
}
.product-view p.required{
    display: none;
}
.select-weaches{
    width: 100%;
}
.product-view .product-options .select-weaches .clearfix{
  width: 83%;
}
.product-view .product-options .select-weaches{
    background-color: #f6f6f6;
    margin: 10px 0;
    padding: 5px 0 0 3px;
}
.product-view .product-options .swatch-attr .select-label{
    display: none;
}
.product-view .product-options .leftlabel{
    width: 17%;
    float: left;
    color:#B6B6B6;
}
.swatch-label{
    background: #fff;
    border-radius: 0px;
}
.product-view .add-to-cart
{    background: #eeeeee;
    border-radius: 3px;
    width: 100%;
    float: left;
    padding: 24px 20px 24px 20px;
    margin-top: 20px;}
.product-view .add-to-cart label {
    line-height: 25px;
    color: #636363;
    font-weight: normal;
}
.product-view .add-to-cart .qty-wrapper{
    display: inline-flex;
}
.product-view .add-to-cart .qty-wrapper .qty{
    height: 25px;
    width: 4.7em;
    border-radius: 0px;
}
.product-view .add-to-cart .qty-wrapper .qtybtn{
    display: inline-block;
    background: #F5F5F5;
    border:1px solid #ccc;
    width: 33px;
    text-align: center;
    height: 25px;
}
.product-view .add-to-cart .qty-wrapper .reduceQty{
    border-right: none;
}
.product-view .add-to-cart .qty-wrapper .addQty{
    border-left: none;
}
.product-view .product-shop .price-info .price-box{
/*    background: url('../images/usd.png') no-repeat;
    padding-left: 40px;*/
    float: none;
    min-height: 35px;
    z-index: 999;
    line-height: 40px;
    display: inline-block;
}
.product-view .price-info .tot{
    line-height: 55px;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}
.product-view .product-essential{
    margin-bottom: 20px;
}
.product-view .product-shop{
    position: relative;
}
.add-to-box .price-box{
    display: inline-block; margin:0; padding-left:5px;
}
.add-to-box .price-box .price{
    font-weight: 500;
    font-size: 20px; 
}
.product-view .product-shop .price-info{
    float: none;
    margin-bottom: 0px;
    text-align: left;
}
.product-view .product-shop .price-info .usdimg{
    display: inline-block;
}
.product-view .add-to-cart-buttons .button{
    min-height:35px;
    line-height: 35px;
    width: 40%;
    padding:0px;
    font-size:14px;
    margin-right: 25px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.product-view .paybottom{
    clear: both;
    position: relative;
    max-width: 160px;
}
.product-view .add-to-cart-buttons .paypal-logo .paypal-or{
    display:none;
    position: absolute;
    top: 10px;
    left: -45px;
}
.product-view .add-to-cart-buttons .paypal-logo .paypal-button{
    position: absolute;
    left: 0px;
    top: 3px;
	width:160px;
}
.product-view .paybottom .proinquiry{
    /*margin: 20px;*/
    clear: both;
    background: #FF6600;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    color: #fff;
    position: absolute;
    left: 186px;
    top: 5px;
}
.product-view .off{
    clear: both;
    background: #FFA544;
    width: 150px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 3px;
    border-radius: 5px;
}
.off a{
    color: #fff;
}
/************end*************/
/*reviews for add image*/
.add-image {
  background-color: #1bbc9b;
  color: #FFF;
  border:2px solid #1bbc9b;
  margin-left: 10px;
  float: left;
  text-decoration: none!important;
}
.add-image:link,.add-image:active,.add-image:visited,.add-image:hover {
  color: #FFF;
}
.btn-mini {
  display:inline-block;
  background-color:#dedede;
  padding:0 12px;
  border-radius:3px;
  cursor: pointer;height:36px; line-height:36px;
  text-decoration: none!important; margin:5px 0 0;
  color: #C00;
}

.box-img div{
    line-height: 30px;
    width: 100% !important;
    float: none !important;
    margin-bottom: 3px;
}
.input-box-image .input-box input{
    display: inline;
}
.form-list .required{
    display: block;
}
.product-tabs-content .comment-container, .tab-content .comment-container{
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
}
.product-tabs-content .comment-container .avatar-image, .tab-content .comment-container .avatar-image{
    float: left;
    margin: 0 10px 0 0;
}
.product-tabs-content .comment-container .meta, .tab-content .comment-container .meta{
    margin: 5px;
}
.product-tabs-content .comment-container .ratings-list, .tab-content .comment-container .ratings-list{
    float: right;
}
.product-tabs-content .comment-container .ratings-list .label, .tab-content .comment-container .ratings-list .label{
    display: inline-block;
    vertical-align: top;
    min-width: 60px;
    text-align: left;
    line-height: 20px;
}
.rating-box{
    display: inline-block;
}
/*--------回到顶部--------*/
#back-top {background: #232323;bottom: 85px; display: none; height: 40px; position: fixed; text-align: center; color: #fff; right: 12px; width: 40px; line-height: 40px; z-index: 9999; cursor: pointer; border: 1px solid #fff;}
#back-top:hover {background:#1bbc9b;}
/*.back-to-top {
    z-index: 8000;
}
.back-to-top {
    top: 232px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 0;
    text-align: center;
    width: 80px;
    z-index: 10000;
    background-color: #E4E4E4;
}
.back-to-top img {
    display: inline;
    vertical-align: middle;
}
.back-to-top span.arrow-up {
    position: absolute;
    top: -19px;
    -webkit-animation: bounce .4s ease-in-out infinite alternate;
    animation:bounce .4s ease-in-out infinite alternate;
}*/
/*----------------列表页 筛选---------------*/
.filter_view .block-content{
    margin-top: 0px;
}
@media only screen and (min-width: 771px){
    .filter_view .block-layered-nav .block-content > dl > dt{
        border: none;
        background-color: #fff;
        text-transform: capitalize;
        padding: 5px 15px;
        float: left;
    }
    .filter_view .block-layered-nav .block-content > dl > dd{
        padding:0px;
        border: none;
        width:85%;
        margin-left: 15%;
    }
    .filter_view ol li{
        float: left;
    }
    .filter_view .configurable-swatch-list{
        clear: none;
        margin-left: 0px;
    }
    .filter_view #narrow-by-list dd .configurable-swatch-list li{
        width: 14%;
    }
    .filter_view #narrow-by-list dd .swatch-label{
        background: #fff;
        border: none;
        padding: 0px;
        color: #636363;
    }
    .filter_view a{
        color: #636363;
    }
    .filter_view #narrow-by-list dd .swatch-label:hover,.filter_view ol li a:hover{
        color: #1bbc9b;
    }
    
}
.swatches-split-label,
.product-view .product-options dt label{
    color: #636363;
    font-weight: normal;
    font-size: 14px;
    line-height: 36px;
}
.product-view .product-options dt label{
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 3px;
  color: #000;
}
.product-view .required{
    display: inline-block;
}
.product-view .product-options em, .product-view .product-options p.required{
    display: none;
}
/*label.required em{
    float: right;
    font-style: normal;
    position: absolute;
    top: 0;
    right: -8px;
}*/
.product-view .product-options  dl{
    clear: both;
    overflow: hidden;
    margin-bottom: 0;
    padding-left: 0px; margin-top:4px;
}
.product-view .product-options dt {
  line-height: 24px;
    text-align: left;
    padding-left: 0px;
    width: 99%;
}
.product-options dt {
    font-weight: normal;
}
.product-options dl.last dd.last {
    border-bottom: 0;
    margin-bottom: 0;
}
.product-view .product-options dd {
    border: none;
    width: auto;
}
.product-options dd {
    margin: 0 0 5px;
    padding: 5px 0px 0px;
}

.product-view-options-group._is_split .product-view-options-group-label,
.product-view-options-group._is_split .product-view-options-group-list{
  position: absolute;
  top: -9999px;
}
.swatches-split-group{
  box-sizing: border-box;
  width: 100%;
}
.swatches-split-group::after{
  content: '';
    display: table;
    clear: both;
}

.swatches-split-item._disable{
  color: #acacac;
  background-image:linear-gradient(to bottom right,transparent,transparent calc(50% - 1px),#acacac 50%,#acacac 0,transparent calc(50% + 1px));
}
.swatches-split-list{
  margin: 5px 0;
}
.swatches-split-list,
.product-view .product-options .swatches-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 8px;
}
.product-view .product-options .swatches-container{
  gap: 12px;
}
.swatches-split-item,
.product-view .product-options .swatches-container a.swatch-span {
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    color: #333; 
    cursor:pointer; 
    background-position:right bottom;
    padding: 5px 10px;
    position: relative;
}
.product-view .product-options .swatches-container a.swatch-span{
  padding: 12px 12px 12px 12px;
  color: #000; 
  border: 1px solid #000000;
  border-radius: 8px;
  font-size: 16px;
font-weight: 400;
}
.product-view .product-options .swatches-container .prohibit {
  cursor: default !important;
  color: #E6E6E6 !important;
}
.swatches-container .prohibit  .swatch-optionname{
	color: #E6E6E6 !important;
  }
/* .product-view .product-options .swatches-container a.prohibit::before, .product-view .product-options .swatches-container a.prohibit::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(164deg, transparent 49%, #E6E6E6 47%, #E6E6E6 53%, transparent 53%), 
              linear-gradient(15deg, transparent 49%, #E6E6E6 47%, #E6E6E6 53%, transparent 53%);
  top: 0;
  left: 0;
  z-index: 1;
} */
.product-view .product-options .swatches-container a.prohibit{
  background: linear-gradient(164deg, transparent 49%, #E6E6E6 47%, #E6E6E6 53%, transparent 53%), 
              linear-gradient(15deg, transparent 49%, #E6E6E6 47%, #E6E6E6 53%, transparent 53%);
}
.product-view .product-options .swatches-container a.swatch-span .elmspan {
  background-color: #fff;
  padding: 0 3px;
  position: relative;
  /* z-index: 10; */
}
.swatches-split-item.current,
.product-view .product-options .swatches-container a.current{
        background: url(../images/secbg.png) #fff right bottom no-repeat;
    border: 2px solid #1bbc9b;
    color: #333;
}
.product-view .product-options .swatches-container a.current{
  background: unset;
   border: 1px solid #01754A;
   color: rgba(1, 117, 74, 1.00);
}
.star_score a{height: 14px;  display: block;  text-indent: -999em;  position: absolute;  left: 0;}
.star_score a.clibg {  background: url(../images/starsy.png);  left: 0;}
.star_score a{height: 24px;  display: block;  text-indent: -999em;  position: absolute;  left: 0;}
.star_score a.clibg {  background: url(/skin/frontend/yisainuo/wap/images/202508251530.png);  left: 0;}
.ratings .left>div{float: left;margin-bottom: 10px; height: 14px;}
.p-v-box {
  display: none;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
}
.p-v-box {
  display: none;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
}
.star_score {background: url(/skin/frontend/yisainuo/wap/images/202508251531.png);height: 24px;  position: relative;float: left;margin-right: 5px;}
.help_left .help_content{
    text-transform: capitalize;
}
.help_left .help_content li{
    padding-bottom:10px;
}
.help_left .help_content li span{
    color: #B21239;
    padding-right: 5px;
}
#product_video {
    width: 100%;
    height: 100%;
}
#product_video .backbg {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    z-index: 10;
    position: fixed;
    top: 0px;
    left: 0px;
}
#product_video .cent {
    margin: auto;
    position: fixed;
    z-index: 9999;
    padding: 20px;
    background: #fff;
}
#product_video .cent .closevideo {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 22px;
    height: 22px;
    background: url("../images/fancyboxvideo.png") no-repeat;
    cursor: pointer;
}
.home-about .main-content{
  width: 100%;
  display: inline-block;
}
.home-about .main-content img{
  width: 100%;
}
.home-about .main-content .adout-left-img{
  width: 20%;
  float: left;
  margin-right: 20px;
}
.home-about .main-content .about-des{
  width: 85%;
  margin:10px auto;
}
.home-about .about-des .des-title{
  font-size: 18px;
  color: #000;

}
.home-about .about-des .leftlogo{
  width: 30%;
  float: left;
}
.home-about .main-content .adout-right-img{
  width: 20%;
  float: right;
}
.contact-main.show {
    background: #626262 none repeat scroll 0 0;
    border-radius: 0 0 0 4px;
    position: fixed;
    right: 0;
    top: 164px;
    width: 80px;
    z-index: 999;
}
.livechart {
    background: #e4e4e4;
    padding-top: 15px;
    padding-bottom: 15px;
}
.livechart a {
    display: block;
}
.livechart .shopping-cart{
  width: 29px;
  background: url(../images/cartri.png) no-repeat;
  height: 29px;
  display: inline-block;
}
.btn .cartcount {
    position: relative;
    top: -8px;
}
.cartcount {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    border-radius: 10px;
}
.menu-ads{
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 20px;
}
.menu-ads ul{
  width: 100%;
}
.menu-ads ul li{
  width: 32%;
  list-style: none;
  float: left;
  margin-left: 15px;
}
.menu-ads ul li img{
  width: 100%;
}
.menu-ads ul li:first-child{
  margin-left: 0px;
}
/*2017-01-16 产品图片上添加加入购物车等*/
@media only screen and (min-width: 770px) {
.payment-methods dt{
  height: 60px;
}
.shipping-method-step .shipment-methods dd{
  height: 35px;
}
.products-grid .actions{
    display: none;
}
}
.products-grid .actions{
  background: #fff;
  background: rgba(224, 217, 217, 0.7); 
  max-height: 33px;
  min-height: 15px; 
  padding-top: 0px;
  position: absolute;
  top: 55%;
}
.products-grid .actions a{
 line-height: 33px;
 padding-right: 10px;
 font-size: 16px;
}
.products-grid .actions a.link-compare{display:none;}
#payment_form_paypal_express{
  display: none;
}
.top-heading{ overflow:hidden;}
.top-heading h1{margin:0;}
.customer_account_plus{
  box-sizing: border-box;
  width: 608px;
  margin: 35px auto 0 auto;
  padding: 16px;

  background-image: url('https://cdn.asteriahair.com/media/wysiwyg/wap/202506270936.jpg');
  background-size: 100% auto;
}
.customer_account_plus_header{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.customer_account_plus_title{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  color: #000;
  font-size: 12px;
  font-weight: 700;
}
.customer_account_plus_title .icon{
  font-size: 16px;
  margin-left: 4px;
}
.customer_account_plus_left{
  color: #000;
  font-size: 12px;
  font-weight: 400;
}
.customer_account_plus_tips{
  margin-top: 12px;
  font-size: 17px;
  font-weight: 700;
  color: #036141;
}
/**plus***/
.cart-page_plusbox{
	box-sizing: border-box !important;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.checkout_plus_container{
	position: relative;
  box-sizing: border-box !important;
	width: 100%;
	overflow: hidden;
	padding: 15px;
	color: #000;
  background-image: url('https://cdn.asteriahair.com/media/wysiwyg/wap/202506270936.jpg');
  background-size: 100% auto;
}
.checkout_plus_container_header{
	display: flex;
    align-items: center;
	font-size: 12px;
	font-weight: 700;
}
.checkout_plus_container_header .icon{
	font-size: 16px;
	margin-left: 4px;
}
.checkout_plus_title{
	/* display: flex;
	align-items: center; */
    font-size: 17px;
	font-weight: 700;
	margin-top: 15px;
  text-align: left;
}
.checkout_plus_discounttips{
	color: #036141;
}
.checkout_plus_limitdate{
	font-size: 12px;
	font-weight: 400;
	margin-top: 8px;
	line-height: 20px;
  text-align: left;
}
.checkout_plus_price{
	display: flex;
	align-items: center;
	margin-top: 12px;
	
}
.checkout_plus_price ._nowprice{
  font-size: 17px;
	font-weight: 700;
  color: #000;
}
.checkout_plus_price ._lineprice{
	font-weight: 400;
  font-size: 12px;
	margin-left: 10px;
	color: #acacac;
	text-decoration: line-through;
}
.checkout_plus_switchbtn{
	position: absolute;
	right: 15px;
	bottom: 15px;
	box-sizing: border-box;
	width: 36px;
	height: 22px;
    /* padding: .0533rem; */
	background-color: #c2c2c2;
	border-radius: 12px;
}
.checkout_plus_switchbtn ._dot{
	position: absolute;
	top: 50%;
	right: calc(100% - 2px);
	transform: translateY(-50%) translateX(100%);
    width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #fff;
	transition-property: all;
	transition-duration: 100ms;
}
.checkout_plus_switchbtn.active{
	background-color: #363636;
}
.checkout_plus_switchbtn.active ._dot{
	
	right: calc(2px);
	transform: translateY(-50%) translateX(0%);
}

.checkout_plus_top{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.checkout_plus_topleft{
	display: flex;
    align-items: center;
	font-size: 13px;
	font-weight: 600;
}
.checkout_plus_topleft .icon{
	font-size: 16px;
	margin-left: 4px;
}
.checkout_plus_topright{
	font-size: 12px;
	font-weight: 500;
}
.checkout_plus_usesave{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 12px;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
}
.checkout_plus_usesave ._save{
	font-weight: 700;
  font-size: 17px;
	color: #000;
}
.plus_qa_dialog{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
  box-sizing: border-box;
  width: 578px;
  background: #fff;
  border-radius: 12px;
  padding: 16px 24px;
  display: none;
}
.plus_qa_header{
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.plus_qa_close{
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 0;
}
.plus_qa_p{
  margin-top: 12px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
}
.plus_qa_p:first-child{
  margin-top: 19px;
}
/*2017-01-18 购物车添加加减按钮*/
.cart-table .product-cart-actions{
  position: relative;width:98px!important;padding:0; margin:0 180px;height:40px; overflow:hidden;
}
.cart-table .product-cart-actions .redQtyone{
  position: absolute;
  top: 0;
  height: 30px;left:0; line-height:30px;
  width: 26px;
}
.cart-table .product-cart-actions .addQtyone{
  position: absolute;
  right:0;
  top: 0;
  height: 30px;line-height:30px;
  width: 26px;
}
.cart-table .product-cart-actions .cart-links{overflow:hidden;clear:both; margin-top:40px; position:relative;left:-15px;}
.cart-table .product-cart-actions .btn-update{
  position: absolute;
  top: 45px;
  left: 10px;
}
/*刘丹利*/
.legend{font-size:16px; color:#444;text-transform: capitalize;}
.legend a{color:#3da8f3;}
.box-title h3{font-size:16px; color:#444; font-weight:normal;text-transform: capitalize;}
.box-title h3 a{ color:#3da8f3;}
.sub-title{font-size: 18px;color: #4691db;text-transform: capitalize;}
.box-content{overflow:hidden;}
.box-content address{ border:1px solid #ccc; padding:10px 20px; line-height:24px; border-radius:6px;}
.separator{ display:inline-block; padding:0 3px; font-size:16px;}
.data-table{ margin:15px 0;}
.required-entry{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d9dbdc;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;height:36px;
    padding: 10px 9px 8px;
    text-indent: 0.01px;
   }

.account-login{width:350px;margin: 80px auto;}
.account-login-img {width: 880px;margin: 0px auto;display: none;}
.account-login .page-title h1{text-align:center; font-size:24px; border-bottom:1px solid #eee; padding:20px 0;text-transform: capitalize;}
.new-users h2{ font-size:1.5em; color:#333; text-transform: capitalize;}
.registered-users h2{font-size:1.5em;color:#333; text-transform: capitalize;text-align:center;}
.registered-users .input-text {
    width: 360px;
}
.input-box {
  position: relative;
}
span.view {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 180px;
  font-size: 14px;
  font-weight: 600;
}
span.view.line{
  text-decoration: line-through;
}

.header-reg .contact-us{ display:none;}
.block-account,.block-cart{ padding:10px 15px;}
.block-cart{ border:1px solid #ddd; margin-top:15px;}
.block-cart .block-title{ margin:0; font-size:14px; line-height:1; text-align:center;}
.block-cart .block-title strong{ font-size:14px; color:#333;}
/*wgh*/

.categories-col{ border:1px solid #ddd; border-top:0; margin-bottom:10px;}
.featuredleft{ border:1px solid #ddd;}
/*用户中心*/
.block-account{ border:1px solid #E6E4E4; background:#f8f8f8;}
.box-content{ line-height:30px;}
.block-content .summary .amount a{ color:#1bbc9b;}
.block-content .block-subtitle{ padding:8px 5px; 
    font-weight: bold;
    background: #eee;
    margin-top: 10px;}

.block-content .subtotal .price{color:#1bbc9b;}
.block-account li{ height:32px; line-height:32px; margin:0; border-radius:3px; padding-left:10px;}
.block-account li.current{ border:1px solid #ddd; background:#fff;}
.block-title{ font-size:20px; height:40px; line-height:40px;}
.block-title strong{ font-size:18px; color:#666;}
.form-list .control label{ background:#fff;}
.my-account .addresses-list h2{ text-transform:capitalize; font-size:18px;}
.addresses-primary h3{ font-size:16px; color:#333;}
.my-account .addresses-list .item{box-shadow: 1px 3px 4px 0px #E6E6E6;
    border: 1px solid #eee;
    background: #f9f9f9;padding:10px;}
.my-account .addresses-list .item a{ color:#1bbc9b;}
.pages{overflow:hidden;}
.pages li{float:left;}
#mw_rewardpoints_coupon{overflow:hidden;}
#mw_rewardpoints_coupon .couplft{float:left; overflow:hidden; margin-top:10px;}
#mw_rewardpoints_coupon .couplft label{display:block; overflow:hidden; margin-bottom:10px;}
#mw_rewardpoints_coupon .couprit{float:left;margin:38px 0 0; overflow:hidden;height:38px;}

/*产品详情评价*/
#customer-reviews dl dt .dj{ line-height:22px; color:#666; margin-bottom:10px; float:left;}
#customer-reviews dl dt .dj span{ margin-right:10px; margin-bottom:8px; color:#1bbc9b; font-size:16px;}
#customer-reviews dl dt .dk{margin-left:0px;width:100%;}
#customer-reviews dl dt .dk span.ding em{ font-style:normal; color:#333; padding:0 5px;}
#customer-reviews dl dt .dk .pl-name{
  margin:0 0 5px;
  display: flex;
  align-items: center;
  gap: 8px;
}
#customer-reviews dl dt .dk span.ding{ display:none; background-image:url(../images/plbg.jpg); background-repeat:no-repeat; padding-left:25px;  height:20px;}
#customer-reviews dl dt .dj{ display:none}
#customer-reviews dl dt .dj span.hufu a{ background-position:0 -40px;}
#customer-reviews dl dt .dj span.hufu a:hover{ background-position:0 -60px;}
#customer-reviews dl dt .dj .tximg {
    width: 60px;
    height: 60px;
    float: left;
    margin: 8px 20px 0 0;
}
#customer-reviews dl dt .dj .tximg {width:60px;height:60px;}
.gw_firecheckout_points{padding:10px;}
.gw_firecheckout_points span.mw_rewardpoints{font-weight:bold;padding:0 5px;}
.gw_firecheckout_points #mw_use_max_points{padding:5px 20px 5px; background:#1bbc9b; border-radius:3px; border:none;color:#fff;}
/*购物车步骤*/
.shopcart_nav {    background-color:#f0f0f0;    line-height: 30px;    font-size: 13px;    color: #333;    text-align: center;    padding: 8px 0; margin-bottom:15px;}
.home-tips {background-color: #f0f0f0;
  line-height: 30px;
  font-size: 13px;
  color: #333;
  text-align: center;
  padding: 8px 0;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;}
  .home-tips_img {
    width: 26px;
    margin-right: 10px;
  }
  .home-tips_img img {
    vertical-align: middle;
  }
  .home-tips_text {
    color: #000;
    height: 30.8px;
    line-height: 30.8px;
    overflow: hidden;
  }
.shopcart_nav i.iconfont { background:#ddd;    margin: 4px 10px;    width: 27px;    height: 1px;    display: inline-block;    overflow: hidden;}
.shopcart_nav .col_666, .shopcart_nav .col_ff0 {    color: #333;    font-size: 16px;    font-weight: bold;}
.liu_wishlist{height:40px; line-height:40px; text-align:center;}
.liu_wishlist .icon{font-size:16px; margin-right:5px;}
#form-validate{overflow:hidden;}
#form-validate .fieldset{float:left;width:46%; padding:0 2%;}
.sharebox{
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin:20px 0;
    display: none;
}
.sharebox a{margin:0 5px;}
.liu_pro_imgbox{width:200px; margin-right:15px;}
.data-table tbody td .redQtyone{    width: 30px;
    height: 36px;
    background: #eee;
    display: block;
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
    border: 1px solid #ddd; border-right:none;}
.data-table tbody td .addQtyone{    width: 30px;
    height: 36px;
    background: #eee;
    display: block;
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
    border: 1px solid #ddd; border-left:none;}
.data-table tbody td input[type=text].qty{float:left;border-radius:0;}
/*详情页关联产品*/
#block-related{overflow:hidden; margin:25px 0;display: flex;flex-wrap: wrap;justify-content: left;}
#block-related li{width:23%;padding:0 1%;clear: inherit; margin:0; margin-bottom: 9px;}
#block-related .item .product{margin:0;display: flex;}
#block-related .item .product .product-image {
  height: 100px;
}
#block-related .item .product .product-details {
  margin-left: 10px;
}
#block-related li:after{display:none;}
.final-price{display:block; font-size:16px; overflow:hidden; margin-top:45px; clear:both; text-align:center;}
.add-to-cart-alt{width:140px;}
.bml_button{display:none;}
/**产品详情页评论模块*/
.pinglun{ 
  width: 100%;
  height: 229px;
  background: rgba(249, 249, 249, 1);
  padding: 24px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 24px auto;
}
.pbmid{ overflow:hidden; width:auto!important;}
.pbmid li{ margin-bottom:10px; height:20px;}
.rating-box{ overflow:hidden; background:url(../images/starky.png) repeat-x; width:75px; height:20px; position:relative;}
.rating{ overflow:hidden; width:84px; background:url(../images/starsy.png) repeat-x; position:absolute; top:0; left:0; height:20px;}
.scroll-box{ float:left; overflow:hidden;height: 15px;width: 71px;margin-right: 4px; background:url(../images/scroll_bar_off.jpg) no-repeat; position:relative; margin:2px 12px;}
.scroll-rating{ float:left; max-width:68px; height:13px; background:url(../images/scroll_bar_on.jpg) no-repeat; position:absolute; left:1px; top:1px;}

.rating-percent{ float:left; height:20px; line-height:20px;}
.starlist li h3{ font-size:18px!important; font-weight:normal; height:30px; line-height:30px;}
.starlist li{height:auto; }
.starlist li p{ display:block;}
.pbrit button{ height:40px; border-radius:3px; line-height:40px;  padding:0 30px; margin:5px 0; background:#ff8261; color:#fff; border:none;}
.pbrit button span.review-sp{ display:inline-table; background:url(../images/shuru.png) no-repeat left center;width:30px;height:30px; background-size:30px; float:left; margin:5px;}
.like-tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:26px; font-weight:normal; color:#333; font-family:"courier_newregular"; text-transform:uppercase;}
.like-tit i{ height:1px; width:80px; background:#333; margin:0 auto 10px; display:block;}

.pblft {
  overflow: hidden;
  width: 240px;
  padding-right: 30px;
}
.f-left {
  float: left;
}
.pbmid {
  overflow: hidden;
}

.pbmid {
  overflow: hidden;
  width: 300px;
  padding-right: 30px;
  padding-left: 60px;
  border-left: 1px solid #ddd;
}
.form-add{ padding:0 20px 20px; overflow:hidden; background:#fff;}
#customer-reviews .pinglun .form-add {
  padding: 10px 0;
  text-align: center;
}
#customer-reviews .pinglun .review-nologged a {
  color: red;
}
.featuredleft .ver_subtitle {
  color: #000;
  text-align: left;
  margin: 0 auto;
  background: #fff;
  border: none;
  height: initial;
  padding: 0 0 16px !important;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 25.2px;
}
.sortBox .product-name {
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.sortBox .tellUsNow {
  clear: both;
  width: 100%;
  margin-top: 30px;
  background: #f5f5f5;
  padding: 20px 0;
}
.sortBox .tellUsNow .tellUsTitle {
  font-size: 20px;
  text-align: center;
  padding-bottom: 20px;
}
.sortBox .tellUsNow .tellUsNowBox {
display: flex;
justify-content: center;
}
.sortBox .tellUsNow .tellUsNowBox a {
    width: 250px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 18px;
    border-radius: 13px;
    background-color: #000;
    text-align: center;
    margin: 0 10px;
}

.customer-account-index .sortBox .col-main,
.customer-account-edit .sortBox .col-main,
.customer-address-index .sortBox .col-main,
.sales-order-history .sortBox .col-main,
.review-customer-index .sortBox .col-main,
.wishlist-index-index .sortBox .col-main,
.newsletter-manage-index .sortBox .col-main,
.customer-address-form .sortBox .col-main,
.rewardpoints-rewardpoints-index .sortBox .col-main,
.rewardpoints-invitation-index .sortBox .col-main{
  width: 78%;
  float: right;
}
.customer-account-index .sortBox .col-left,
.customer-account-edit .sortBox .col-left,
.customer-address-index .sortBox .col-left,
.sales-order-history .sortBox .col-left,
.review-customer-index .sortBox .col-left,
.wishlist-index-index .sortBox .col-left,
.newsletter-manage-index .sortBox .col-left,
.customer-address-form .sortBox .col-left,
.rewardpoints-rewardpoints-index .sortBox .col-left,
.rewardpoints-invitation-index .sortBox .col-left{
  width: 20%;
  float: left;
}
/* 隐藏账户页侧边栏购物车 */
.sortBox .col-main .block-cart {
  display: none;
} 
.product_timeBox {
  width: 678px;
  padding: 20px 45px;
  box-sizing: border-box;
  background-image: linear-gradient(to right, #db2021, #fc8b04);
}

.timeFlex {
  display: flex;
  justify-content: space-between;
}

.product_timeTitle,
.product_countdownTitle,
.timeOldPrice {
  color: #fff;
  font-size: 19px;
  text-transform: uppercase;
}

.timePriceBox {
  margin-top: 8px;
}

.timeOldPrice {
  font-size: 20px;
  text-decoration: line-through;
  margin-right: 5px;
}

.timeNewPrice {
  color: #e30002;
  font-size: 22px;
  padding: 6px 15px;
  border-radius: 6px;
  display: inline-block;
  background-color: #fff;
}

.product_countDownBox {
  margin-top: 8px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.product_daysBox,
.product_hoursBox,
.product_minutesBox,
.product_secondsBox {
  width: 41px;
  height: 41px;
  line-height: 41px;
  border-radius: 5px;
  color: #fff;
  background: #000;
  text-align: center;
}

.product_daysNum,
.product_hoursNum,
.product_minutesNum,
.product_secondsNum {
  font-size: 22px;
}

.product_division{
  padding: 0 5px;
  font-size: 25px;
}

.timeTips {
  text-align: center;
  margin-top: 20px;
  color: #fff;
  font-size: 19px;
}
/* PC端邮箱验证 */
.login-panelbg,
.points-mask  {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .7);
  z-index: 180;
}

.loading-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, .8) url('https://www.supernovahair.com/skin/frontend/thirdsite/pc/longyi/images/ajax-loading.gif') 50% 50% no-repeat;
}

.login-panelbox {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 715px;
  background-color: #fff;
  z-index: 999;
  display: none;
  border-radius: 15px;
}

.login-panelcon {
  padding: 40px 55px 42px;
  position: relative;
  text-align: center;
}

.login-panelclose {
  position: relative;
  cursor: pointer;
}
.login-closel, .login-closer {
  position: absolute;
  top: -25px;
  right: -25px;
  width: 3px;
  height: 20px;
  background: #000;
  border-radius: 3px;
  transform: rotate(-45deg);
}
.login-closer {
  transform: rotate(45deg);
}
.login-paneltit {
  font-weight: 700;
  color: #000;
  font-size: 27px;
  border-bottom: 1px solid #e0dede;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.login-paneltit i {
  color: #df280a;
  font-size: 13px;
  display: block;
  font-weight: 500;
  padding-top: 15px;
  font-style: normal;
}

.login-paneltxt ul {
  padding: 0 15%;
}

.login-paneltxt ul li {
  list-style: none;
  text-align: left;
  padding-bottom: 10px;
}

.login-paneltxt ul li .lgform-listit {
  color: #000;
  font-size: 20px;
  margin-bottom: 12px;
}

.login-paneltxt ul li .lgform-listit em {
  color: #df280a;
  font-style: normal;
  font-weight: 500;
}

.firecheckout-set .input-box {
  position: relative;
}

.login-paneltxt ul li input {
  border: 1px solid #999;
  width: 100%;
  height: 48px;
  line-height: 48px;
  border-radius: 5px;
  padding: 0 8px;
  box-sizing: border-box;
  font-size: 14px;
}

.input-boxvad {
  color: #df280a;
  font-size: 13px;
  display: block;
  padding: 5px 0;
}

.forgetbox {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  padding: 10px 0 50px;
  font-weight: 500;
}

.forgetbox .forgetboxl {
  color: #df280a;
}

.forgetbox .forgetboxr a {
  color: #999;
}

.lgform-listbtn {
  color: #fff;
  background-color: #1bbc9b;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 22px;
  letter-spacing: 1px;
  border: 0;
  width: 100%;
  border-radius: 5px;
  line-height: 50px;
  cursor: pointer;
}
.couponPopup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999;
  transform: translate(-50%, -50%);
}
/* 详情页详情 */
.detailsTitle {
  text-align: center;
  margin: 20px 0;
}
.detailsTitle span {
  border: 1px solid #000;
  padding: 2px 50px;
  font-size:20px;
}
.detailsList {
  display: flex;
  justify-content: space-between;
}
.detailsBanner {
  margin: 20px 0;
  text-align: center;
}
.customer-account-create .register-account .form-list .control input.checkbox {
  margin-top: 5px;
  margin-right: 7px;
  margin-bottom: 18px;
}
/* 积分页 */
.rewardpoints-rewardpoints-index .form-list .control input.checkbox {
  float: none;
  margin: 0;
}
.rewardpoints-rewardpoints-index .form-list .control label {
  padding: 0;
  padding-left: 5px;
  font-weight: normal;
}
.dashboard .box-head a {
  font-size: 15px;
}
.rewardpoints-rewardpoints-index .box-account {
  clear: both;
}
.rewardpoints-rewardpoints-index .buttons-set {
  text-align: left;
  border-top: 1px solid #ccc;
}
.rewardpoints-rewardpoints-index .buttons-set button.button {
  float: none;
}
/* 积分页 end */
.new_percent_word {
  background: #000;
  height: 36px;
  text-align: center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.proList-item_percent {
  position: static;
  background: none;
  color: #1bbc9b;
  font-size: 16px;
  font-weight: 600;
}
.proList-item_word {
  background: none;
  display: inline-block;
  font-size: 14px;
  color: #1bbc9b;
  line-height: 36px;
  height: 36px;
  margin-left: 10px;
}
.register-account .page-title {
  margin-top: 10px;
}
/* 结算页stripe */
.stripe-flex {
  width: 254px;
}
/* 结算页stripe end*/
/* 支付弹窗 */
.win-mask {
  display: none;
  position: fixed;
  z-index: 180;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.7)
}

.win-popup {
    display: none;
    width: 520px;
    padding: 35px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 181
}

.win-popup_close {
    position: absolute;
    z-index: 5;
    top: 15px;
    right: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    cursor: pointer
}
	/* 支付弹窗 end  */
  /* YouTube 嵌入视频样式 */
  .embed-container lite-youtube {
    max-width: 100% !important;
  }
    /* YouTube 嵌入视频样式 end*/
/**抽奖弹窗 start**/
.wheel-raffle-modal{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  /* z-index: 1000; */
  display:none;
}
.wheel-raffle-modal-container{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
  width:700px;
}
.wheel-raffle-modal-close{
  position: absolute;
  top: 0;
  right:0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #626262;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  z-index: 1;
}
.wheel-raffle-root{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  width: 700px;
  height: 700px;
  /* background-image: url('https://www.asteriahair.com/media/wysiwyg/home/202311021156.png');
  background-size: 100% 100%; */
}
.wheel-raffle-root .__bbbbg{
  position: absolute;
  top:0;
  left:0;
  width: 700px;
  height: 700px;
  /* z-index: 1; */
}
.wheel-raffle-pannel{
  box-sizing: border-box;
  position: relative;
  width: 600px;
  height: 600px;
  background-image: url('https://www.asteriahair.com/media/wysiwyg/home/202311021157.png');
  background-size: 100% 100%;
}
.wheel-raffle-item{
  position:absolute;
  text-align: center;
}
.wheel-raffle-item .icon-apple{
    font-size: 30px;
}
.wheel-raffle-item-title{
  max-width: 188px;
  word-break: normal;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
}
.wheel-raffle-item-tips{
  font-size: 18px;
  font-weight: 500;
  margin-top: 4px;
}
.wheel-raffle-item[data-index="1"] {
  top: 71px;
  left: 50%;
  transform: translateX(-50%);
}
.wheel-raffle-item[data-index="2"] {
  top: 170px;
  right: 60px;
  transform: rotateZ(60deg);

}

.wheel-raffle-item[data-index="3"] {
  bottom: 170px;
  right: 60px;
  transform: rotateZ(120deg);
}

.wheel-raffle-item[data-index="4"] {
  bottom: 68px;
  left: 50%;
  transform: translateX(-50%) rotateZ(180deg);
}

.wheel-raffle-item[data-index="5"] {
  bottom: 170px;
  left: 60px;
  transform: rotateZ(240deg);
}

.wheel-raffle-item[data-index="6"] {
  top: 170px;
  left: 60px;
  transform: rotateZ(300deg);
}

.wheel-raffle-pointer{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: absolute;
  width: 290px;
  height:290px;
  padding-top: 24px;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
  background-image: url('https://www.asteriahair.com/media/wysiwyg/home/202311021158.png');
  background-size: 100% 100%;
  cursor: pointer;
}
.wheel-raffle-pointer-tips{
  display: none;
}
.wheel-raffle-pointer-tips p{
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  color: #fff;
}
.wheel-raffle-pointer[data-status="inputemail"] .wheel-raffle-pointer-filed{
    display: block;
}
.wheel-raffle-pointer[data-status="goraffle"] .wheel-raffle-pointer-tips{
  display: block;
}
.wheel-raffle-pointer-filed{
  box-sizing: border-box;
  width: 210px;
  display:none;
}
.wheel-raffle-emailinput{
  display:block;
  width:100%;
  height:40px;
  border: 1px solid #707070;
  border-radius: 3px;
  font-size: 16px;
  text-align: center;
}
.wheel-raffle-err-tips{
  font-size: 12px;
  color: #ff3838;
  display: none;
}
.wheel-raffle-startbtn{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 3px;
  margin-top: 6px;
}
.wheel-raffle-emailinput::placeholder{
  color:#B9B9B9;
}

.wheel-raffle-rule{
  box-sizing: border-box;
  width: 100%;
  padding: 0 56px;
  margin-top: 8px;
}
.wheel-raffle-rule p{
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  font-weight: 400;
}

.wheel-raffle-resultbox{
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-image: url('https://www.asteriahair.com/media/wysiwyg/home/202311021401.png');
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wheel-raffle-result-title{
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}

.wheel-raffle-result-coupon{
  box-sizing: border-box;
  width: 420px;
  height: 300px;
  padding-top: 50px;
  background-image: url('https://www.asteriahair.com/media/wysiwyg/home/202306210951.png');
  background-size: 100% 100%;
}
.wheel-raffle-result-coupon.none{
  display:none;
}
.raffle-coupon-tips{
  color: #7B7B7B;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}
.raffle-coupon-msg{
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 7px 0 14px 0;
}
.raffle-coupon-code{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  height: 40px;
}
.raffle-coupon-code-copy{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 30px;
  background: #B1B1B1;
  font-size:14px;
  font-weight: 400;
  color: #fff;
  margin-left: 24px;
  cursor: pointer;
}
.wheel-raffle-result-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  min-width: 220px;
  max-width: 337px;
  height: 50px;
  margin: -34px auto 0 auto;
  background-color: #000;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
}
.wheel-raffle-result-btn.isNoAward{
  margin: 30px auto 0 auto;
  padding: 0 40px;
}
.wheel-raffle-result-bottom{
  margin-top: -10px;
}
.wheel-raffle-result-bottom p{
  font-size: 14px;
  font-weight:400;
  color: #7b7b7b;
  line-height: 24px;
  text-align: center;
}
/**抽奖弹窗 end**/
/**抽奖结果提示条 start**/
.wheel-raffle-resultbar{
  position: fixed;
  bottom:0;
  left:0;
  box-sizing: border-box;
  width: 100%;
  padding-top: 20px;
  z-index: 11111111;
  display:none;
}
.wheel-raffle-resultbar.show{
  display:block;
}
.wheel-raffle-resultbar-box{
  box-sizing: border-box;
  display:flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  width: 100%;
  height: 45px;
}
.wheel-raffle-resultbar-inner{
  position: relative;
  display:flex;
  justify-content: center;
  align-items: center;
}
.wheel-raffle-resultbar:hover .wheel-raffle-resultbar-close{
  display: flex;
}
.wheel-raffle-resultbar-close{
  position: absolute;
  right:0;
  top: 0;
  transform: translate3d(200%,-140%,0);
  /* display:flex; */
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 20px;
  background-color: #626262;
  cursor: pointer;
  color: #fff;
  display:none;
}
.wheel-raffle-resultbar-close .icon{
  display:block;
}
.wheel-raffle-resultbar-content{
  font-size: 12px;
}
.wheel-raffle-resultbar-content b.resultbar-code,
.wheel-raffle-resultbar-content span{
  font-size: 18px;
  font-weight: bold;
}
.wheel-raffle-resultbar-content b{
  font-size: 14px;
  font-weight: normal;
}
.wheel-raffle-resultbar-copy{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 30px;
  width: 110px;
  height: 20px;
  background-color: #19BD9B;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  cursor: pointer;
}
/**抽奖结果提示条 end**/

/* 买一送一弹窗 */
.freePopup {
  width: 696px;
  height: 420px;
  padding: 55px 55px 35px 55px;
  box-sizing: border-box;
  background: url('/media/wysiwyg/Popup/1689151901.png') no-repeat;
}
.freePopup-endTime {
  padding-top: 18px;
  font-size: 20px;
  text-transform: uppercase;
  color: #404040;
  text-align: center;
}
/* 买一送一弹窗end */
/* sign up 弹窗 start */
.new-popup{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(0, 0, 0, .8); */
  /* z-index: 1000; */
  display:none;
}
.new-popup-container{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
  background-color: #fff;
  padding: 20px;
}
.new-popup-container-content{
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(https://www.asteriahair.com/media/wysiwyg/home/1696476240.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px;
    height: 346px;
    width: 468px;
    margin-top: 10px;
    position: relative;
}
.new-popup-container-content img{
  width: 206px;
  height: 99px;
  margin-bottom: 20px;
}
.new-popup-container-img {
  position: absolute;
  top: 8px;
  right: 4px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.new-popup-container-content div{
  width: 150px;
  height: 40px;
  background-color: #000;
  color: #fff;
  font-size: 14px;
  margin-top: 40px;
  text-align: center;
  /* cursor: pointer; */
  line-height: 40px;
}
.new-popup-container-content .new-popup-content-img {
  position: absolute;
  top: 2px;
  width: 130px;
  height: 38px;
  right: 2px;
}
/* sign up 弹窗 end */
/* ------------ */
.product-buy-model {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  z-index: 2;
  display: none;
}

.product-buy-model-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 500px;
}

.product-buy-model-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  z-index: 3;
}

.overlay-purchased {
  width: 15%;
  height: auto;
  font-size: 16px;
  color: #fff;
  background-color: #000;
  padding: 30px 20px 30px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  text-align: center;
  z-index: 9;
  display: none;
}

.overlay-purchased .icon {
  font-size: 26px;
  margin-bottom: 10px;
}

.overlay-purchased p {
  color: #fff;
  font-size: 18px;
}
/* ------------ */

.payment-installments {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 10px
}
.product-view .payment-installments{
  margin: 16px 0 24px;
}
.payment-logos {
  display: flex;
  margin-left: 10px
}
.payment-installments img.pay-logo {
  width: 64px;
  height: 20px;
  /* height: 16px; */
  margin-right: 10px;
  border-radius: 2px
}
.payment-installments img.question-mark {
  cursor: pointer;
  width: 18px;
  height: 18px
}
.installment-description-container {
  position: fixed;
  background: rgba(0,0,0,.8);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 9999999999
}
.installment-desc-img {
  max-height: 800px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0)
}
.express-info {
  display: flex;
  align-items: center;
  border: 1px solid rgba(34, 36, 38, 0.15);
  margin: 20px 0 10px 0;
}
.ex-info-item {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 10px 4px;
  font-size: 14px;
  box-sizing: border-box;
  align-self: stretch;
}
.ex-info-item .svg__icon {
  fill: currentColor;
  width: 1.5em;
  height: 1.5em;
  color: #000;
  font-size: 18px;
}
.ex-info-item-title {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
.ex-info-item-date {
  font-size: 14px;
}
.ex-info-one,
.ex-info-two {
  border-right: 1px solid rgba(34, 36, 38, 0.15);
  position: relative;
}
.ex-info-one::after,
.ex-info-two::after {
  display: block;
  position: absolute;
  z-index: 2;
  content: '';
  top: 50%;
  right: 0;
  border: medium none;
  background-color: #fff;
  width: 1.14285714em;
  height: 1.14285714em;
  border-style: solid;
  border-color: rgba(34, 36, 38, 0.15);
  border-width: 0 1px 1px 0;
  -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
  transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
  -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
  transform: translateY(-50%) translateX(50%) rotate(-45deg);
}
.lise_sort {
  width: 1200px;
  margin: auto;
}
.lise_sort>div {
  display: flex;
  justify-content: space-between;
}
.lise_sort .top {
  margin-bottom: 40px;
}
.lise_sort img {
  width: 565px;
  height: 342px;
}
.rev_img_ch_influencer:before {
  content: url("https://www.asteriahair.com/media/wysiwyg/customer_share/influencer-tab.png");
  vertical-align: middle;
  margin-right: 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.dtselect.rev_img_ch_influencer:before {
  content: url("https://www.asteriahair.com/media/wysiwyg/customer_share/influencer-tab-focus.png");
}
.lise_sort {
  width: 1200px;
  margin: auto;
}
.lise_sort>div {
  display: flex;
  justify-content: space-between;
}
.lise_sort .top {
  margin-bottom: 40px;
}
.lise_sort img {
  width: 565px;
  height: 342px;
}

/* quickview */
.quickview-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .7);
  display: none;
  z-index: 999;
}
.quickview-bg {
  position: relative;
}
.quickview-content {
  width: 750px;
  height: auto;
  min-height: 320px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  background: #fff;
  padding: 30px 20px;
  box-sizing: content-box;
  border-radius: 8px;
  box-shadow: 0px 2px 20px #ddd;
}
.quickview-content__image {
  width: 35%;
  float: left;
}
.quickview-content__info {
  width: 62%;
  float: right;
}
.quickview-content__name {
  font-size: 16px;
  margin-right: 20px;
  max-height: 50px;
  padding-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.quickview-content__option--title {
  color: #666;
  font-weight: 500;
}
.quickview-content__option--required {
  color: #ff0075;
}
.quickview-content__option--values {
  position: relative;
  margin-bottom: 7px;
}
.quickview-content__option--value {
  min-width: 94px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 6px 3px;
  text-align: center;
  cursor: pointer;
  user-select: none;
  display: inline-block;
  font-weight: 500;
}
.quickview-content__option--value.current {
  background-color: #1bbc9b;
  color: #fff;
}
.quickview-content__option--input {
  visibility: hidden;
  position: absolute;
}

.quickview-content__qty {
  overflow: hidden;
  line-height: 40px;
  display: flex;
}
.quickview-content__qty--title {
  height: 35px;
  line-height: 35px;
  width: auto;
  padding-right: 10px;
}
.quickview-content__qty--buttons {
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-right: 18px;
  float: unset;
}
.quickview-content__qty--reduce {
  width: 40px;
  color: #666;
  font-weight: 700;
  border: none;
  outline: 0;
  height: 40px;
  background: #eee;
  float: left;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAASElEQVQ4T2NkoBAwUqifYdQABmqFAb+YEgMrozlJMfKX4QrD+5eXIbEgKK7LwMygS5IBv/+fYPj46t5oNFItGkkKflTFFMcCAFpjCxElkYQnAAAAAElFTkSuQmCC);
  background-position: center;
  background-repeat: no-repeat;
}
.quickview-content__qty--value {
  width: 92px;
  font-size: 16px;
  float: left;
  height: 40px;
  border: none;
  text-align: center;
}
.quickview-content__qty--add {
  width: 40px;
  color: #666;
  font-weight: 700;
  border: none;
  outline: 0;
  height: 40px;
  background: #eee;
  float: left;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAVklEQVQ4T2NkoBAwUqifgeYGGEBdeAGXSwm5oAGqEUZjmDP4DAD52R/JnQ5Q9gEksY0MDAzwMEH3AsiAAAIGbMBnAHogDcFARPcCxQmJYFYhlJBobwAAORwOESKi/GcAAAAASUVORK5CYII=);
  background-position: center;
  background-repeat: no-repeat;
}
.quickview-content__price--sale {
  margin: 0 10px 0 0;
  font-size: 22px;
  font-weight: 600;
  color: #1bbc9b;
}
.quickview-content__price--old {
  display: inline-block;
  color: #999;
  text-decoration: line-through;
}
.quickview-content__price--discount {
  color: #1bbc9b;
  border: 1px solid #1bbc9b;
  margin: -10px 0 0 13px;
  border-radius: 20px;
  padding: 0px 12px;
  display: inline-block;
  font-size: 15px;
}
.quickview-content__submit {
  clear: both;
  margin-top: 10px;
}
.quickview-content__submit--cart {
  width: 35%;
  height: 44px;
  border: 0;
  text-align: center;
  color: #fff;
  font-size: 15px;
  line-height: 44px;
  border-radius: 3px;
  cursor: pointer;
  font-weight: 600;
  margin-bottom: 12px;
  background-color: #1bbc9b;
}
.quickview-content__submit--buy {
  width: 35%;
  height: 44px;
  border: 0;
  text-align: center;
  color: #fff;
  font-size: 15px;
  line-height: 44px;
  border-radius: 3px;
  cursor: pointer;
  background-color: #1bbc9b;
}
.quickview__close {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAA10lEQVRIS72UUQ0CMRBE3zlBCjjAAeAACTgAB+DgLIADcIIEsqQll9LuzpGU+2qa7bvt7HQGOn1DJy5/A6+BDbADnjNuswUWwCGfKTs28AjcgZUIN+gZuAHLFtj2c6ECz7WPBP3csqWxAm9CrTtveB7chUbgliwhVAGX8AtwAr40LR2k+jh3aedDqNrxtGtbK26RXt5UU5PiqMAjKWqDUqwo2a2maQiPHog3KBdeA0s+TfZqwlshJFmqgF9TcL23a2BLuL2YbPldhLE5I4L90shuP/+oG/gF0H9QF7Ut8A8AAAAASUVORK5CYII=);
  background-position: center;
  background-repeat: no-repeat;
}

/* 列表页弹窗 */
.weekly-product {
  font-family:'Outfit',Poppins, Poppins;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999;
}

.weekly-product .deal-container {
  width: 604px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  padding: 30px 23px;
  background-color: #effdfe;
}
.weekly-product .weekly-close-btn {
  color: #000;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  top: -2px;
  right: 6px;
  z-index: 100;
}
.weekly-product .deal-container-body {
  background-color: #fff;
  width: 100%;
}
.weekly-product .weekly-head {
  display: flex;
  justify-content: center;
  align-items: center;
}
.weekly-product .weekly-head>img {
    width: 32px;
    height: 32px;
}
.weekly-product .deal-title {
    font-size: 24px;
    text-align: center;
    padding-bottom: 23px;
    padding-top: 24px;
    margin: 0;
    font-weight: bold;

}

.weekly-product .deal-content {
    display: flex;
}

.weekly-product .wig-image {
    width: 300px;
    height: 300px;
    margin-left: 21px;
    flex: 0 0 auto;
}

.weekly-product .deal-details {
    text-align: center;
    padding: 0 24px 0 17px;
}

.weekly-product .wig-description-name {
    font-size: 20px;
    height: auto;
    line-height: 33px;
    font-weight: bold;
    text-align: center;
}
.weekly-product .wig-description-specification {
    font-weight: 600;
    font-size: 22px;
    text-align: center;
}
.weekly-product .fixed-options {
    font-size: 16px;
    text-align: center;
}

.weekly-product .price-img {
    width: 208px;
    height: 160px;
    margin: auto;
    position: relative;
}
.weekly-product .price-img>img {
    width: 208px;
    height: 160px;
}
.weekly-product .price-img .save {
    position: absolute;
    top: 62px;
    left: 90px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
}
.weekly-product .price-img .descend-price {
    position: absolute;
    top: 84px;
    left: 79px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
}
.weekly-product .price-img .descend-price span {
    font-size: 25px;
}
.weekly-product .price-img .original-price-left {
    position: absolute;
    top: 58px;
    left: 0;
    color: #A2A2A2;
    text-decoration-line: line-through;
    font-size: 14px;
}

.weekly-product .discounted-price {
    font-size: 44px;
    color: #3CA1AD;
    font-weight: 700;
    text-align: center;
    margin: 0;
}

.weekly-product .buttons {
    display: flex;
    justify-content: center;
    padding-top: 20px;
    background-color: #effdfe;
}

.weekly-product .shop-now, .other-options {
    width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    border-radius: 5px;
    border: none;
}

.weekly-product .other-options {
    background-color: #333333;
    cursor: pointer;
    margin-right: 20px;
}
.weekly-product .other-options:hover {
  color: #fff;
}

.weekly-product .shop-now {
    background-color: #06648c;
    cursor: pointer;
}
.weekly-product .next-weekly {
  width: 24px;
  height: 40px;
  background-image: url(https://www.asteriahair.com/media/wysiwyg/wap/1726302525.png) !important;
  background-repeat: no-repeat;
  right: 0;
  background-position: center;
}
.weekly-product .prev-weekly {
  width: 24px;
  height: 40px;
  background-image: url(https://www.asteriahair.com/media/wysiwyg/wap/1726302518.png) !important;
  background-repeat: no-repeat;
  left: 0;
}
/* 列表页弹窗结束 */

.ab-options .prohibit {
	cursor: default;
	color: #E6E6E6 !important;
  position: relative;
  }
  .ab-options .prohibit  .swatch-optionname{
	color: #E6E6E6 !important;
  }
  .ab-options .prohibit::before, .ab-options .prohibit::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(164deg, transparent 49%, #E6E6E6 47%, #E6E6E6 53%, transparent 53%), 
				linear-gradient(15deg, transparent 49%, #E6E6E6 47%, #E6E6E6 53%, transparent 53%);
	top: 0;
	left: 0;
	z-index: 1;
  }
  .ab-options .prohibit .elmspan {
	background-color: #fff;
	padding: 0 3px;
	position: relative;
	z-index: 10;
  }
  /* .zoomContainer {
    z-index: 999 !important;
  } */
  .add_coupons .coupons-line>img {
    width: 23px;
    height: 23px;
    margin-right: 10px;
  }
  /* 注册卷包开始 */
.register-popup {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
}
.register-popup__content {
  width: 300px;
  position:absolute;
  left: 50%;
  top: 50%;
  transform:translate(-50%,-50%);
  border-radius: 12px;
  background: #01754a;
}
.register-popup__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
}
.register-popup__close svg{
	width: 100%;
	height: 100%;
  }
.register-popup__bg-parcel {
  padding-top: 44px;
}
.register-popup__bg {
  height: 216px;
  background: url(https://www.asteriahair.com/media/wysiwyg/wap/1751416536.png) no-repeat;
  background-size: 100% auto;
}
.register-popup__form {
  padding: 0 31px 16px 31px;
  position: relative;
}
.register-popup__form input {
  width: 100%;
  height: 40px;
  border-radius: 8px;
  padding-left: 16px;
  border: 1px solid #000;
}
.register-popup__form input::placeholder {
  color: #999;
  transform: translateX(0);
  text-align: left;
}
.register-popup__form .drop-down {
  display: none;
  position: absolute;
  left: 31px;
  top: 43px;
  width: 238px;
  box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);
  border-radius: 14px 14px 14px 14px;
  height: 200px;
  padding-top: 10px;
  padding-bottom: 13px;
  padding-left: 12px;
  overflow-y: auto;
  background-color: #fff;
  z-index: 999;
}
.register-popup__form .drop-down::-webkit-scrollbar {
  width: 4px;
  background-color: #E3E3E3;
  border-radius: 2px;
}
.register-popup__form .drop-down::-webkit-scrollbar-thumb {
  background-color: #000;
  width: 4px;
  border-radius: 2px;
}
.register-popup__form .drop-down::-webkit-scrollbar-button {
  display: none;
}
.register-popup__form .drop-down li {
  font-size: 15px;
  color: #8C8C8C;
  padding: 5px 8px;
  cursor: pointer;
}
.register-popup__form .drop-down li:hover {
  background-color: #FFF7C9;
  border-radius: 10px;
}
.register-popup__form .drop-down li span {
  font-family: Montserrat, Montserrat;
  font-size: 12px;
  font-weight: 400;
  color: #000;
}
.register-popup-password-toggle[data-status="hide"] .icon-eyeshow, .register-popup-password-toggle[data-status="show"] .icon-eyehide {
  display: none;
}
.register-popup-password-toggle {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  right: 15px;
}
.register-popup-password-toggle .icon-eyeshow {
  width: 24px;
  height: 24px;
}
.register-popup-password-toggle .icon-eyehide {
  width: 24px;
  height: 24px;
}
.register-popup__phone {
  position: relative;
  margin-bottom: 15px;
}
.register-popup__phone .tel_tips {
  color: #ff2e6c;
  font-size: 12px;
  display: none;
}
.tel-code {
  width: 95px;
  height: 26px;
  position: absolute;
  top: 8px;
  left: 8px;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  font-size: 16px;
}
.nation_icon {
  flex: 0 0 auto;
}
.tel-code__pre {
  font-size: 11px;
  flex: 0 0 auto;
}
.register-popup__form--email {
  margin-bottom: 10px;
}
.register-popup__password-container {
  position: relative;
  display: none;
}
.register-popup__form--password {
  margin-bottom: 15px;
}
.register-popup__form--tel {
  text-indent: 80px;
}
.register-popup__email-error {
  margin-top: -8px;
  margin-bottom: 10px;
  color: #ff2e6c;
  font-size: 12px;
  display: none;
}
.register-popup__submit,
.register-popup__login {
  width: 100%;
  height: 45px;
  background: #000000;
  border-radius: 26px;
  margin: auto;
  text-align: center;
  line-height: 45px;
  font-family: Outfit, Outfit;
  font-size: 16px;
  color: #FFFFFF;
  display: block;
  border: 0;
  cursor: pointer;
}
.register-popup__login {
  display: none;
}
.tel-code__separator.rotate {
  transform: rotate(180deg);
}
.tel-code__list {
  position: absolute;
  top: 48px;
  width: 100%;
  background: #fff;
  max-height: 200px;
    overflow-y: scroll;
  display: none;
  z-index: 10;
}
.tel-code__list.show {
  display: block;
}
.tel-code__item {
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  cursor: pointer;
  display: flex;
  gap: 6px;
  font-size: 12px;
  height: 40px;
  padding: 3px 8px;
}
.tel-code__item.current {
  background: #f5f5f5;
}
.tel-code__item--name {
  border-right: 1px solid #ebebeb;
  padding-right: 6px;
}
.tel-code__item--sort {
  color: #c4c4c4;
  padding: 8px 8px 0;
}
.register-popup__notice {
  margin: 0 4px;
  margin-top: 10px;
  color: #fff;
  font-size: 10px;
  line-height: 1.5
}
.register-popup__error {
  color: #ff2e6c;
  font-size: 13px;
}
.register-popup__fixed {
  position: fixed;
  left: 0;
  top: 50%;
  cursor: pointer;
  z-index: 5;
  padding-top: 16px;
}
.register-popup__fixed .none_icon {
  width: 16px;
  height: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.register-popup__fixed .icon {
  width: 60px;
  height: auto;
}

.packaging_coupon_popup {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
.packaging_coupon_popup_content {
  width: 508px;
  position:absolute;
  left: 50%;
  top: 50%;
  transform:translate(-50%,-50%);
  border-radius: 16px;
  background: #fff;
  padding: 24px 24px 16px 24px;
}
.packaging_coupon_popup_content .coupon_popup_off_icon1 {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 32px;
  height: 32px;
}
   .packaging_coupon_popup_content .coupon_popup_off_icon1 svg {
	width: 100%;
	height: 100%;
  }
  .packaging_coupon_popup_content .title_one {
	font-size: 32px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 24px;
  }
  .packaging_coupon_popup_content .title_two {
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 16px;
  }
  .packaging_coupon_popup_content .title_three {
	font-size: 14px;
	font-weight: 400;
	color: rgba(166, 166, 166, 1);
	text-align: center;
	margin-bottom: 24px;
  }
  .packaging_coupon_popup_content.old .gift_box{
	display: none;
  }
   .packaging_coupon_popup_content.old .title_one {
	margin-bottom: 30px;
   }
	.packaging_coupon_popup_content.old .title_two {
	margin-bottom: 20px;
   }
  .packaging_coupon_popup_content .top_img {
	width: 460px;
	height: 292px;
	margin: auto;
	margin-bottom: 12px;
  }
  .packaging_coupon_popup_content .top_img img {
	display: block;
	width: 100%;
	height: 100%;
  }
	.packaging_coupon_popup_content .top_img .use {
	display: none;
  }
	.packaging_coupon_popup_content .top_img.use img {
	display: none;
  }

    .packaging_coupon_popup_content .top_img.use .use {
	display: block;
  }
.packaging_coupon_popup_content .coupon_part {
	box-sizing: border-box;
	padding-top: 20px;
	width: 100%;
	height: 209px;
	border-radius: 16px;
	background-color: rgba(232, 255, 248, 1);
  margin: auto;
  display: flex;
  position: relative;
}
.packaging_coupon_popup_content .coupon_part .item {
  width: 113px;
  height: 109px;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  position: relative;
  list-style: none;
  background-size: 100% auto;
}
.packaging_coupon_popup_content .coupon_part .item_one {
  margin-left: 3px;
  background-image: url(https://www.asteriahair.com/media/wysiwyg/wap/1751265518.png);

}
.packaging_coupon_popup_content .coupon_part .item_two {
  transform: translateX(-7px);
  background-image: url(https://www.asteriahair.com/media/wysiwyg/wap/1751265529.png);
}
.packaging_coupon_popup_content .coupon_part .item_three {
  transform: translateX(-7px);
  background-image: url(https://www.asteriahair.com/media/wysiwyg/wap/1751265538.png);
}
.packaging_coupon_popup_content .coupon_part .item_four {
  transform: translateX(-7px);
  background-image: url(https://www.asteriahair.com/media/wysiwyg/wap/1751265547.png);
}



.packaging_coupon_popup_content .password_tips {
  font-size: 14px;    
  color: #000;
  text-align: center;
  padding-top: 12px;
}
.packaging_coupon_popup_content .packaging_coupon_button {
  width: 386px;
  height: 48px;
  background-color: rgba(3, 97, 65, 1);
  border-radius: 26px;
  margin: auto;
  text-align: center;
  line-height: 48px;
  font-family: Outfit, Outfit;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  display: block;
  cursor: pointer;
  position: absolute;
  bottom: 16px;
  left: 37px;

}
/* 注册卷包结束 */
/* 黑五皮肤点缀 start */
.blackday-register-popup__content .register-popup__content{
  background: url('https://www.asteriahair.com/media/wysiwyg/wap/202411051651.png') no-repeat;
  background-size: 100% 100%;
}
.blackday-register-popup__content .register-popup__bg,
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .top_img,
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .coupon_part{
  opacity: 0;
}
.blackday-register-popup__content .register-popup__login,
.blackday-register-popup__content .register-popup__submit,
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .packaging_coupon_button{
  background: url('https://www.asteriahair.com/media/wysiwyg/wap/202411060946.png') no-repeat;
  background-size: 100% 100%;
  color: #8C8C8C;
}
.blackday-register-popup__content .register-popup__notice{
  display: none;
}
.blackday-register-popup__content .register-popup__close,
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .coupon_popup_off_icon1{
  background: url('https://www.asteriahair.com/media/wysiwyg/wap/202411051653.png') no-repeat;
  background-size: 100% 100%;
}
.blackday-packaging_coupon_popup .packaging_coupon_popup_content{
  background: url('https://www.asteriahair.com/media/wysiwyg/wap/202411061000.png') no-repeat;
  background-size: 100% 100%;
  height: 428px;
}
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .coupon_part .item{
  height: 53px;
  margin-bottom: 0;
}
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .packaging_coupon_button{
  border: 0;
  color: #F2E70C;
  width: 238px;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
}
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .coupon_part .item .right{
  left: 188px;
  top: 12px;
  z-index: 9;
}
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .coupon_part .item .right .copy{
  height: 30px;
}
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .coupon_popup_off_icon1{
  border: 0;
}
.blackday-page-link{
    display: block;
    margin-bottom: 16px;
    position: relative;
  }
.blackFriday-linktime2{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F2E70C;
  }
  .blackFriday-linktime-box2{
    position: absolute;
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
  }
  .blackFriday-link-cutdown{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-right: 10px;
  }
  .blackFriday-linktime-singo{
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #1BBC9B;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 600;
  }
  .blackFriday-linktime-punctuation{
    font-size: 24px;
    font-weight: 600;
    width: 11px;
    text-align: center;
  }
  .blackday-header .top-banner{
    background: url("https://www.asteriahair.com/media/wysiwyg/zhuantiye/202411191340.png") no-repeat;
	  background-size: 100% 100%;
  }
  .blackday-header .top-banner a,
  .blackday-header .top-banner a:hover{
    color: #F2E70C;
  }
  .blackday-product-view .add_coupons{
    border: 0;
    background: url("https://www.asteriahair.com/media/wysiwyg/zhuantiye/202411191343.png") no-repeat;
	  background-size: 100% 100%;
    color: #fff;
  }
  .blackday-product-view .add_coupons .zy-coupons1{
    color: #fff;
  }
  .blackday-product-view .blackday-coupons-color{
    color: #00FFCB;
  }
  .blackday-product-view .coupons-line{
    padding-left: 100px;
  }
  .blackday-product-view .coupons-color{
    color: #F2E70C;
  }
  .blackday-product-view.product-view .product-options .swatches-container a.swatch-span .elmspan{
    background: transparent;
  }
  .blackday-product-view .shopcartbtn .cartbtn{
    background: url("https://www.asteriahair.com/media/wysiwyg/zhuantiye/202411191341.png") no-repeat;
	  background-size: 100% 100%;
    color: #F2E70C;
    padding-left: 0;
  }
  .blackday-product-view .shopcartbtn .buybtn{
    background: url("https://www.asteriahair.com/media/wysiwyg/zhuantiye/202411191342.png") no-repeat;
	  background-size: 100% 100%;
    color: #F2E70C;
    padding-left: 0;
  }
  .return-popupblack .return-popup-content{
		background: url('https://cdn.asteriahair.com/media/wysiwyg/home/202511070934_1.png') no-repeat;
		background-size: 100% 100%;
		width: 288px;
		height: 431px;
		padding-top: 219px;
		box-sizing: border-box;
	}
	.return-popupblack .return_head{
		background: transparent;
		width: 100%;
		height: 190px;
		top: 0;
		left: 0;
	}
	.return-popupblack .return_head .discount .off,
	.return-popupblack .return_head .discount .code{
		width: auto;
	}
	.return-popupblack .return_head .discount .off{
		font-size: 40px;
		font-weight: 600;
		line-height: 50px;
		text-shadow: 
        -1px -1px 0 #fff,  
         1px -1px 0 #fff,
        -1px  1px 0 #fff,
         1px  1px 0 #fff;
		 color: rgba(229, 62, 62, 1);
		 top: 164px;
		 left: 26px;
	}
	.return-popupblack .return_head .discount .code{
		left: 171px;
		top: 180px;
		color: #fff;
		font-size: 16px;
		font-weight: 700;
		line-height: 20px;
	}
	.return-popupblack .return_popup_off_icon{
		top: 39px;
		right: 2px;
		left: auto;
    z-index: 99;
	}
	.return-popupblack .return_coupon .footer{
		border-top: 0;
		color: rgba(251, 191, 36, 1);
		justify-content: center;
		padding: 0 0 9px 0;
	}
	.return-popupblack .return_coupon .footer .item_count{
		line-height: 16px;
		font-size: 12px;
		font-weight: 500;
		padding-right: 18px;
		border-right: 1px solid rgba(251, 191, 36, 1);
		margin-right: 12px;
	}
	.return-popupblack .return_coupon .footer .price{
		color: rgba(251, 191, 36, 1);
		font-size: 12px;
		font-weight: 500;
	}
	.return-popupblack .return_coupon .checkout-btn{
		height: 46px;
		width: 169px;
		background: #000;
		color: #fff;
		position: absolute;
		bottom: -20px;
		left: 50%;
		transform: translateX(-50%);
	}
	.return-popupblack .coupon-savings{
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
		color: #fff;
		position: absolute;
		top: 136px;
		left: 35px;
	}
  .blackday-xuanfu{
		position: absolute;
		bottom: 8px;
		left: 50%;
		transform: translateX(-50%);
		width: 272px;
	}
  .blackday_position_box{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: 8px 0;
	}
  .ts-item-position-black{
		padding: 0 4px;
		border-radius: 4px;
		margin-right: 4px;
		font-size: 12px;
		font-weight: 700;
		line-height: 20px;
		background: linear-gradient(128.05deg, rgba(250, 231, 200, 1) 0%, rgba(249, 255, 235, 1) 27.29%, rgba(242, 215, 172, 1) 64.42%, rgba(232, 202, 153, 1) 100%);
	}
	.off-item-position-black{
		font-size: 12px;
		font-weight: 400;
		line-height: 18px;
		padding: 0 3px;
		border-radius: 4px;
		border: 1px solid rgba(229, 62, 62, 1);
		background: #000;
		color: #fff;
	}
  .looptimef_blackday .top_sale_item_bottom{
    background: #000;
    color: #fff;
    border: 1px solid rgba(208, 58, 58, 1);
  }
  .looptimef_blackday .top_sale_item_bottom .btn-shopnow{
    background: transparent;
    color: #fff;
  }
  .looptimef_blackday .top_sale_item_bottom .btn-shopnow span{
    color: rgba(208, 58, 58, 1);
  }
  .looptimef_blackday .top_sale_item_bottom .ti-pricebox .new-price{
    color: #fff;
  }
  .product-essential-black .add_detail-page-diff_price{
    background: rgba(229, 62, 62, 1);
    color: #fff;
  }
  .product-view .product-essential-black .product-options .swatches-container a.current{
    border: 1px solid rgba(229, 62, 62, 1);
    color: rgba(229, 62, 62, 1);
  }
  .new_coupons_black.add_coupons,
  .cart-totals-wrapper-blackday .newcoupon-contentroot{
    background: url('https://cdn.asteriahair.com/media/wysiwyg/home/202511061429.png') no-repeat !important;
    background-size: cover !important;
    background-position: center;
    border-radius: 12px;
    color: #fff;
  }
  .new_coupons_black.add_coupons.new_coupons .christmas-coupon{
    border-top: 1px solid #fff;
  }
  .product-essential-black .shopcartbtn .productciew_buynow,
  .product-essential-black .shopcartbtn .productciew_addtocart{
    background: url('https://cdn.asteriahair.com/media/wysiwyg/home/202511061429.png') no-repeat;
		background-size: cover;
		background-position: center;
		border: 1px solid rgba(229, 62, 62, 1);
  }
  .product-essential-black .shopcartbtn .productciew_addtocart{
    background: url('https://cdn.asteriahair.com/media/wysiwyg/home/202511061039-1.png') no-repeat;
    background-size: cover;
		background-position: center;
  }
  .cart-totals-wrapper-blackday .newcouponbox-titlemoney{
    background: rgba(229, 62, 62, 1);
    color: #fff;
  }
  .cart-totals-wrapper-blackday .newcoupon-contentitem p{
    color: #fff;
  }
  .cart-totals-wrapper-blackday .newcoupon-input-wrapper{
    border: 1px solid rgba(229, 62, 62, 1);
  }
  .cart-totals-wrapper-blackday .newcoupon-setbtn[data-status=active]{
    background: url('https://cdn.asteriahair.com/media/wysiwyg/home/202511061619.png') no-repeat;
    background-size: cover;
    background-position: center;
    text-shadow: 0 0px 7px rgba(229, 62, 62, 1), 0 0px 10px rgba(229, 62, 62, 1);
  }
  .cart-totals-wrapper-blackday .button,
  #review-buttons-container.buttons-set-blackday .btn-checkout{
    background: url('https://cdn.asteriahair.com/media/wysiwyg/home/202511061429.png') no-repeat;
    background-size: cover;
		background-position: center;
    text-shadow: 
        -1px -1px 0 #fff,  
         1px -1px 0 #fff,
        -1px  1px 0 #fff,
         1px  1px 0 #fff;
		 color: rgba(229, 62, 62, 1);
  }
/* 黑五皮肤点缀 end */

/**订单确认页抽奖  start**/
.checkout-raffle-section-title {
  position: absolute;
  width: 274px;
  height: 130px;
  top: -101px;
  left: 38px;
  background-image: url('https://www.asteriahair.com/media/wysiwyg/wap/1731401590.png');
	background-size: 100% 100%;
}
.checkout-raffle-section{
	box-sizing: border-box;
	position: relative;
	width: 355px;
	height: 447px;
  margin-left:auto;
  margin-right: auto;
	padding: 27px 27px 29px 27px;
	background-image: url('https://www.asteriahair.com/media/wysiwyg/wap/1731399836.png');
	background-size: 100% 100%;
  z-index: 10;
}
.checkout-raffle-section .prize {
  background: #FFEDC2;
  border-radius: 8px 8px 8px 8px;
  width: 292px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  position: absolute;
  left: 32px;
  bottom: 42px;
}
.checkout-raffle-section .time {
  height: 26px;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  position: absolute;
  bottom: 10px;
  left: 88px;
}
.checkout-raffle-rulesicon{
	position:absolute;
	top: 4px;
	right: 40px;
	width: 94px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.checkout-raffle-rulesicon span{
	text-decoration: underline;
	font-size: 14px;
	font-weight: 400;
	color: #0b0b0b;
	margin-right: 5px;
}
.checkout-raffle-rulesicon .icon{
    flex: 0 0 auto;
	font-size: 16px;
}
.checkout-raffle-root{
	box-sizing: border-box;
    position: relative;
	width: 100%;
	height: 100%;
	padding: 10px;
}
.checkout-raffle-go{
	position: absolute;
	top: 103px;
	left:103px;
	width: 95px;
	height: 95px;
	background-image: url('https://www.asteriahair.com/media/wysiwyg/wap/1731400557.png');
	background-size: 100% 100%;
}
.checkout-raffle-item{
	position: absolute;
  box-sizing: border-box;
	width: 95px;
	height: 95px;
	background: #fff;
	overflow: hidden;
}
.checkout-raffle-item.active{
	border: 5px solid #e4b74f;
  border-radius: 8px;
}
.checkout-raffle-item[data-index="1"]{
	top: 0px;
	left: 0px;
}
.checkout-raffle-item[data-index="2"]{
	top: 0px;
	left: 103px;
}
.checkout-raffle-item[data-index="3"]{
	top: 0px;
	right: 0px;
}
.checkout-raffle-item[data-index="4"]{
	top: 103px;
	right: 0px;
}
.checkout-raffle-item[data-index="5"]{
	right: 0px;
	bottom: 88px;
}
.checkout-raffle-item[data-index="6"]{
	left: 103px;
	bottom: 88px;
}
.checkout-raffle-item[data-index="7"]{
	left: 0px;
	bottom: 88px;
}
.checkout-raffle-item[data-index="8"]{
	left: 0px;
	top: 103px;
}
.checkout-raffle-item-img{
	display:block;
	width: 100%;
	height: 100%;
}
.checkout-raffle-item-img img{
	display:block;
	width: 100%;
	height: 100%;
}
.checkout-raffle-item-text{
	text-align: center;
  color: #000000;
  font-size: 12px;
	font-weight: 900;
  position: absolute;
  bottom: 4px;
  left: 0;
  height: 19px;
  line-height: 19px;
  width: 100%;
}
/* *抽奖规则*
.checkout-raffle-rulemodal{
	box-sizing: border-box;
  position: fixed;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%,0);
	width: 310px;
	border-radius: 4px;
	background-color: #fff;
  padding: 30px 0;
	display:none;
}
.checkout-raffle-rulemodal-close{
  width: 24px;
	height: 24px;
	margin: 0 auto;
}
.checkout-raffle-rulemodal-close .icon{
	display: block;
	width: 100%;
	height: 100%;
}
.checkout-raffle-rulemodal-title{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-top: 30px;
}
.checkout-raffle-rulemodal-body{
	box-sizing: border-box;
	width: 100%;
	margin-top: 30px;
	padding: 0 20px;
}
.checkout-raffle-rulemodal-body p{
	font-size: 12px;
	font-weight: 400;
	line-height: 28px;
} */
/* 下单礼品卡start */
.order-gift_cart_modal-outer {
  position: fixed;
  left: 0;
    top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
    z-index: 11;
  display:none;
}
.order-gift_cart_modal {
    width: 278px;
    height: 281px;
    border-radius: 12px;
    background: linear-gradient(159.26deg, rgba(225, 255, 204, 1) 0%, rgba(255, 255, 255, 1) 100%);
    border: 1px solid rgba(66, 150, 6, 1);
    /* position: relative; */
    padding:20px;
    box-sizing:border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.order-gift_cart_modal p{
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 16px;
    color: rgba(0, 0, 0, 1);
    text-align: center; 
}
.order-gift_cart_modal-content img{
    transform: scale(1.05);
}
.order-gift_cart_modal-close{
    position: absolute;
    cursor: pointer;
    left: 50%;
    transform: translate(-50%, -0%);
    top: -20%;
}
.order-gift_cart_modal-content{
    width: 100%;
    height: 100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
}
.order-gift_cart_modal-btn{
    border-radius: 8px;
    background: rgba(0, 0, 0, 1);
    width: 100%;
    height: 45px;
    font-size: 16px;
    font-weight: 500;
    color:#fff;
    line-height:45px;
    text-align:center;
    cursor: pointer;
}
/* 下单礼品卡end */
/**抽奖结果**/
.checkout-raffle-resmodal-big-box {
	position: fixed;
	left: 0;
  top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
  z-index: 11;
	display:none;
  }
.checkout-raffle-resmodal{
	box-sizing: border-box;
  position: fixed;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%,0);
	width: 278px;
	border-radius: 4px;
  background: linear-gradient( 180deg, #F6D079 0%, #E2B54C 100%);
  padding-top: 26px;
  padding-bottom: 29px;
  border-radius: 20px 20px 20px 20px;
  /* display:none; */
  z-index: 11;
}
.checkout-raffle-resmodal .lighting_effect_box {
  position: absolute;
  top: -90px;
  left: 0;
  width: 274px;
  height: 130px;
  z-index: 10;
}
.checkout-raffle-resmodal-close{
  position: absolute;
  top: -38px;
  left: 125px;
	width: 32px;
	height: 32px;
	margin: 0 auto;
  z-index: 11;
}
.checkout-raffle-resmodal-close img{
	display: block;
	width: 100%;
	height: 100%;
}
.checkout-raffle-resmodal-title{
	text-align: center;
  font-size: 22px;
  font-weight: 600;
	margin-bottom: 3px;
  height: 37px;
  line-height: 37px;
}


.checkout-raffle-resmodal-body{
	box-sizing: border-box;
	width: 216px;
  height: 190px;
  border-radius: 20px 20px 20px 20px;
  background-color: #fff;
  margin: auto;
	margin-bottom: 5px;
  display:flex;
	justify-content: center;
  align-items: center;
}
/* .checkout-raffle-resmodal-body[data-type="coupon"] .checkout-raffle-resmodal-coupon{
	display:flex;
}
.checkout-raffle-resmodal-body[data-type="points"] .checkout-raffle-resmodal-points{
	display:flex;
}
.checkout-raffle-resmodal-body[data-type="product"] .checkout-raffle-resmodal-product{
	display:block;
} */
.checkout-raffle-resmodal-coupon{

	box-sizing: border-box;
	width: 176px;
	height: 106px;
	background-image: url('https://www.asteriahair.com/media/wysiwyg/wap/1731462145.png');
	background-size: 100% 100%;
  position: relative;
}

.checkout-raffle-resmodal-coupon-money{
  position: absolute;
  left: 0;
  top: 0;
  font-size: 52px;
  font-weight: 600;
  color: #fff;
  width: 100%;
  text-align: center;
}
.checkout-raffle-resmodal-coupon-tips{
  position: absolute;
  left: 0;
  bottom: 5px;
  font-size: 19px;
	font-weight: 500;
  height: 31px;
  line-height: 31px;
  color: #fff;
  width: 100%;
  text-align: center;
}
.checkout-raffle-resmodal-coupon-text {
  margin-top: 5px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}

.checkout-raffle-resmodal-points{
	display:none;
	box-sizing: border-box;
	width: 100%;
	/* display: flex; */
	justify-content: center;
	align-items: center;
	margin-right: 10px;
}
.checkout-raffle-resmodal-points-icon{
	flex: 0 0 auto;
	width: 60px;
	height: 60px;
}
.checkout-raffle-resmodal-points-icon .icon{
	display: block;
	width: 100%;
	height: 100%;
}
.checkout-raffle-resmodal-points-num{
  font-size: 40px;
	font-weight: bold;
}
.checkout-raffle-resmodal-product{
	display:none;
	box-sizing: border-box;
	width: 100%;
}
.checkout-raffle-resmodal-product img{
	display: block;
	width: 90px;
	height: 90px;
	margin: 0 auto;
}
.checkout-raffle-resmodal-btn{
	box-sizing: border-box;
	width: 169px;
	height: 30px;
  line-height: 30px;
  text-align: center;
	margin: auto;
	background-color: #000;
  font-size: 18px;
	font-weight: 500;
	color:#fff;
  cursor: pointer;
  border-radius: 20px;
}
/**订单确认页抽奖  end**/
/* 圣诞节皮肤 */
.christmas-theme .register-popup__content{
	width: 278px;
	height: auto;
	background: url("https://www.asteriahair.com/media/wysiwyg/wap/202412161431.png") no-repeat;
	background-size: 100% 100%;
	border: 0;
}
.christmas-theme .packaging_coupon_popup_content{
	padding: 10px;
}
.christmas-theme .register-popup__bg{
	background: transparent;
}
.christmas-theme .register-popup__form{
	margin-top: 60px;
}
.christmas-theme .register-popup__notice{
	display: none;
}
.christmas-theme .register-popup__form input{
	background: rgba(1, 87, 48, 1);
}
.christmas-theme .tel-code{
	color: #fff;
}
.christmas-theme .tel-code__separator .icon path{
	fill: #fff;
}
.christmas-theme .register-popup__content input:-webkit-autofill,
.christmas-theme .register-popup__content input:-webkit-autofill:hover,
.christmas-theme .register-popup__content input:-webkit-autofill:focus,
.christmas-theme .register-popup__content input:-webkit-autofill:active {
	-webkit-transition-delay: 111111s;
	-webkit-transition: color 11111s ease-out, background-color 111111s ease-out;
}
.christmas-theme .register-popup__content input{
	-webkit-text-fill-color: #fff;
	caret-color: #fff;
}
.christmas-theme .register-popup__close,
.christmas-theme .packaging_coupon_popup_content .coupon_popup_off_icon1{
	top: 56px;
	right: 10px;
	left: auto;
	background: url('https://www.asteriahair.com/media/wysiwyg/wap/1723520482.png') no-repeat;
	background-size: 100% 100%;
	width: 26px;
	height: 26px;
  border: 0;
}
.christmas-theme .packaging_coupon_popup_content .coupon_popup_off_icon1{
	top: 2.5px;
  right: 2.5px;
}
.christmas-theme .packaging_coupon_popup_content{
	background: rgba(161, 29, 11, 1);
}
.christmas-theme .packaging_coupon_popup_content .top_img{
	width: 91px;
	height: 121px;
	background: url('https://www.asteriahair.com/media/wysiwyg/wap/202412161432.png') no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -75px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;
}
.christmas-theme .packaging_coupon_popup_content .coupon_part{
	background: rgba(3, 152, 86, 1);
	padding: 20px 12px 10px;
	box-sizing: border-box;
	border-radius: 12px;
}
.christmas-theme .packaging_coupon_popup_content .coupon_part .item{
	height: 66px;
	margin-bottom: 10px;
}
.christmas-theme .packaging_coupon_popup_content .coupon_part .item_one{
	background: url('https://www.asteriahair.com/media/wysiwyg/wap/202412161433.png');
	background-size: 100% 100%;
}
.christmas-theme .packaging_coupon_popup_content .coupon_part .item_two{
	background: url('https://www.asteriahair.com/media/wysiwyg/wap/202412161434.png') no-repeat;
	background-size: 100% 100%;
}
.christmas-theme .packaging_coupon_popup_content .coupon_part .item_three{
	background: url('https://www.asteriahair.com/media/wysiwyg/wap/202412161435.png') no-repeat;
	background-size: 100% 100%;
}
.christmas-theme .packaging_coupon_popup_content .coupon_part .item_four{
	background: url('https://www.asteriahair.com/media/wysiwyg/wap/202412161436.png') no-repeat;
	background-size: 100% 100%;
}
.christmas-theme .packaging_coupon_popup_content .coupon_part .item_five{
	background: url('https://www.asteriahair.com/media/wysiwyg/wap/202412161437.png') no-repeat;
	background-size: 100% 100%;
}
.christmas-theme .packaging_coupon_popup_content .packaging_coupon_button{
	width: 238px;
	height: 45px;
	line-height: 45px;
	border: 2px solid #fff;
	border-radius: 8px;
	background: linear-gradient(133.61deg, rgba(156, 18, 23, 1) 0%, rgba(220, 41, 17, 1) 65.26%, rgba(156, 18, 23, 1) 100%);
	position: absolute;
    bottom: -65px;
	left: 50%;
	transform: translateX(-50%);
}
.christmas-theme .packaging_coupon_popup_content .password_tips{
	margin-bottom: 0;
	padding-top: 0;
}
.christmas-theme .packaging_coupon_popup_content .coupon_part .item .code{
	font-size: 11px;
	left: 20px;
	bottom: 5px;
}
.christmas-theme .packaging_coupon_popup_content .coupon_part .item .right .code_bottom{
	font-style: normal;
	text-transform: capitalize;
}
.christmas-theme .packaging_coupon_popup_content .coupon_part .item .right{
	right: 20px;
	left: auto;
	font-size: 20px;
}
.christmas-theme .packaging_coupon_popup_content .coupon_part .item .right .christmas-copy{
	font-size: 12px;
	text-decoration: underline;
}
.christmas-theme .packaging_coupon_popup_content .coupon_part .item .right .copy{
	width: auto;
	height: auto;
	line-height: 15px;
	text-align: right;
}
.christmas-theme .christmas-top-icon{
	width: 52px;
	height: 32px;
  vertical-align: middle;
  margin-right: 5px;
}
.christmas-theme .add_coupons .zy-coupons1{
	background-image: url('https://www.asteriahair.com/media/wysiwyg/wap/202412161440.png');
	background-size: 93px 32px;
	padding: 5px 0 5px 110px;
	background-position: 3px center;
	margin-bottom: 10px;
}
.christmas-theme .texlist li{
	font-size: 13px;
}
.christmas-theme .add_coupons .christmas-coupon{
	border: 1px solid rgba(255, 195, 0, 1);
	border-radius: 4px;
	padding: 5px;
	position: relative;
}
.christmas-theme .add_coupons{
	padding: 10px;
}
.christmas-theme .add_coupons .coupons-line{
	background: rgba(3, 152, 86, 1);
	color: #fff;
  display: flex
  ;
      align-items: center;
}
.christmas-theme .add_coupons .coupons-line:nth-child(2){
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.christmas-theme .add_coupons .coupons-line:last-child{
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.christmas-theme .add_coupons .coupons-color{
	color: #fff;
}
.christmas-theme .add_coupons .coupons-line>.christmas-coupon-icon{
	margin-right: 0;
	width: 36px;
	height: 36px;
}
.christmas-theme .add_coupons .christmas-man{
	width: 59px;
	height: 149px;
	position: absolute;
	right: -5px;
	bottom: 5px;
}
.christmas-theme .texlist li strong{
	position: relative;
}
.christmas-theme .nav-l1-hot{
  background: url('https://www.asteriahair.com/media/wysiwyg/wap/202412161439.png') no-repeat;
  background-size: 100% 100%;
  width: 32px;
  height: 32px;
  top: -20px;
}
/* 圣诞节皮肤 end */
/* 下单送礼品卡 */
.tencopons-gifts{
	width: 100%;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: none;
  }
  .copons-gifts-box{
	height: 280px;
	width: 278px;
	background: url('https://cdn.asteriahair.com/media/wysiwyg/wap/202412181450.png') no-repeat;
	background-size: 100% 100%;
	padding: 20px;
	box-sizing: border-box;
	margin: 0 auto;
	display: block;
  }
  .copons-gifts-box-title{
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
	font-weight: 600;
  line-height: 20px;  
  }
  .copons-gifts-small-title{
	font-size: 10px;
	text-align: center;
	margin: 4px auto 8px;
  }
  .copons-gifts-card{
    width: 218px;
    height: 128px;
    margin: 10px auto 0;
    position: relative;
  }
  .copons-gifts-num{
	color: rgba(16, 54, 50, 1);
	font-weight: 600;
	text-align: center;
  }
  .copons-gifts-num-doller{
	font-size: 16px;
  position: absolute;
  top: 10px;
  left: 47px;
  }
  .copons-gifts-number{
	font-size: 88px;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  }

  .copons-gifts-valid{
    width: 100%;
	text-align: center;
	font-size: 14px;
  color: rgba(16, 54, 50, 1);
  position: absolute;
  top: 86px;
  left: 50%;
  transform: translateX(-50%);
  }
  .use-coppons-button{
	width: 238px;
	height: 45px;
	background: #000;
	text-align: center;
	line-height: 45px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	display: block;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 8px;
  }
  .tencopons-gifts-model-close{
	position: absolute;
	top: -65px;
	left: 50%;
	transform: translateX(-50%);
	width: 36px;
	height: 36px;
	border: 1px solid #fff;
	border-radius: 50%;
  }
  .tencopons-gifts-model-close img{
	width: 100%;
	height: 100%;
  }
/* 下单送礼品卡 end */
.id_428-popup{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
 }
 .id_317-popup{
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 999;
  max-width: 75.7%;
 }
 /* 登录注册改版 */
 .account-login .loginTitle,
 .account-create .loginTitle{
  display: flex;
  align-items: center;
  justify-content: center;
 }
 .account-login .loginTitle-line,
 .account-create .loginTitle-line{
  width: 2px;
  height: 18px;
  background: rgba(204, 204, 204, 1);
  margin: 0 29px;
 }
 .account-login .loginTitle h2,
 .account-create .loginTitle h2{
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
 }
 .account-login .loginTitle .loginBtn a,
 .account-create .loginTitle .loginBtn a{
  font-size: 18px;
  font-weight: 400;
  color: rgba(166, 166, 166, 1);
  line-height: 26px;
 }
 .account-login .login-form-list{
  margin-top: 24px;
 }
 .account-login .form-list .required,
 .account-create .form-list .required{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-left: 10px;
  margin-bottom: 4px;
 }
 .account-login .registered-users .required-entry,
 .customer-account-create .register-account .input-box .input-text{
  width: 100%;
  height: 56px !important;
  font-family: 'Outfit', 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding: 0 0 0 16px !important;
 }
 .account-login .registered-users .required-entry::placeholder,
 .customer-account-create .register-account .input-box .input-text::placeholder{
  font-weight: 400;
 }
 .account-login .form-list>li,
 .customer-account-create .form-list>li{
  margin-bottom: 16px;
 }
 .account-login span.view{
  position: absolute;
  top: 17px;
  right: 15px;
  transform: none;
 }
 .customer-account-login .account-login .buttons-set,
 .customer-account-create .account-create .buttons-set{
  padding-top: 0;
  margin: 0;
  border-top: 0;
 }
 .customer-account-create .account-create .buttons-set{
  margin-bottom: 16px;
 }
 .customer-account-login .account-login .buttons-set .login-submit,
 .customer-account-create .account-create .buttons-set .register-submit{
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: rgba(3, 97, 65, 1);
  color: #fff;
  border-radius: 24px;
  text-align: center;
  margin-top: 8px;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
 } 
 .account-login .forget-link{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  text-decoration: underline;
  margin-top: 16px;
 }
 .as-input-password-toggle {
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  right: 16px;
  top: 20px;
  display: none;
  cursor: pointer;
}
.as-input-password-toggle[data-status=hide] .icon-eyeshow, 
.as-input-password-toggle[data-status=show] .icon-eyehide {
  display: none;
}
.input-box .icon-delete{
  display: none;
  font-size: 16px;
  position: absolute;
  top: 20px;
  right: 16px;
  cursor: pointer;
}
.account-create{
  width: 350px;
  margin: 80px auto;
}
.account-create-fieldset{
  width: 100%;
  margin-top: 24px;
}
.account-create .register-popup__form--tel{
  width: 100%;
  height: 56px;
  border: 1px solid #d9dbdc;
  border-radius: 2px;
}
.account-create .tel-code{
  top: 16px;
}
.account-create .tel-code__list{
  top: 56px;
}
.customer-account-create .form-list .control{
  display: flex;
}
.account-create #form-validate .form-list .register-clause{
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}
.customer-account-create .control input.checkbox[type="checkbox"] {
  -webkit-appearance: none;
  outline: none;
  border: 1px solid #000;
  background: #FFF; 
  position: relative;
  border-radius: 2px;
}
.customer-account-create .control input.checkbox[type="checkbox"]:checked {
  background-color: #000;
}
.customer-account-create .form-list .control input.checkbox[type="checkbox"]:checked::after {
  content: "";
  display: block;
  width: 10px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url('https://cdn.asteriahair.com/media/wysiwyg/icon/202506231613.png');
  background-repeat: no-repeat;
  background-size: 100%;
}
.customer-account-create .tel-code{
  left: 16px;
  width: auto;
}
.customer-account-create .tel-code__pre{
  margin: 0 10px;
  font-size: 14px;
}
.customer-account-create .register-popup__form--tel{
  text-indent: 112px;
}
.customer-account-create .fi {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-size: auto 100%;
}
.customer-account-forgotpassword .forget-pagebox{
  width: 350px;
  margin: 50px auto;
  text-align: center;
}
.forget-pagebox .page-title h1{
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  padding-bottom: 0;
  margin-bottom: 0;
}
.forget-pagebox .field-set-tip{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 24px auto;
  color: #000;
}
.forget-pagebox .form-list .required{
  width: 100%;
  text-align: left;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 4px;
}
.forget-pagebox .input-box{
  margin-bottom: 36px;
}
.forget-pagebox .input-box .required-entry{
  width: 100%;
  height: 56px !important;
  border-radius: 1px;
  padding-left: 16px !important;
}
.forget-pagebox .buttons-set,
.change-password-page .buttons-set{
  margin: 0;
  padding-top: 0;
  border-top: 0;
}
.forget-pagebox .buttons-set a{
  width: 100%;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 24px;
  border: 1px solid #000;
  font-size: 16px;
  font-weight: 400;
  margin-top: 13px;
  padding: 0;
}
.forget-pagebox .validation-advice,
.change-password-page .validation-advice{
  text-align: left;
}
.forget-pagebox .buttons-set button.button,
.change-password-page .buttons-set button.button{
  float: none;
  width: 100%;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 24px;
  background: rgba(3, 97, 65, 1);
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin-left: 0;
  padding: 0;
}
.change-password-page .buttons-set button.button{
  margin-top: 8px;
}
.change-password-page{
  width: 350px;
  margin: 80px auto;
  text-align: center;
}
.change-password-page .page-title h1{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 24px;
  padding-bottom: 0;
  color: #000;
}
.change-password-page #form-validate .fieldset{
  width: 100%;
  padding: 0;
  float: none;
}
.change-password-page .form-list .required{
  text-align: left;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.change-password-page .form-list .required-entry{
  width: 100%;
  height: 56px !important;
  padding: 0 0 0 16px !important;
  font-size: 16px;
  font-weight: 400;
  border-radius: 1px;
}
.change-password-page .form-list .field{
  margin-bottom: 16px;
}
.customer-account-create .account-create .control .validation-advice{
  margin-left: 23px;
}
/* 注册登录弹窗 */
#login-model-root {
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 398px;
  background: #fff;
  padding: 58px 11px 24px 24px;
  border-radius: 16px;
  display: none;
}

.login-model--close {
  position: absolute;
  right: 24px;
  top: 24px;
  width: 32px;
  height: 32px;
}
.login-model--close .icon {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#login-model-_scroll {
  box-sizing: border-box;
  width: 100%;
  max-height: 484px;
  overflow-y: auto;
  padding: 0 11px 0 0;
}
#login-model-_scroll::-webkit-scrollbar-track {
  border-radius: 2px;
}
#login-model-_scroll::-webkit-scrollbar {
  height: 4px;
  width: 2px;
  border-radius: 2px;
}
#login-model-_scroll::-webkit-scrollbar-thumb {
  background-color: rgba(229, 229, 229, 1);
}
.login-modal-pannel {
  box-sizing: border-box;
  width: 100%;
}
.login-model-toggle-bar {
  display: flex;
  justify-content: center;
  align-items:center;
  width: 100%;
}
.login-model-toggle-bar-box {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}
.login-model-toggle-action {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: rgba(166, 166, 166, 1);
  cursor: pointer;
}
.login_popup-line {
  width: 2px;
  height: 18px;
  background: rgba(204, 204, 204, 1);
  margin: 0 29px;
}
#login-modal-login-form, #common-register-form-validate {
  box-sizing: border-box;
  width: 100%;
  margin-top: 24px;
  position: relative;
}
label.login_label_css {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #000;
  margin-bottom: 4px;
  margin-left: 10px;
  display: block;
}
.login-modal-thirdlogin-list{
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.login-modal-thirdlogin-list .escrowAccountTips{
  display: none;
}
.login-modal-thirdlogin-list .escrowAccount{
    width: 100%;
}
.login-modal-thirdlogin-list  .escrowAccountIcon{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.account-thirdParty_item{
  height: 44px;
  opacity: 1;
  border-radius: 8px;
  background: rgba(253, 234, 220, 1);
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  width: 100%;
  font-size: 24px;
  padding-left: 116px;
}
.login-modal-thirdlogin-list .account-thirdParty_item:last-child{
  margin-bottom: 0;
}
.account-thirdParty_item .poplogin-show{
  font-size: 13px;
  font-weight: 400;
  margin-left: 12px;
}
.login-modal-input-box {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 16px;
}
#login-model-root .login-modal-input, 
#login-model-root .login-modal-input-box select {
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  padding: 0 16px;
  box-sizing: border-box;
  border: 1px solid rgba(229, 229, 229, 1);
  height: 56px;
  border-radius: 1px;
}
.login-modal-input-password-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  font-size: 16px;
  top: 20px;
  right: 16px;
  user-select: none;
}
.login-modal-input-password-toggle[data-status="hide"] .icon-eyeshow,
.login-modal-input-password-toggle[data-status="show"] .icon-eyehide{
  display: none;
}
.login-modal-input-password-toggle[data-status="hide"] .icon-eyehide,
.login-modal-input-password-toggle[data-status="show"] .icon-eyeshow{
  display: block;
}
.login-modal-btn,
.login-model--submit {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background-color: rgba(3, 97, 65, 1);
  border-radius: 24px;
  margin-top: 8px;
  border: 0;
}
.login-modal--forget {
  display: block;
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  user-select: none;
  margin-top: 16px;
  text-decoration: underline;
}
.login-modal-thirdlogin {
  margin-top: 24px;
}
.login-modal-thirdlogin-title {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: rgba(172, 172, 172, 1);
  display: flex;
  align-items: center;
  width: 100%;
  margin: 24px 0 12px;
}
.login-modal-thirdlogin-title::before,
.login-modal-thirdlogin-title::after {
content: "";
flex: 1;
height: 1px;
background: #E0E0E0;
}

.login-modal-thirdlogin-title::before {
margin-right: 10px; /* 文字左侧间距 */
}

.login-modal-thirdlogin-title::after {
margin-left: 10px; /* 文字右侧间距 */
}
.inchoo_socialconnect-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  height: 44px;
  border-radius: 8px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color:#000;
  font-weight: 500;
  background: #FDEADC;
}
.inchoo_socialconnect-a img {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  margin-right: 15px;
}
.login-modal-input-group {
  display: flex;
  justify-content: space-between;
}
.login-modal-checkbox input {
  width: 16px;
  height: 16px;
  margin: 0px 7px 0 0;
}
.login-modal-checkbox label {
  box-sizing: border-box;
  width: 100%;
  display: block;
  position: relative;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #aaa;
}
.login-modal-checkbox label a {
  color: #aaa;
  text-decoration: underline;
}
.wg-input-password-toggle[data-status="hide"] .icon-eyeshow, .wg-input-password-toggle[data-status="show"] .icon-eyehide {
  display: none;
}
.login-modal-checkbox label .icon {
  display: none;
  position: absolute;
  top: 35%;
  left: 0;
  font-size: 24px;
  color: #000000;
  transform: translateY(-50%);
}
.login-modal-pannel .register-popup__phone {
  position: relative;
  margin-bottom: 0px;
}
.login-modal-pannel .register-popup__form--tel {
  text-indent: 112px;
  display: block;
  width: 100%;
  height: 56px;
  border-radius: 1px;
  box-sizing: border-box;
  border: 1px solid rgba(229, 229, 229, 1);
}
.login-modal-pannel .tel-code{
  top: 16px;
  left: 16px;
  gap: 10px;
  width: auto;
}
.login-modal-top-tips {
  position: relative;
  border-radius: 8px;
  margin-top: 24px;
  border: 1px solid rgba(255, 196, 148, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 37px 13px;
  box-sizing: border-box;
}
.login-modal-top-tips-position {
  position: absolute;
  left: 0;
  top: 0;
  width: 208px;
  height: 20px;
  opacity: 1;
  border-radius: 8px 0;
  background: #FFC494;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  line-height: 20px;
}
.login-modal-top-tips-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login-modal-top-tips.Register_tips{
padding: 32px 30px 16px;
}
.login-modal-top-tips-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: rgba(0, 0, 0, 1);
}
.login-modal-top-tips-item img{
  margin-bottom: 8px;
}
.login-modal-top-tips-bottom {
  display: flex;
  height: 24px;
  line-height: 24px;
  opacity: 1;
  border-radius: 8px;
  background: rgba(253, 234, 220, 1);
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 8px;
  margin-top: 18px;
  font-size: 14px;
  font-weight: 400;
}
.login-modal-top-tips-bottom img{
  margin-right: 8px;
  width: 16px;
}
#login-model-root .escrowAccountIcon .poplogin-show{
  display: block;
}
#login-model-root .fi{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-size: auto 100%;
}
.login-modal-pannel .login-modal-checkbox{
  margin-top: 16px;
  display: flex;
}
.login-modal-pannel .login-modal-checkbox:last-child{
  margin-top: 12px;
}
.register-popup__phone-copy{
  position: relative;
  margin-bottom: 16px;
}
.register-popup__phone-copy .tel_tips{
  color: #df280a;
  font-size: 12px;
  text-align: left;
  margin: 5px 10px 0;
  display: none;
}
.login-modal-checkbox input.checkbox[type="checkbox"] {
  -webkit-appearance: none;
  outline: none;
  border: 1px solid #000;
  background: #FFF; 
  position: relative;
  border-radius: 2px;
}
.login-modal-checkbox input.checkbox[type="checkbox"]:checked {
  background-color: #000;
}
.login-modal-checkbox input.checkbox[type="checkbox"]:checked::after {
  content: "";
  display: block;
  width: 10px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url('https://cdn.asteriahair.com/media/wysiwyg/icon/202506231613.png');
  background-repeat: no-repeat;
  background-size: 100%;
}
/* 注册登录end */
/* 详情页评论 */
.reviewsMore-new {
  width: 168px;
  margin: 8px auto;
}
.reviewsMore-new .starImg {
  background: url(../images/202508161629.png) repeat-x;
  background-size: 34px;
  display: inline-block;
  height: 32px;
}
.pinglun-rate{
  text-align: center;
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
}
.pinglun-rate-review{
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
}
.pinglun-rate-review-btn{
  width: 117px;
  height: 34px;
  border-radius: 17px;
  margin: 16px auto 0;
  background: rgba(30, 57, 50, 1);
  color: #fff;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.pinglun-review-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
  margin-bottom: 24px;
}
.pinglun-review-num{
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.pinglun-review-filter{
  display: flex;
  align-items: center;
  justify-content: center;
}
.pinglun-review-filter span{
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-right: 5px;
}
.review-items-dk{
  display: flex;
  align-items: center;
}
.review-items-luser{
  width: 48px;
  margin-right: 8px;
}
.review-items-top{
  width: 100%;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.review-items-ruser .pl-name{
  display: flex;
  align-items: center;
  margin-bottom: 11px;
}
.ruser-pl-name{
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-right: 8px;
}
.rating-xing-review{
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.rating-xing-review svg{
  font-size: 16px;
  margin-right: 4px;
}
.review-items-ruser .review-meta{
  color: rgba(166, 166, 166, 1);
}
.review-images a{
  width: 120px;
  height: 160px;
  margin-right: 16px;
  object-fit: cover;
}
.new-pages{
  margin-top: 50px;
  display: flex;
  justify-content: flex-end;
}
.pages.new-pages a{
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 22px;
  width: 22px;
  border-radius: 4px;
  height: 22px;
  margin: 0 1px;
  border: 0;
}
.pages.new-pages .current, .pages.new-pages .current:hover {
  color: #fff !important;
  font-size: 14px;
  border: 0 !important;
  cursor: default;
  width: 22px;
  height: 22px;
  line-height: 22px;
  margin: 0 4px;
  border-radius: 4px;
  text-align: center;
  background: rgba(3, 97, 65, 1);
}
.review-qa-box{
  width: 371px;
}
.review-qa-boxtop{
  width: 360px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 24px;
}
#form_review_comment{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.form-add-inner {
  position: absolute;
  width: 574px;
  border-radius: 4px;
  overflow: hidden;
  background: rgba(255, 255, 255, 1);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 16px 16px 25px;
  box-sizing: border-box;
}
.form_review_comment-top{
  width: 100%;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form_review_comment-top span{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.form_review_comment-top .icon-close{
  cursor: pointer;
}
.new-review-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 18px !important;
}
.new-review-box .input-box .input-text{
  width: 263px !important;
  height: 52px !important;
  border-radius: 1px !important;
  border: 1px solid rgba(229, 229, 229, 1) !important;
  font-size: 16px;
  font-weight: 400;
}
.form-list>.new-review-start{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.ratingcode{
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-transform: capitalize;
}
.new-review-start-item{
  width: 239px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.new-review-start-item .ratingscore{
  display: flex;
  align-items: center;
}
.newreview-textarea #review_field{
  width: 100%;
  height: 136px;
  border: 1px solid rgba(229, 229, 229, 1);
  border-radius: 1px;
  padding: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: rgba(166, 166, 166, 1);
  box-sizing: border-box;
  max-width: 100%;
}
.add-review-form-uploadsection,
.newadd-review-form-uploadsection {
	box-sizing: border-box;
	width: 100%;
	margin-top: 16px;
}
.webuploader-container,
.newwebuploader-container {
	box-sizing: border-box;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.webuploader-pick,
.newwebuploader-pick {
  flex: 0 0 auto;
  position: relative;
  width: 120px;
  height: 160px;
  background-color: #ffffff;
  margin-right: 16px;
	border-radius: 8px;
	margin-bottom: 24px;
}
.webuploader-no-pick img,
.newwebuploader-no-pick img{
	width: 36px;
	height: 36px;
}
.webuploader-no-pick,
.newwebuploader-no-pick{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    border: 1px dashed rgba(255, 231, 209, 1);
    border-radius: 8px;
}
.webuploader-has-pick,
.newwebuploader-has-pick {
    display: none;
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 3;
}
.webuploader-pick .webuploader-element-invisible,
.newwebuploader-pick .newwebuploader-element-invisible {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
}
.webuploader-no-pick span,
.newwebuploader-no-pick span{
    font-size: 12px;
    color: #0b0b0b;
    margin-top: 10px;
    text-align: center;
}
.webuploader-has-pick .uploadimg-remove,
.newwebuploader-has-pick .newuploadimg-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  right: 0;
  z-index: 2;
	border-radius: 8px;
  background-color: rgba(0, 0, 0, .5);
}
.webuploader-pick[data-pick="has"] .webuploader-has-pick,
.newwebuploader-pick[data-pick="has"] .newwebuploader-has-pick{
    display: block;
}
.webuploader-pick[data-pick="no"] .webuploader-no-pick,
.newwebuploader-pick[data-pick="no"] .newwebuploader-no-pick {
	display: flex;
}
.webuploader-has-pick-img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.new-buttons-set .button{
  display: block;
  width: 542px;
  height: 48px;
  border-radius: 30px;
  margin: 16px auto 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 48px;
  text-align: center;
  background: rgba(3, 97, 65, 1);
  padding: 0;
}
.hasno-review{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 48px;
}
.hasno-review-review{
	width: 150px;
}
.hasno-review-text{
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	margin-top: 9px;
	text-align: center;
}
/* 详情页评论 end */